:root{--hwr-navy:#0a3157;--hwr-navy-2:#071f38;--hwr-blue:#0d4e80;--hwr-sky:#3fb8ff;--hwr-white:#fff;--hwr-ink:#102335;--hwr-muted:#688097;--hwr-card:#fff;--hwr-line:#dce7f0;--hwr-live:#f04b5a;--hwr-radius:18px;--hwr-shadow:0 16px 45px rgba(7,31,56,.12)}
.hwr-shell{max-width:1180px;margin:0 auto;padding:28px 20px;box-sizing:border-box}.hwr-shell *{box-sizing:border-box}.hwr-card{background:var(--hwr-card);border:1px solid var(--hwr-line);border-radius:var(--hwr-radius);box-shadow:var(--hwr-shadow);padding:28px}.hwr-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#2b73a7;margin-bottom:7px}.hwr-card h2,.hwr-card h3,.hwr-section-head h2{color:var(--hwr-ink);margin:.15em 0 .5em}.hwr-small{font-size:13px;color:var(--hwr-muted)}
.hwr-form{display:grid;gap:16px;margin-top:22px}.hwr-form label,.hwr-live-form label{display:grid;gap:7px;font-weight:700;color:var(--hwr-ink);font-size:14px}.hwr-form input,.hwr-form select,.hwr-form textarea,.hwr-live-form input{width:100%;border:1px solid #cbd9e4;background:#f8fbfd;border-radius:10px;padding:12px 13px;font:inherit;color:var(--hwr-ink);outline:none}.hwr-form input:focus,.hwr-form select:focus,.hwr-form textarea:focus,.hwr-live-form input:focus{border-color:#3f9eda;box-shadow:0 0 0 3px rgba(63,158,218,.14)}.hwr-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer;font-size:14px}.hwr-btn-primary{background:linear-gradient(135deg,var(--hwr-blue),var(--hwr-navy));color:#fff}.hwr-btn-live{background:var(--hwr-live);color:#fff}.hwr-btn-ghost{background:#eaf2f7;color:var(--hwr-ink)}.hwr-button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.hwr-alert{padding:14px 16px;border-radius:12px;margin:0 0 16px}.hwr-alert-info{background:#eaf5ff;color:#184f78}.hwr-alert-success{background:#e8f8ee;color:#19643a}.hwr-alert-error{background:#fff0f0;color:#8f2929}.hwr-code{display:inline-block;background:var(--hwr-navy-2);color:#fff;font-size:24px;letter-spacing:.08em;font-weight:900;padding:13px 18px;border-radius:10px;margin:4px 0 8px}.hwr-verify-grid{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;margin-top:24px}.hwr-habbo-preview{min-height:275px;background:radial-gradient(circle at 50% 40%,#1f6297,#071f38);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:18px;color:#fff;overflow:hidden}.hwr-habbo-preview img{height:185px;width:auto;margin-bottom:-4px}.hwr-habbo-preview strong{font-size:20px}.hwr-habbo-preview span{opacity:.75;font-size:13px}.hwr-success-panel{display:flex;gap:24px;align-items:center;background:#eaf9f0;border:1px solid #bde6cb;border-radius:16px;padding:24px}.hwr-success-panel img{height:150px;width:auto}
.hwr-portal-head{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;background:linear-gradient(135deg,#fff,#f2f8fc)}.hwr-avatar-stage{height:130px;border-radius:14px;background:linear-gradient(180deg,#c9e9ff,#edf7fd);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.hwr-avatar-stage img{height:130px;width:auto}.hwr-status-pill{font-size:12px;font-weight:900;letter-spacing:.06em;padding:9px 12px;border-radius:999px;background:#e6eef4;color:#577084}.hwr-status-pill.is-live{background:#ffe8eb;color:#b3293a}.hwr-portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.hwr-wide{grid-column:1/-1}.hwr-live-feedback{font-size:13px;color:var(--hwr-muted);margin-top:10px}.hwr-mini-schedule{display:grid;gap:10px}.hwr-mini-schedule>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--hwr-line)}.hwr-mini-schedule span{color:var(--hwr-muted)}
.hwr-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.hwr-dj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hwr-dj-card{background:#fff;border:1px solid var(--hwr-line);border-radius:16px;overflow:hidden;box-shadow:var(--hwr-shadow)}.hwr-dj-avatar{height:225px;background:radial-gradient(circle at 50% 32%,#2f7cae,#082846);display:flex;align-items:flex-end;justify-content:center}.hwr-dj-avatar img{height:210px;width:auto}.hwr-dj-copy{padding:20px}.hwr-dj-copy h3{margin:0;color:var(--hwr-ink);font-size:22px}.hwr-dj-copy span{color:var(--hwr-muted);font-size:13px}.hwr-dj-copy p{color:#415a6c;font-size:14px;line-height:1.55}
.hwr-schedule{display:grid;gap:10px}.hwr-day{display:grid;grid-template-columns:135px 1fr;background:#fff;border:1px solid var(--hwr-line);border-radius:14px;overflow:hidden}.hwr-day-title{background:var(--hwr-navy);color:#fff;font-weight:900;padding:18px}.hwr-day-shows{display:grid}.hwr-show{display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(180px,1fr);gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf2f6}.hwr-show:last-child{border-bottom:0}.hwr-show span{font-weight:800;color:#2d668e}.hwr-show em{font-style:normal;color:var(--hwr-muted);font-size:13px}.hwr-show.is-empty{opacity:.65}
.hwr-player{display:grid;grid-template-columns:auto 76px minmax(0,1fr) auto auto;gap:14px;align-items:center;background:#071f38;color:#fff;padding:11px 18px;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative;z-index:50}.hwr-player-sticky{position:fixed;left:18px;right:18px;bottom:16px;max-width:1100px;margin:auto}.hwr-play{height:48px;width:48px;border-radius:50%;border:0;background:#fff;color:#0a3157;font-size:18px;font-weight:900;cursor:pointer}.hwr-player-logo{height:54px;overflow:hidden;display:flex;align-items:center}.hwr-player-logo img{width:76px;height:auto}.hwr-player-copy{display:grid;min-width:0}.hwr-player-kicker{font-size:9px;letter-spacing:.15em;font-weight:900;color:#73c6ff}.hwr-player-copy strong,.hwr-player-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hwr-player-copy em{font-style:normal;font-size:12px;color:#a9c4d8}.hwr-live-dot{width:9px;height:9px;border-radius:50%;background:#ff4054;box-shadow:0 0 0 6px rgba(255,64,84,.13)}.hwr-player-status{font-size:11px;font-weight:900}.hwr-onair-card{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:18px;border-radius:18px;color:#fff}.hwr-onair-avatar{height:105px;background:rgba(255,255,255,.08);border-radius:14px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;font-size:40px}.hwr-onair-avatar img{height:105px;width:auto}.hwr-onair-card h3{color:#fff;margin:2px 0}.hwr-onair-card p{margin:0;color:#bdd6e8}.hwr-live-badge{background:#ff4054;color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}
@media(max-width:800px){.hwr-verify-grid,.hwr-portal-grid{grid-template-columns:1fr}.hwr-portal-head{grid-template-columns:90px 1fr}.hwr-status-pill{grid-column:1/-1;width:max-content}.hwr-avatar-stage{height:90px}.hwr-avatar-stage img{height:95px}.hwr-dj-grid{grid-template-columns:1fr 1fr}.hwr-day{grid-template-columns:1fr}.hwr-show{grid-template-columns:90px 1fr}.hwr-show em{grid-column:2}.hwr-player{grid-template-columns:auto 1fr auto}.hwr-player-logo,.hwr-player-status{display:none}.hwr-player-sticky{left:8px;right:8px;bottom:8px}.hwr-wide{grid-column:auto}}@media(max-width:520px){.hwr-dj-grid{grid-template-columns:1fr}.hwr-card{padding:20px}.hwr-verify-grid{grid-template-columns:1fr}.hwr-habbo-preview{min-height:240px}.hwr-onair-card{grid-template-columns:80px 1fr}.hwr-live-badge{grid-column:1/-1;width:max-content}.hwr-onair-avatar{height:80px}.hwr-onair-avatar img{height:85px}}

/* v1.1 — live track metadata and image-led schedule */
.hwr-show{grid-template-columns:76px 120px minmax(0,1fr);gap:16px;min-height:82px;padding:10px 18px}.hwr-show-art{width:76px;height:60px;border-radius:10px;background:linear-gradient(135deg,#dcecf7,#b8d8ec);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#2d668e;font-size:22px;font-weight:900}.hwr-show-art img{width:100%;height:100%;object-fit:cover}.hwr-show-time{font-weight:900!important;color:#2d668e!important;font-variant-numeric:tabular-nums}.hwr-show-copy{display:grid;gap:4px;min-width:0}.hwr-show-copy strong{color:var(--hwr-ink);font-size:15px}.hwr-show-copy em{font-style:normal;color:var(--hwr-muted);font-size:13px}.hwr-show-art-empty{background:#eef5f9}
.hwr-player{grid-template-columns:auto 58px minmax(0,1fr) auto auto}.hwr-player-art{width:58px;height:58px;border-radius:9px;overflow:hidden;background:#102f4b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.hwr-player-art img{width:100%;height:100%;object-fit:cover;display:block}.hwr-player-copy strong{font-size:15px;line-height:1.25}.hwr-player-copy em{font-size:12px;color:#d3e5f2}.hwr-player-copy small{font-size:10px;color:#7fa9c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.hwr-onair-track{margin-top:8px!important;font-size:12px!important;color:#86cfff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px}
@media(max-width:800px){.hwr-show{grid-template-columns:62px 88px minmax(0,1fr);gap:10px;padding:10px}.hwr-show-art{width:62px;height:52px}.hwr-show-copy em{grid-column:auto}.hwr-player{grid-template-columns:auto 48px minmax(0,1fr) auto}.hwr-player-art{width:48px;height:48px}.hwr-live-dot{display:none}.hwr-player-copy small{display:none}}@media(max-width:520px){.hwr-show{grid-template-columns:58px minmax(0,1fr)}.hwr-show-art{width:58px;height:48px;grid-row:1/3}.hwr-show-time{grid-column:2}.hwr-show-copy{grid-column:2}.hwr-player-status{display:none}.hwr-onair-track{max-width:230px}}

/* v1.2 — front-end DJ dashboard, login, song requests and instructions */
.hwr-login-shell{max-width:1050px}.hwr-login-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;overflow:hidden;border-radius:22px;box-shadow:var(--hwr-shadow);background:#fff;border:1px solid var(--hwr-line)}.hwr-login-brand{padding:48px;background:linear-gradient(145deg,#061e36,#0a4b7b);color:#fff}.hwr-login-brand img{width:190px;max-width:100%;border-radius:20px;margin-bottom:24px}.hwr-login-brand h2{font-size:38px;margin:5px 0 12px;color:#fff}.hwr-login-brand p,.hwr-login-brand li{color:#c7dce9;line-height:1.6}.hwr-login-brand ul{padding-left:18px}.hwr-login-card{border:0;border-radius:0;box-shadow:none;padding:48px;display:flex;flex-direction:column;justify-content:center}.hwr-login-success{border-radius:18px;border:1px solid var(--hwr-line);box-shadow:var(--hwr-shadow);max-width:650px;margin:auto}.hwr-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;font-weight:600!important}.hwr-check input{width:auto!important}.hwr-check span{font-size:13px;color:var(--hwr-muted)}
.hwr-dashboard{max-width:1280px}.hwr-dash-shell{background:#071f38;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 24px 70px rgba(7,31,56,.16)}.hwr-dash-nav{display:flex;align-items:center;gap:4px;padding:12px 18px;background:#041728;border-bottom:1px solid rgba(255,255,255,.08)}.hwr-dash-nav a{display:flex;align-items:center;gap:8px;color:#9db9ce;text-decoration:none;font-weight:800;font-size:13px;padding:10px 12px;border-radius:8px}.hwr-dash-nav a:hover,.hwr-dash-nav a.is-active{background:rgba(255,255,255,.09);color:#fff}.hwr-dash-nav a span{width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.hwr-dash-nav-site{margin-left:auto}.hwr-dash-nav-logout{color:#ff9da7!important}.hwr-dash-top{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;padding:24px 30px;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(63,184,255,.16),transparent 28%),#071f38}.hwr-dash-avatar{width:96px;height:96px;border-radius:16px;background:linear-gradient(#d9effe,#a7d5f2);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;color:#0a3157;font-weight:900}.hwr-dash-avatar img{height:102px;width:auto}.hwr-dash-top h1{margin:2px 0;font-size:30px;color:#fff}.hwr-dash-top p{margin:0;color:#9db9ce}.hwr-dash-status{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;letter-spacing:.05em}.hwr-dash-status span{width:8px;height:8px;border-radius:50%;background:#758fa2}.hwr-dash-status.is-live{background:rgba(240,75,90,.12);color:#ff9da7}.hwr-dash-status.is-live span{background:#f04b5a;box-shadow:0 0 0 5px rgba(240,75,90,.12)}.hwr-dash-content{background:#f4f8fb;padding:24px 26px 32px;border-radius:0 0 22px 22px}.hwr-dash-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.hwr-dash-summary>div{background:#fff;border:1px solid var(--hwr-line);border-radius:14px;padding:17px 18px;display:grid}.hwr-dash-number{font-size:27px;font-weight:900;color:var(--hwr-navy)}.hwr-dash-summary small{color:var(--hwr-muted);margin-top:3px}.hwr-dashboard .hwr-card{box-shadow:none}.hwr-broadcast-card{background:linear-gradient(150deg,#fff,#f7fbff)}.hwr-dashboard-links{display:grid;gap:8px}.hwr-dashboard-links a{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:var(--hwr-ink);padding:12px;border:1px solid var(--hwr-line);border-radius:11px}.hwr-dashboard-links a>span{width:38px;height:38px;border-radius:9px;background:#eaf5fb;display:flex;align-items:center;justify-content:center;color:#246b9b;font-weight:900}.hwr-dashboard-links a div{display:grid}.hwr-dashboard-links small{color:var(--hwr-muted);margin-top:2px;line-height:1.35}.hwr-full-request-card>p{color:var(--hwr-muted);max-width:760px}
.hwr-request-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.hwr-request-intro{background:linear-gradient(145deg,#071f38,#0a4e80);color:#fff}.hwr-request-intro h2{color:#fff;font-size:38px}.hwr-request-intro>p{color:#c2d8e7;line-height:1.7}.hwr-request-note{margin-top:28px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:grid;gap:5px}.hwr-request-note span{font-size:13px;color:#bfd7e7;line-height:1.55}.hwr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hwr-optional{font-weight:500;color:var(--hwr-muted);font-size:11px}.hwr-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hwr-request-queue-inner{position:relative;transition:opacity .15s}.is-refreshing>.hwr-request-queue-inner,.hwr-request-queue-inner.is-refreshing{opacity:.55}.hwr-request-queue-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0 14px;border-bottom:1px solid var(--hwr-line)}.hwr-request-queue-head>div{display:grid}.hwr-request-queue-head span{font-size:12px;color:var(--hwr-muted);margin-top:3px}.hwr-request-list{display:grid}.hwr-request-item{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #edf2f6}.hwr-request-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#0d4e80,#082b4a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.hwr-request-copy{min-width:0}.hwr-request-top{display:flex;justify-content:space-between;gap:12px}.hwr-request-top strong{color:var(--hwr-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hwr-request-top span{font-size:10px;color:#90a4b3;white-space:nowrap}.hwr-request-artist{font-size:13px;font-weight:700;color:#2d668e;margin-top:2px}.hwr-request-copy p{font-size:12px;color:var(--hwr-muted);margin:5px 0 0;line-height:1.45}.hwr-request-actions{display:flex;gap:6px}.hwr-request-action{border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}.hwr-request-played{background:#e5f7ec;color:#1f7744}.hwr-request-decline{background:#fff0f0;color:#9b3540}.hwr-request-action:disabled{opacity:.45;cursor:wait}.hwr-request-empty{text-align:center;padding:35px 16px;color:var(--hwr-muted)}.hwr-request-empty>span{width:54px;height:54px;border-radius:50%;background:#eaf3f8;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:#2c719f;font-size:22px}.hwr-request-empty strong{display:block;color:var(--hwr-ink)}.hwr-request-empty p{margin:4px 0}.hwr-request-more{display:block;text-decoration:none;color:#286f9e;font-weight:800;font-size:12px;margin-top:12px}.hwr-request-history{margin-top:26px;border-top:1px solid var(--hwr-line);padding-top:20px}.hwr-request-history h3{font-size:18px}.hwr-request-history-row{display:grid;grid-template-columns:82px 1.5fr 1fr 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f6;font-size:12px}.hwr-request-history-row>span,.hwr-request-history-row em{color:var(--hwr-muted);font-style:normal}.hwr-history-status{display:inline-flex!important;width:max-content;padding:4px 7px;border-radius:999px;font-weight:900;font-size:9px;text-transform:uppercase}.hwr-history-status.is-played{background:#e5f7ec;color:#1f7744}.hwr-history-status.is-declined{background:#fff0f0;color:#9b3540}
.hwr-instructions-lead{color:var(--hwr-muted);border-bottom:1px solid var(--hwr-line);padding-bottom:18px}.hwr-instructions-html{background:#f8fbfd;border:1px solid var(--hwr-line);border-radius:12px;padding:24px;margin-top:20px;line-height:1.7;color:#294357}.hwr-instructions-html h1,.hwr-instructions-html h2,.hwr-instructions-html h3,.hwr-instructions-html h4{color:var(--hwr-ink)}.hwr-instructions-html code{background:#e8f0f5;padding:2px 5px;border-radius:4px}.hwr-instructions-html blockquote{border-left:4px solid #2f82b9;margin-left:0;padding-left:16px;color:#506b7d}
.hwr-player{grid-template-columns:auto 58px minmax(0,1fr) auto auto auto}.hwr-player-request{font-size:9px;letter-spacing:.08em;font-weight:900;color:#8dd5ff;text-decoration:none;border:1px solid rgba(141,213,255,.25);border-radius:7px;padding:7px 8px}.hwr-player-request:hover{color:#fff;border-color:rgba(255,255,255,.5)}
@media(max-width:900px){.hwr-login-panel,.hwr-request-layout{grid-template-columns:1fr}.hwr-login-brand{padding:32px}.hwr-login-brand img{width:145px}.hwr-dash-summary{grid-template-columns:1fr 1fr 1fr}.hwr-dash-nav{overflow-x:auto}.hwr-dash-nav-site{margin-left:0}.hwr-dash-nav a{white-space:nowrap}.hwr-dashboard .hwr-portal-grid{grid-template-columns:1fr}.hwr-dashboard .hwr-wide{grid-column:auto}.hwr-player-request{display:none}.hwr-live-dot{display:none}.hwr-player{grid-template-columns:auto 48px minmax(0,1fr) auto}}
@media(max-width:650px){.hwr-login-brand,.hwr-login-card{padding:26px 22px}.hwr-dash-top{grid-template-columns:72px 1fr;padding:18px}.hwr-dash-avatar{width:72px;height:72px}.hwr-dash-avatar img{height:78px}.hwr-dash-status{grid-column:1/-1;width:max-content}.hwr-dash-content{padding:16px 12px 24px}.hwr-dash-summary{grid-template-columns:1fr}.hwr-form-row{grid-template-columns:1fr}.hwr-request-item{grid-template-columns:40px 1fr}.hwr-request-icon{width:40px;height:40px}.hwr-request-actions{grid-column:2;justify-content:flex-start}.hwr-request-history-row{grid-template-columns:75px 1fr}.hwr-request-history-row em,.hwr-request-history-row>span:nth-child(3){display:none}.hwr-request-queue-head{align-items:flex-start}.hwr-request-refresh{padding:8px 10px}.hwr-dash-nav a span{display:none}.hwr-dash-nav{padding:9px 10px}.hwr-dash-nav a{font-size:11px;padding:8px}.hwr-request-intro h2{font-size:30px}}