:root{--bg: #0a0a0a;--text: #ffffff;--muted: #a0a0a0;--line: #585757;--panel-grey: #2a2a2a;--accent: #2ee59d;--error: #ff4a5a;--orange: #ff8000;--space-s: 8px;--space-m: 16px;--space-l: 32px;--space-xl: 40px;--margins: 48px;--gutter: 20px;--radius-s: 2px;--radius-full: 200px;--bg-deep: #080808;--panel: #111111;--faint: #565656;--font: "Stack Sans Notch", system-ui, -apple-system, sans-serif;--fs-10: 10px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--tracking: .05em}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}#root{max-width:1024px;margin:0 auto}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none}.label{font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted)}button{font-family:var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent}.login{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;background:var(--bg)}.login--split{min-height:100vh;min-height:100dvh}.login-panel{flex:0 0 auto;width:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;gap:0}.login--split{flex-direction:row;align-items:stretch;justify-content:stretch;padding:0}.login.login--split{padding:0}.login--split .login-brand-panel{flex:1 1 50%;box-sizing:border-box;min-width:340px;background:var(--bg-deep) center / cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.login--split .login-brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;pointer-events:none}.brand-panel-band{position:relative;z-index:1;width:100%;padding:30px 0;display:flex;align-items:center;justify-content:center}.login--split .login-panel{flex:1 1 50%;box-sizing:border-box;min-width:340px;max-width:none;padding:0;gap:0;justify-content:center;position:relative}.login--split .login-form{width:100%;max-width:none;margin:0;padding:var(--space-xl) var(--margins)}.login--split .login-form>*{max-width:368px}.login-credits-row--center{justify-content:center;gap:var(--space-s)}.login-forgot{position:static;font-size:var(--fs-12);font-weight:300;letter-spacing:var(--tracking);line-height:normal;color:var(--muted);white-space:nowrap}.login-forgot-link{font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal;color:var(--muted);text-decoration:underline;text-underline-position:from-font;border-radius:var(--radius-s);white-space:nowrap}.reset-email{color:#fff;font-weight:500}.reset-hint{margin-top:40px;text-align:center;color:var(--muted);font-size:13px}.password-field{position:relative;width:100%}.password-field input{padding-right:32px}.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text)}.pw-toggle:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.login-form{flex:0 0 auto;width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-l);padding:14.5px var(--margins)}.login-form>*{width:100%;max-width:368px}.login-form--start{align-items:flex-start}.login-form--end{justify-content:flex-end}.form-head{display:flex;flex-direction:column;gap:var(--space-s)}.form-fields{display:flex;flex-direction:column;gap:var(--space-m)}.form-actions{display:flex;flex-direction:column;gap:var(--space-s)}.login-form h1{font-size:var(--fs-20);font-weight:400;letter-spacing:0;line-height:normal}.login-form .field{display:flex;flex-direction:column;gap:0;align-items:flex-start}.login-form .label{width:100%;padding:4px 12px;border-radius:5px;font-size:var(--fs-10);letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted)}.login-form .form-row{display:flex;gap:12px}.login-form .form-row .field{flex:1;min-width:0}.pw-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-s);font-size:var(--fs-12);font-weight:300;letter-spacing:var(--tracking);color:var(--muted)}.pw-rules li{display:flex;align-items:center;gap:4px}.pw-rules li:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--line)}.pw-rules li.rule-ok:before{background:var(--accent)}.pw-rules li.rule-bad:before{background:var(--error)}.login-form .sub{color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal;margin-bottom:0}.sub-email{color:var(--text)}.login-form input{width:100%;background:var(--panel-grey);border:none;border-radius:2px;color:var(--text);font-family:var(--font);font-size:var(--fs-12);letter-spacing:var(--tracking);padding:12px}.login-form input::placeholder{color:var(--line)}.login-form input:-webkit-autofill,.login-form input:-webkit-autofill:hover,.login-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 600000s 0s,color 600000s 0s}.login-form input.input-error:-webkit-autofill,.login-form input.input-error:-webkit-autofill:focus{-webkit-text-fill-color:var(--error)}.login-form input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--line)}.login-form input:focus:not(:placeholder-shown){box-shadow:inset 0 0 0 1px var(--muted)}.login-form input.input-error,.login-form input.input-error:focus,.login-form input.input-error:focus:not(:placeholder-shown){box-shadow:inset 0 0 0 1px var(--error);color:var(--error)}.btn-primary{min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:2px;background:var(--text);color:var(--bg);border:none;font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase}.btn-ghost{min-height:44px;padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background:none;border:none;color:var(--muted);font-family:var(--font);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--space-s)}.login-credits{width:100%;min-width:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-l);padding:var(--margins)}.login-credits-row{width:100%;max-width:368px;display:flex;align-items:center;gap:var(--gutter)}.login-footer{position:static}.login-footer .note{flex:1 0 0;min-width:0;color:var(--muted);font-size:var(--fs-10);font-weight:400;letter-spacing:var(--tracking);line-height:normal;max-width:none}.badge{background:var(--text);color:#000;padding:6px 12px;font-size:11px;white-space:nowrap}.soundtrack-badge{height:36px;width:auto;flex-shrink:0;display:block}.badge small{display:block;font-size:9px;color:#444}.logo{display:flex;align-items:center;gap:14px;font-size:24px;line-height:1.05;font-weight:500}.logo-mark{width:96px;height:64px;background:repeating-linear-gradient(90deg,var(--text) 0 3px,transparent 3px 7px)}.logo-mark.sm{width:42px;height:28px}.brand-logo{height:78px;width:auto;align-self:flex-start;display:block}.brand-logo.sm{height:28px}.brand-logo.lg{height:78px;align-self:center}.screen{position:relative;display:flex;flex-direction:column;height:100%}.grid-row{display:flex;border-bottom:1px solid var(--line)}.cell{padding:10px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:0;min-width:0}.cell:last-child{border-right:none}.topbar{height:100px;flex-shrink:0}.topbar .back{width:170.67px;position:relative;background:none;border:none;border-right:1px solid var(--line);color:var(--text);display:flex;align-items:center;justify-content:center;padding:var(--space-m)}.topbar .back .label{position:absolute;top:16px;left:16px}.topbar .zone-cell{flex:1}.support-cell{width:170.67px}.zone-name{flex:1 0 0;min-width:0;font-size:var(--fs-16);font-weight:400;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:var(--fs-12);font-weight:300;letter-spacing:var(--tracking);color:var(--muted);display:flex;align-items:center;gap:4px}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-live .dot{background:var(--accent)}.status-paused .dot{background:var(--orange)}.status-error .dot,.status-off .dot{background:var(--error)}.player-info{flex-shrink:0;height:140px}.daypart-cell{width:342px}.daypart-cell .big{font-size:var(--fs-14);font-weight:400;letter-spacing:var(--tracking);line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nowplaying-cell .big{font-size:var(--fs-20);font-weight:400;letter-spacing:0;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daypart-cell .window{color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal}.daypart-cell .next{margin-top:auto;color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal}.schedule-day .range-playlist{color:var(--muted)}.nowplaying-cell{flex:1}.nowplaying-cell .artist{color:var(--muted);font-size:var(--fs-14);font-weight:400;letter-spacing:var(--tracking);line-height:normal;margin-top:0}.player-main{flex:1;border-bottom:none}.tile{border:none;background:var(--bg);color:var(--text);position:relative;display:flex;align-items:center;justify-content:center}.tile .label{position:absolute;top:16px;left:16px}.duration-cell .label,.volume-cell .label,.tile.next .label{color:var(--muted)}.tile.play{width:33.333%;background:var(--accent);color:var(--bg);border-right:none}.tile.play.is-paused{background:#ff8000}.tile.play .label{color:var(--bg)}.tile.play:disabled{background:#163f30;color:var(--faint)}.tile.next{flex:1;background:var(--panel-grey)}.tile .glyph{font-size:40px}.middle-col{width:33.333%;display:flex;flex-direction:column;justify-content:flex-start;background:var(--panel-grey);border-left:1px solid var(--line);border-right:1px solid var(--line)}.duration-cell{flex:0 0 183.5px;border-bottom:1px solid var(--line);background:var(--panel-grey);padding:var(--space-m);display:flex;flex-direction:column;justify-content:space-between;gap:0}.wave{position:relative;height:68px;margin-top:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='68'%3E%3Cpath d='M0 68V1A1 1 0 0 1 2 1V68Z' fill='%234a4a4a'/%3E%3C/svg%3E");background-repeat:repeat-x}.wave-fill{position:absolute;top:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='68'%3E%3Cpath d='M0 68V1A1 1 0 0 1 2 1V68Z' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:repeat-x}.times{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--fs-10);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase}.volume-cell{flex:0 0 183.5px;background:var(--panel-grey);padding:var(--space-m);display:flex;flex-direction:column;justify-content:space-between;gap:0}.volume-row{display:flex;align-items:center;gap:12px;margin-top:auto;margin-bottom:auto;color:var(--text)}.vol-wrap{position:relative;flex:1;display:flex;align-items:center}.volume-row input.vol{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:44px;background:transparent}.volume-row input.vol::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--line) var(--fill, 50%),var(--bg) var(--fill, 50%))}.volume-row input.vol::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:33px;margin-top:-14.5px;background:transparent;border:none;box-shadow:none}.volume-row input.vol::-moz-range-track{height:4px;background:var(--bg)}.volume-row input.vol::-moz-range-progress{height:4px;background:var(--line)}.volume-row input.vol::-moz-range-thumb{width:16px;height:33px;background:transparent;border:none;box-shadow:none}.vol-knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:7px;height:33px;background:none;pointer-events:none}.vol-knob:before{content:"";position:absolute;left:0;top:6px;width:7px;height:20px;background:var(--text)}.vol-knob:after{content:"";position:absolute;left:3px;top:0;width:1px;height:33px;background:var(--text)}.form-error{color:var(--error);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal;padding:4px 12px;border-radius:5px;overflow:hidden}.avatar-wrap{position:relative}.avatar-menu{position:absolute;right:0;top:38px;width:168px;background:var(--panel-grey);border:none;border-radius:var(--radius-s);overflow:hidden;padding:0;display:flex;flex-direction:column;gap:0;z-index:5}.avatar-menu-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-s);padding:var(--space-m);background:none;border:none;color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-align:left}.avatar-menu-item span{text-decoration:underline;text-decoration-style:solid;text-underline-position:from-font}.avatar{width:30px;height:30px;border-radius:var(--radius-full);border:none;box-shadow:inset 0 0 0 1px var(--line);background:var(--panel-grey);color:var(--text);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.zones-hero{padding:56px 96px 0}.zones-hero .venue{display:block;max-width:368px;font-size:var(--fs-20);font-weight:400;letter-spacing:0;line-height:normal}.zones-sub{margin-top:var(--space-s);color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal;max-width:368px}.zones-empty{color:var(--muted)}.zones-wrap{padding:40px 96px;display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fill,minmax(min(393px,100%),393px));justify-content:start;overflow-y:auto}.zone-card{background:var(--panel-grey);border:none;border-radius:0;color:var(--text);text-align:left;padding:var(--space-m);display:flex;flex-direction:column;align-items:center;gap:var(--gutter);cursor:pointer}.zone-card:hover{border-color:var(--muted)}.zone-card-locked{cursor:default}.zones-loader{grid-column:1 / -1;display:flex;justify-content:center;padding:64px 0}.spinner{width:28px;height:28px;border:3px solid var(--panel-grey);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.zone-card-top{width:100%;display:flex;align-items:center;gap:var(--space-m)}.zone-np,.zone-silent{width:100%;display:flex;gap:var(--space-m);align-items:flex-start}.zone-np .art,.zone-silent .art{width:100px;height:100px;border-radius:0;object-fit:cover;flex-shrink:0}.zone-silent .art-muted{display:flex;align-items:center;justify-content:center;background:#363636;color:var(--text)}.zone-silent .silent-text{color:var(--text);font-size:var(--fs-12);font-weight:300;letter-spacing:var(--tracking)}.zone-np-body{flex:1 0 0;height:100px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-m);min-width:0}.daypart-label{font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase;color:var(--muted)}.daypart-name{font-size:var(--fs-14);font-weight:400;letter-spacing:var(--tracking)}.daypart-meta{font-size:var(--fs-12);font-weight:300;letter-spacing:var(--tracking);color:var(--muted)}.zone-card .card-footer{margin-top:auto;width:100%;max-width:368px;display:flex;align-items:center;gap:var(--space-s)}.next-label{flex:1 0 0;min-width:0;font-size:var(--fs-12);font-weight:300;letter-spacing:var(--tracking);color:var(--muted)}.next-label b{color:var(--text);font-weight:300}.see-schedule{background:none;border:none;border-radius:2px;color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-decoration:underline;white-space:nowrap}.see-schedule:hover{color:var(--text)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a99;display:flex;justify-content:flex-end;z-index:20}.drawer{width:344px;max-width:92%;height:100%;background:var(--bg);border:none;border-left:1px solid var(--line);border-radius:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}.drawer-close{position:sticky;top:0;z-index:3;width:100%;margin-bottom:-24px;min-height:44px;justify-content:flex-end;padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background:var(--bg);align-self:auto;display:flex;align-items:center;gap:var(--space-s);border:none;color:var(--muted);font-size:var(--fs-12);letter-spacing:var(--tracking);text-transform:uppercase}.drawer-body{z-index:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--space-l);padding:var(--space-xl) var(--margins)}.drawer-text{display:flex;flex-direction:column;gap:var(--space-s)}.drawer-title{font-size:var(--fs-20);font-weight:400;letter-spacing:0;line-height:normal;margin-bottom:0}.drawer-sub{color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal;margin-bottom:0;max-width:none}.drawer-list{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-l) 0;overflow-y:auto}.drawer-empty{color:var(--muted);font-size:13px}.drawer-fade{position:sticky;bottom:0;z-index:2;width:100%;height:53px;margin-top:-53px;flex-shrink:0;pointer-events:none;background:linear-gradient(to top,var(--bg),rgba(10,10,10,0))}.slot-card{background:var(--panel-grey);opacity:.9;border-radius:0;padding:var(--space-m);display:flex;flex-direction:column;align-items:center;gap:var(--space-m)}.slot-card.active{background:var(--panel-grey)}.slot-time{width:100%;display:flex;align-items:center;gap:4px;font-size:var(--fs-10);font-weight:400;letter-spacing:var(--tracking);line-height:normal;color:var(--text);white-space:nowrap}.slot-dash{color:var(--muted)}.slot-body{width:100%;display:flex;align-items:center;gap:var(--space-m)}.slot-art{width:40px;height:40px;border-radius:0;background:var(--panel-grey);flex-shrink:0;object-fit:cover}.slot-name{font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-eq{color:var(--accent);display:flex;align-items:center}.eq{display:inline-flex;align-items:flex-end;gap:1.998px;width:17.984px;height:10.998px}.eq i{display:block;width:1.998px;background:currentColor;transform-origin:bottom;animation:eq-bounce .9s ease-in-out infinite}.eq i:nth-child(1){height:8.992px;animation-delay:-.6s}.eq i:nth-child(2){height:4.996px;animation-delay:-.3s}.eq i:nth-child(3){height:10.998px;animation-delay:-.9s}.eq i:nth-child(4){height:6.994px;animation-delay:-.45s}.eq i:nth-child(5){height:8.992px;animation-delay:-.15s}@keyframes eq-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.eq i{animation:none}}@media(max-width:760px){.drawer-overlay{flex-direction:column;justify-content:flex-end}.drawer{width:100%;max-width:100%;height:auto;max-height:82%;border-left:none;border-top:1px solid var(--line);border-radius:0;padding:0}.drawer-body{padding:var(--space-xl) 24px}}.schedule-wrap{padding:24px;overflow-y:auto;display:flex;flex-direction:column}.schedule-day{display:flex;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}.schedule-day .label{width:110px;flex-shrink:0}.schedule-day .ranges{display:flex;flex-wrap:wrap;gap:8px 16px}.schedule-day .range{font-size:15px}.schedule-day .range.none{color:var(--faint)}.app-header{position:absolute;top:16px;right:48px;z-index:5;display:flex;align-items:center;justify-content:flex-end;padding:0;flex-shrink:0}.error-banner{background:#2a1414;color:#ff8a8a;padding:10px 24px;font-size:13px}.support-trigger{background:none;border-top:none;border-bottom:none;border-left:1px solid var(--line);border-right:none;color:var(--text);text-align:left}.support-trigger:hover .label{color:var(--text)}.support-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a99;display:flex;justify-content:flex-end;z-index:10}.support-panel{width:344px;max-width:90vw;height:100%;background:var(--bg);border:none;border-left:1px solid var(--line);border-radius:0;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto}.support-close{position:sticky;top:0;z-index:2;width:100%;margin-bottom:-24px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:2px;background:var(--bg);border:none;color:var(--muted);font-size:var(--fs-12);letter-spacing:var(--tracking);text-transform:uppercase}.support-body{z-index:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-l);padding:var(--space-xl) var(--margins)}.support-panel h2{width:100%;max-width:368px;font-size:var(--fs-20);font-weight:400;letter-spacing:0}.support-actions{width:100%;max-width:368px;display:flex;flex-direction:column;gap:var(--space-s)}.support-tutorial{width:100%;min-height:44px;background:var(--text);color:var(--bg);border:none;border-radius:2px;font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--space-s);padding:var(--space-s) var(--space-m)}.support-email{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:2px;background:none;border:none;cursor:pointer;color:var(--muted);font-size:var(--fs-12);letter-spacing:var(--tracking);text-transform:uppercase;text-decoration:none}.support-email:disabled{cursor:default;opacity:.6}.support-report{width:100%;max-width:368px;display:flex;flex-direction:column;gap:var(--space-m)}.support-text{color:var(--muted);font-size:var(--fs-12);letter-spacing:var(--tracking)}.support-urgent{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:2px;color:var(--error);font-size:var(--fs-12);letter-spacing:var(--tracking);text-transform:uppercase;text-decoration:none}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a99;z-index:20;display:flex;align-items:flex-end}.tutorial-dialog{width:100%;height:100%;background:var(--bg);border:none;border-radius:5px 5px 0 0;overflow:hidden;display:flex;align-items:stretch}.tutorial-image{flex:1 1 50%;min-width:340px;background:var(--bg-deep) center / cover no-repeat}.tutorial-panel{flex:1 1 50%;min-width:340px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xl);padding:0}.tutorial-skip{position:static;width:100%;z-index:2;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background:none;border:none;color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase}.tutorial-block{flex:1 0 0;width:100%;max-width:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-l);padding:var(--space-xl) var(--margins)}.tutorial-block>*{width:100%;max-width:368px}.tutorial-text{min-height:134px;justify-content:flex-end}.tutorial-dashes{display:flex;align-items:center;gap:6px;margin-bottom:0}.tutorial-dashes .dash{height:2px;width:8px;border-radius:var(--radius-s);background:var(--muted)}.tutorial-dashes .dash.active{width:24px;background:var(--text)}.tutorial-text{display:flex;flex-direction:column;gap:var(--space-s)}.tutorial-block h2{font-size:var(--fs-20);font-weight:400;letter-spacing:0;line-height:normal}.tutorial-block p{color:var(--muted);font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);line-height:normal}.tutorial-continue{margin-top:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background:var(--text);color:var(--bg);border:none;font-size:var(--fs-12);font-weight:400;letter-spacing:var(--tracking);text-transform:uppercase}@media(max-width:600px){.login--split{flex-direction:column;padding:0}.login--split .login-brand-panel{flex:none;min-width:0;height:220px;min-height:0;width:100%}.login--split .login-panel{flex:1;min-width:0;padding:0;justify-content:flex-start}.login--split .login-form{max-width:none;margin:0;padding:var(--space-xl) 24px}.brand-logo.lg{height:60px}.login-forgot{position:static;margin-top:auto;padding-top:28px;text-align:center}}@media(max-width:760px){.login{padding:0}.login-credits{padding:24px;min-width:0}.login-form{justify-content:flex-start;padding:var(--space-xl) 24px}.brand-logo{height:60px}.login-form .form-row{flex-direction:column;gap:16px}.topbar{height:100px;min-height:0}.topbar .zone-cell{gap:0;padding:10px}.topbar .zone-cell .zone-name{font-size:var(--fs-14);letter-spacing:var(--tracking)}.topbar .back{width:93.75px;padding:var(--space-m)}.support-cell{width:93.75px}.player-info{flex-direction:column;height:auto}.player-info .cell{width:100%;height:100px;flex:none;border-right:none;border-bottom:none}.nowplaying-cell{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.player-main{flex:none;height:464px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:125.33px 125.33px 125.33px;grid-template-areas:"duration duration" "play     next" "volume   volume";gap:0;padding-bottom:88px;background:var(--panel-grey);border-top:none}.middle-col{display:contents}.duration-cell{grid-area:duration;flex:none;border:none;background:var(--panel-grey);min-height:0}.volume-cell{grid-area:volume;flex:none;border:none;background:var(--panel-grey);min-height:0}.tile.play{grid-area:play;width:auto;border:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:0}.tile.next{grid-area:next;background:var(--panel-grey);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:0}.support-overlay{align-items:flex-end;justify-content:stretch}.support-panel{width:100%;max-width:none;height:auto;max-height:70vh;border-left:none;border-top:1px solid var(--line)}.support-body{padding:var(--space-xl) 24px}.tutorial-overlay{background:none}.tutorial-dialog{flex-direction:column}.tutorial-image{flex:1 1 auto;min-width:0;min-height:233.75px}.tutorial-panel{flex:0 0 auto;min-width:0;gap:0;position:static}.tutorial-dialog{position:relative}.tutorial-skip{position:absolute;left:0;right:0;top:0;bottom:auto;width:auto}.tutorial-block{flex:0 0 auto;padding:var(--space-xl) 24px}.app-header{top:10px;right:24px}.zones-hero{padding:60px 24px 0}.zones-wrap{padding:40px 24px;grid-template-columns:1fr}}