:root{color:var(--theme-ink,#101218);background:var(--surface-soft,#eef0f3);font-synthesis:none;--paper:#fff;--ink:#101218;--muted:#6d7380;--line:#e4e7ec;--brand:#10158f;--cyan:#a7ebf2;--cyan-strong:#28b9e8;--accent:#e34243;--spotify:#1ed760;--safe-bottom:max(10px, env(safe-area-inset-bottom));--shell-max-width:520px;--screen-gutter:18px;--screen-bottom-space:108px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}html,body,#root{overscroll-behavior:none;touch-action:manipulation;width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:var(--surface-soft,#eef0f3);-webkit-text-size-adjust:100%;min-height:100dvh}.fatal-screen{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 18%, rgba(var(--surface-rgb,255, 255, 255), .92), transparent 36%), linear-gradient(180deg, var(--shell-color,#c9f2f6) 0%, var(--cyan) 55%, var(--shell-color,#98e1e9) 100%);color:var(--ink);place-items:center;display:grid}.fatal-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .84);-webkit-backdrop-filter:blur(18px);text-align:center;border-radius:28px;width:min(100%,390px);padding:30px 24px 24px;box-shadow:0 24px 70px #10158f24}.fatal-icon{background:var(--brand-fill,var(--brand));color:#fff;border-radius:20px;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid;box-shadow:0 12px 28px #10158f38}.fatal-copy{gap:10px;display:grid}.fatal-eyebrow{color:var(--brand);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900}.fatal-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,8vw,38px);line-height:1}.fatal-copy>p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.fatal-refresh{background:var(--brand-fill,var(--brand));color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:52px;margin-top:24px;padding:0 22px;font-weight:850;display:inline-flex;box-shadow:0 10px 24px #10158f33}.fatal-refresh:active{transform:translateY(1px);box-shadow:0 5px 16px #10158f2e}.fatal-refresh:focus-visible{outline:3px solid rgba(var(--outline-rgb,16, 21, 143), .22);outline-offset:3px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{width:min(100%, var(--shell-max-width));background:var(--paper);border-inline:1px solid var(--line);flex-direction:column;height:100dvh;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.topbar{z-index:30;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:rgba(var(--surface-rgb,255, 255, 255), .92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #10121814;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.profile-button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:50%;justify-self:start;place-items:center;display:grid}.profile-button:active{background:var(--surface-soft,#f0f2f5)}.topbar-logo{object-fit:cover;border-radius:50%;justify-self:center;width:38px;height:38px}.topbar-logo-button{background:0 0;border:0;border-radius:50%;justify-self:center;place-items:center;width:42px;height:42px;padding:2px;display:grid}.topbar-logo-button:hover,.topbar-logo-button:focus-visible{background:rgba(var(--surface-rgb,255, 255, 255), .28)}.topbar-account button{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;overflow:hidden}.topbar-account button:hover,.topbar-account button:focus-visible,.topbar-account button:active{text-decoration:none}.topbar-account button:focus-visible{outline:2px solid rgba(var(--outline-rgb,16, 21, 143), .28);outline-offset:2px;border-radius:6px}.topbar-account{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:40px;max-width:116px;color:var(--muted);justify-self:end;font-size:11px;font-weight:700;overflow:hidden}.screen{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0;padding:22px var(--screen-gutter) var(--screen-bottom-space);flex:auto;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen-pullable{position:relative}.pull-refresh{z-index:4;border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:rgba(var(--surface-rgb,255, 255, 255), .94);min-height:34px;color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:800;transition:opacity .12s,color .12s,border-color .12s;display:inline-flex;position:absolute;top:4px;left:50%;box-shadow:0 8px 20px #1012181a}.pull-refresh.pulling,.pull-refresh.ready,.pull-refresh.refreshing{opacity:1}.pull-refresh.ready{color:var(--brand);border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.22))}.pull-refresh.refreshing{color:var(--brand)}.pull-refresh.refreshing svg{animation:.8s linear infinite pull-refresh-spin}@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pull-refresh,.fatal-refresh{transition:none}.pull-refresh.refreshing svg,.install-card-icon.updating svg{animation:none}}.subpage{padding-bottom:40px}.back-button,.back-inline{color:var(--brand);background:0 0;border:0;padding:4px 0 16px;font-weight:800}.page-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:22px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,8vw,36px);line-height:.98}.page-heading p{color:var(--muted);margin:7px 0 0;font-size:13px}.date-input{border:1px solid var(--line);background:var(--paper);max-width:152px;min-height:38px;color:var(--ink);border-radius:10px;padding:0 9px;font-size:12px}.icon-action{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.break-list{border-top:1px solid var(--line)}.break-row{border-bottom:1px solid var(--line)}.break-summary{width:100%;min-height:76px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) minmax(118px,auto);align-items:center;gap:12px;padding:14px 0;display:grid}.break-meta{min-width:0}.break-code{font-size:15px;font-weight:850}.break-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12px}.break-operator{text-align:right;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.operator-value{text-overflow:ellipsis;white-space:nowrap;max-width:112px;font-size:13px;font-weight:750;overflow:hidden}.track-count{color:var(--muted);margin-top:3px;font-size:11px}.break-chevron{color:var(--muted);flex:none;transition:transform .18s}.break-chevron.open{transform:rotate(180deg)}.expanded-break{gap:0;padding:0 0 14px;display:grid}.track-row{border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:14px;min-height:54px;display:flex}.track-row>div{gap:2px;min-width:0;display:grid}.track-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.track-row span{color:var(--muted);font-size:12px}.track-row a,.track-row button{color:var(--brand);background:0 0;border:0;flex:none;place-items:center;display:grid}.welcome-screen{width:min(100%, var(--shell-max-width));isolation:isolate;background:var(--cyan);height:100dvh;min-height:100dvh;color:var(--brand);padding:max(22px, env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom));grid-template-rows:1fr auto minmax(52px,9dvh);margin:0 auto;display:grid;position:relative;overflow:hidden}.welcome-rays{z-index:-3;background:conic-gradient(from -8deg at 50% 36%, transparent 0 11deg, #2075d733 11deg 21deg, transparent 21deg 39deg, #2075d726 39deg 49deg, transparent 49deg 68deg, #2075d738 68deg 79deg, transparent 79deg 101deg, #2075d729 101deg 112deg, transparent 112deg 137deg, #2075d736 137deg 149deg, transparent 149deg 176deg, #2075d726 176deg 188deg, transparent 188deg 214deg, #2075d733 214deg 225deg, transparent 225deg 252deg, #2075d729 252deg 263deg, transparent 263deg 290deg, #2075d736 290deg 302deg, transparent 302deg 331deg, #2075d729 331deg 341deg, transparent 341deg 360deg);position:absolute;inset:-8%}.welcome-content{place-self:center;justify-items:center;gap:24px;width:100%;display:grid;transform:translateY(-2vh)}.welcome-logo{border-radius:50%;width:min(45vw,196px);height:auto}.welcome-copy{text-align:center}.welcome-copy h1{letter-spacing:-.05em;max-width:360px;margin:0 auto;font-family:American Typewriter,Rockwell Extra Bold,Georgia,serif;font-size:clamp(42px,11.8vw,60px);line-height:.87}.welcome-copy p{letter-spacing:.13em;margin:18px 0 0;font-size:10px;font-weight:900}.welcome-note{color:var(--brand);z-index:-1;position:absolute}.note-one{top:13%;right:24px;transform:rotate(10deg)}.note-two{top:30%;left:25px;transform:rotate(-16deg)}.welcome-actions{justify-items:center;gap:13px;width:100%;display:grid}.welcome-primary{background:var(--brand-fill,var(--brand));color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:auto;min-width:190px;min-height:58px;padding:0 24px;font-size:16px;font-weight:800;display:flex}.welcome-secondary{color:var(--brand);background:0 0;border:0;font-size:13px;font-weight:800}.tabbar{width:min(100%, var(--shell-max-width));height:calc(70px + var(--safe-bottom));padding:7px 8px var(--safe-bottom);border-top:1px solid var(--line);background:rgba(var(--surface-rgb,255, 255, 255), .97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:35;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar:after{content:"";background:rgba(var(--surface-rgb,255, 255, 255), .97);height:48px;position:absolute;top:100%;left:0;right:0}.tab{color:var(--theme-muted,#7a808a);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:0;font-size:10px;font-weight:750;display:flex}.tab-icon{place-items:center;width:34px;height:29px;display:grid}.tab.radio{color:var(--accent)}.tab.radio .tab-icon{background:var(--accent-fill,var(--accent));color:#fff;border:5px solid #fff;border-radius:50%;width:58px;height:58px;margin-top:-28px;box-shadow:0 8px 20px #e342433d}.radio-screen{gap:26px;display:grid}.radio-loading{min-height:0}.skeleton{background:rgba(var(--outline-rgb,16, 21, 143), .08);display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--surface-rgb,255, 255, 255), .58), transparent);animation:1.35s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.radio-hero-skeleton{align-content:start;place-items:center;display:grid}.radio-skeleton-ring{--progress:0;background:rgba(var(--surface-rgb,255, 255, 255), .18)!important}.radio-skeleton-ring .progress-ring-inner{gap:12px}.radio-hero-skeleton .skeleton{background:rgba(var(--surface-rgb,255, 255, 255), .2)}.skeleton-line{border-radius:999px;height:10px}.radio-skeleton-label{width:112px;height:14px}.radio-skeleton-time{border-radius:14px;width:132px;height:44px}.radio-queue-skeleton{align-items:flex-start;min-height:112px;padding:18px;display:flex}.radio-queue-skeleton .section-heading{align-items:center;width:100%}.radio-skeleton-heading{width:132px;height:15px}.radio-skeleton-hours{width:84px;height:12px;margin-left:auto}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.progress-ring{--progress:0;--ring-thickness:11px;aspect-ratio:1;background:conic-gradient(var(--progress-color,var(--accent-fill,var(--accent))) calc(var(--progress) * 1%), var(--surface-soft,#edf0f3) 0);border-radius:50%;width:min(72vw,286px);margin:8px auto 4px;padding:0}.progress-ring-inner{inset:var(--ring-thickness);background:var(--paper);text-align:center;border-radius:50%;place-content:center;justify-items:center;width:auto;min-width:0;height:auto;min-height:0;padding:24px;display:grid;position:absolute;overflow:hidden}.radio-status{font-size:18px;font-weight:850}.radio-substatus{color:var(--muted);margin-top:5px;font-size:12px;font-weight:700}.radio-time{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:7px;font-size:clamp(38px,12vw,54px);font-weight:850;line-height:.95}.radio-sections{border-top:1px solid var(--line)}.radio-sections>section{border-bottom:1px solid var(--line);padding:18px 0}.radio-sections h2,.admin-section h2,.playlist-editor h2,.ranking h2{letter-spacing:.01em;margin:0 0 12px;font-size:13px}.now-playing{gap:4px;display:grid}.now-playing strong{font-size:18px}.now-playing>span{color:var(--muted);font-size:13px}.radio-break-line{justify-content:space-between;gap:14px;display:flex}.radio-break-line span{color:var(--muted);font-size:12px}.radio-operator{font-size:16px;font-weight:800}.radio-track-list{margin-top:10px}.spotify-dot{background:var(--spotify);border-radius:50%;flex:none;width:14px;height:14px}.now-playing a,.request-bottom a,.playlist-button,.playlist-editor a{width:fit-content;color:var(--theme-success,#0d7e37);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}a.spotify-icon-link{width:fit-content;color:var(--theme-success,#0d7e37);align-items:center;gap:6px;display:inline-flex}.music-service-link{justify-content:center;align-items:center;gap:6px;width:fit-content;font-size:12px;font-weight:800;display:inline-flex}.music-service-link.spotify{color:var(--theme-success,#0d7e37)}.music-service-link.apple-music{color:var(--theme-pink,#e93468)}.music-service-link.tidal{color:var(--ink)}.music-service-link.youtube-music,.youtube-music-logo{color:var(--theme-danger,red)}.music-service-link.youtube-music:not(.disabled):hover{color:var(--theme-danger,#c00)}.tidal-logo{flex:none}.music-service-link.disabled{color:var(--theme-muted,#8b9098);opacity:.52;cursor:not-allowed;pointer-events:none}.apple-music-logo{color:#fff;background:linear-gradient(145deg,#fb5c74,#d71f64);border-radius:5px;flex:none;place-items:center;width:17px;height:17px;font-size:10px;display:inline-grid}.apple-music-logo svg{transform:translate(-.8px)}.music-service-link.apple-music:not(.disabled):hover{color:var(--theme-pink,#c81f57)}.playlist-button{background:#1ed76014;border:1px solid #1ed76059;border-radius:12px;min-height:48px;margin-top:18px;padding:0 16px}.segmented{background:var(--surface-soft,#f0f2f5);border-radius:11px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:3px;display:grid}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.segmented button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #00000012}.stack{gap:10px;display:grid}.request-card,.comment-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:14px}.request-top{justify-content:space-between;gap:12px;display:flex}.request-top>div{gap:3px;min-width:0;display:grid}.request-top strong{font-size:15px}.request-top span{color:var(--muted);font-size:12px}.vote{border:1px solid var(--line);background:var(--paper);min-width:48px;height:34px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:800;display:flex}.vote.active{color:var(--accent);border-color:#e342434d}.request-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.comment-author{font-size:12px;font-weight:800}.comment-card p{margin:7px 0 0;font-size:14px;line-height:1.45}.comment-form{grid-template-columns:1fr auto;gap:8px;margin-bottom:16px;display:grid}.comment-form input,.inline-form input{border:1px solid var(--line);background:var(--paper);border-radius:10px;min-width:0;height:42px;padding:0 12px}.comment-form button,.inline-form button{background:var(--brand-fill,var(--brand));color:#fff;border:0;border-radius:10px;padding:0 14px;font-weight:800}.archive-list{border-top:1px solid var(--line)}.archive-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:70px;padding:12px 0;display:flex}.archive-list button>div{gap:4px;display:grid}.archive-list strong{text-transform:capitalize;font-size:14px}.archive-list span{color:var(--muted);font-size:12px}.archive-break{border-bottom:1px solid var(--line);padding:16px 0}.archive-break-head{justify-content:space-between;margin-bottom:6px;display:flex}.archive-break-head span{color:var(--muted);font-size:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.metric{background:var(--cyan);text-align:center;border-radius:14px;align-content:center;justify-items:center;min-height:90px;padding:14px 10px;display:grid}.metric strong{color:var(--brand);font-size:28px;line-height:1}.metric span{color:var(--theme-ink,#34415a);margin-top:5px;font-size:10px;font-weight:750}.ranking{margin-top:24px}.ranking>div{border-top:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:54px;display:grid}.ranking>div>span{color:var(--muted);font-size:12px}.ranking>div>div{gap:2px;display:grid}.ranking small{color:var(--muted)}.ranking b{color:var(--brand)}.drawer-layer{z-index:60;pointer-events:none;position:fixed;inset:0}.drawer-layer.open{pointer-events:auto}.drawer-scrim{opacity:0;background:#0c0f1947;border:0;transition:opacity .18s;position:absolute;inset:0}.drawer-layer.open .drawer-scrim{opacity:1}.drawer{width:min(84vw,340px);padding-top:env(safe-area-inset-top);background:var(--paper);border-right:1px solid var(--line);transition:transform .2s;position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:24px 0 60px #00000021}.drawer-layer.open .drawer{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 12px 0 16px;display:flex}.drawer-head button{background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.drawer-logo{border-radius:50%;width:36px;height:36px}.drawer-identity{gap:4px;padding:18px 16px 12px;display:grid}.drawer-identity strong{font-size:16px}.drawer-identity span{color:var(--muted);font-size:12px}.drawer-menu{gap:2px;padding:8px;display:grid}.drawer-menu button,.settings-list button{min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:0 11px;font-weight:700;display:flex}.drawer-menu button:active,.settings-list button:active{background:var(--surface-soft,#f2f4f6)}.form-stack{gap:13px;display:grid}.form-stack.compact{margin-top:18px}.form-stack label{gap:6px;font-size:12px;font-weight:800;display:grid}.form-stack input,.form-stack select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink);border-radius:10px;padding:0 12px;font-size:16px}.password-control{position:relative}.password-control input{padding-right:46px}.password-control button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-control button:hover,.password-control button:focus-visible{background:var(--surface-soft,#f2f3f5);color:var(--ink)}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.primary-button{background:var(--brand-fill,var(--brand));color:#fff;border:0}.secondary-button{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.text-button{color:var(--brand);background:0 0;border:0;padding:6px;font-weight:800}.form-message{color:var(--theme-danger,#a43535);font-size:12px;line-height:1.4}.modal-layer{top:calc(58px + env(safe-area-inset-top));z-index:80;width:min(100%, var(--shell-max-width));height:calc(100dvh - 58px - env(safe-area-inset-top));padding:12px 12px calc(clamp(72px, 14dvh, 140px) + env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.modal-scrim{background:#0a0c125c;border:0;position:absolute;inset:0}.modal{background:var(--paper);border-radius:20px;flex-direction:column;width:min(100%,520px);max-height:100%;margin:0 auto;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000002e}.modal-body{overscroll-behavior:contain;min-height:0;overflow:hidden auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h2{margin:0;font-size:22px}.modal-head button{background:var(--surface-soft,#f2f3f5);border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.app-dialog{width:min(100%,430px)}.app-dialog .modal-head{margin-bottom:10px}.app-dialog-message{color:var(--muted);white-space:pre-line;margin:0;font-size:14px;line-height:1.55}.app-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.app-dialog-actions>:only-child{grid-column:1/-1}.app-dialog-actions button{min-height:44px}.app-dialog-danger{background:#a43535}.readonly-field{border-bottom:1px solid var(--line);align-content:center;gap:4px;min-height:54px;display:grid}.readonly-field span{color:var(--muted);font-size:11px}.readonly-field strong{font-size:14px}.auth-actions,.settings-list{gap:10px;display:grid}.operator-breaks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.operator-breaks button{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:12px;gap:3px;min-height:64px;padding:10px;display:grid}.operator-breaks button.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.operator-breaks strong{font-size:12px}.operator-breaks span{color:var(--muted);font-size:11px}.editor-card{border-top:1px solid var(--line);padding-top:14px}.danger-icon{color:var(--accent)!important}.playlist-editor{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.inline-form{grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;display:grid}.admin-section{border-top:1px solid var(--line);padding:20px 0}.admin-users{display:grid}.admin-users article{border-top:1px solid #f0f1f3;gap:10px;padding:13px 0;display:grid}.admin-users article>div:first-child{gap:3px;display:grid}.admin-users span{color:var(--muted);font-size:11px}.admin-user-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-user-actions button{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:32px;padding:0 9px;font-size:11px;font-weight:800}.admin-user-actions button.danger{color:var(--theme-danger,#a43535);border-color:#efc8c8}.admin-user-actions button:disabled{opacity:.55;cursor:default}.assignment-list{display:grid}.assignment-list>label{border-top:1px solid #f0f1f3;grid-template-columns:1fr minmax(130px,46%);align-items:center;gap:10px;min-height:62px;display:grid}.assignment-list label>span{gap:3px;display:grid}.assignment-list strong{font-size:12px}.assignment-list small{color:var(--muted);font-size:10px}.assignment-list select{border:1px solid var(--line);background:var(--paper);border-radius:9px;width:100%;min-width:0;height:38px;padding:0 8px;font-size:11px}.section-title-row{justify-content:space-between;align-items:start;gap:10px;display:flex}.override-control{min-width:0}@media (width>=521px){.app,.welcome-screen{box-shadow:0 18px 60px #00000014}}.settings-section{border:1px solid var(--line);background:var(--paper);border-radius:14px;gap:14px;margin-bottom:18px;padding:16px;display:grid}.settings-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-section-head>div{gap:3px;display:grid}.settings-section-head strong{font-size:14px}.settings-section-head span{color:var(--muted);font-size:11px}.status-dot{background:#c8ccd2;border-radius:50%;width:9px;height:9px}.status-dot.connected{background:var(--spotify);box-shadow:0 0 0 4px #1ed7601f}.spotify-connect{color:#fff;background:#111;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.spotify-connect:disabled,.secondary-button:disabled{opacity:.55}.spotify-results{border:1px solid var(--line);background:var(--paper);border-radius:12px;max-height:300px;overflow:auto}.spotify-results>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 11px;display:grid}.spotify-results>button:last-child{border-bottom:0}.spotify-results>button>div{gap:2px;min-width:0;display:grid}.spotify-results strong,.spotify-results span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spotify-results strong{font-size:12px}.spotify-results button div span{color:var(--muted);font-size:11px}.success-message{color:var(--theme-success,#14733a)}img,svg{-webkit-user-drag:none}button,a,input,select,textarea{touch-action:manipulation}.drawer,.modal{overscroll-behavior:contain}.drawer{scrollbar-width:none;overflow-y:auto}.drawer::-webkit-scrollbar{display:none}.modal::-webkit-scrollbar{display:none}@media (display-mode:standalone){body{background:var(--paper)}}:root{--app-bg:#9fe8f1;--app-bg-deep:#82d8e8;--brand:#10158f;--brand-2:#1756b7;--accent:#ef4545;--card:#ffffffe6;--card-strong:#fff;--card-blue:#ffffff94;--ink:#101218;--muted:#637087;--line:#10158f1a}body{background:var(--shell-color,#8ddce9)}.app:before{content:"";pointer-events:none;opacity:.22;background:linear-gradient(120deg, transparent 0 18%, rgba(var(--outline-rgb,16, 21, 143), .22) 18% 23%, transparent 23% 45%, rgba(var(--outline-rgb,16, 21, 143), .13) 45% 50%, transparent 50% 100%);position:absolute;inset:0}.topbar{background:var(--header-surface,#a4e9f2e0);border-bottom-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1))}.profile-button{background:rgba(var(--surface-rgb,255, 255, 255), .42);color:var(--brand)}.topbar-account{color:var(--theme-muted,#10158fad)}.screen{z-index:1;background:0 0;position:relative}.page-heading h1{color:var(--brand);font-family:American Typewriter,Rockwell Extra Bold,Georgia,serif;font-weight:800}.page-heading p{color:var(--theme-muted,#10158f94)}.date-input{border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.14));background:rgba(var(--surface-rgb,255, 255, 255), .72)}.tabbar{background:rgba(var(--surface-rgb,255, 255, 255), .92);border-top-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.09))}.tab.active{color:var(--brand)}.tab.radio .tab-icon{background:var(--accent-fill,var(--accent));box-shadow:0 10px 28px #ef454547}.today-heading{margin-bottom:16px}.today-breaks{gap:10px;display:grid}.today-break-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #1c435e12}.today-break-summary{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:68px;padding:13px 14px;display:flex}.today-break-summary>div:first-child{gap:4px;display:grid}.today-break-summary strong{color:var(--brand);font-size:14px}.today-break-summary span{color:var(--muted);font-size:11px}.today-break-side{align-items:center;gap:9px;display:flex}.today-cover-strip{align-items:center;min-height:52px;padding:0 14px 13px;display:flex}.today-cover-strip img,.today-cover-strip .cover-fallback{object-fit:cover;border:2px solid #fff;border-radius:9px;width:38px;height:38px;margin-left:-7px;box-shadow:0 4px 12px #00000014}.today-cover-strip img:first-child,.today-cover-strip .cover-fallback:first-child{margin-left:0}.today-cover-strip>span{color:var(--muted);margin-left:10px;font-size:11px;font-weight:700}.today-track-list{border-top:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));padding:0 14px 8px}.today-comments{background:rgba(var(--surface-rgb,255, 255, 255), .76);border-radius:20px;margin-top:24px;padding:17px;box-shadow:0 8px 24px #1c435e0f}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.section-heading h2{color:var(--brand);margin:0;font-size:14px}.section-heading>span{color:var(--muted);font-size:11px}.comment-feed{gap:10px;display:grid}.comment-bubble{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.comment-bubble>div{background:var(--paper);border-radius:0 14px 14px;min-width:0;padding:10px 12px}.comment-bubble strong{color:var(--brand);font-size:11px}.comment-bubble p{margin:2px 0 0;font-size:13px;line-height:1.35}.comment-meta-row{align-items:center;gap:8px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex:none;box-shadow:0 0 0 2px #fff}.avatar-fallback{background:linear-gradient(145deg, var(--brand-fill,var(--brand)), #2e5ed7);color:#fff;place-items:center;font-size:11px;font-weight:900;display:inline-grid}.music-row{border-bottom:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.07));grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;display:grid}.music-row:last-child{border-bottom:0}.music-row>img,.cover-fallback{object-fit:cover;border-radius:10px;width:46px;height:46px}.cover-fallback{background:linear-gradient(145deg, rgba(var(--outline-rgb,16, 21, 143), .14), #28b9e840);color:var(--brand);place-items:center;display:grid}.music-row>div:nth-child(2){gap:3px;min-width:0;display:grid}.music-row strong,.music-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-row strong{font-size:13px}.music-row span{color:var(--muted);font-size:11px}.music-row.current{background:#ef45450f}.radio-screen{gap:16px;width:100%;max-width:680px;margin-inline:auto;display:grid;container-type:inline-size}.radio-hero{background:radial-gradient(circle at 50% 26%, rgba(var(--surface-rgb,255, 255, 255), .42), transparent 24%), linear-gradient(145deg, #63cae6 0%, #2a67c9 58%, #171c96 100%);color:#fff;border-radius:clamp(20px,5cqw,28px);min-height:clamp(300px,min(84cqw,68dvh),520px);padding:26px 20px 20px;position:relative;overflow:hidden;box-shadow:0 18px 38px #10158f2e}.radio-hero.live{background:radial-gradient(circle at 50% 28%, rgba(var(--surface-rgb,255, 255, 255), .32), transparent 23%), linear-gradient(145deg, #52c7e9 0%, #275bc0 54%, #10158f 100%)}.radio-hero .progress-ring{z-index:2;isolation:isolate;aspect-ratio:auto;background:conic-gradient(var(--progress-color,var(--accent-fill,var(--accent))) calc(var(--progress) * 1%), rgba(var(--surface-rgb,255, 255, 255), .18) 0);place-items:center;width:clamp(176px,min(64cqw,34dvh),270px);height:clamp(176px,min(64cqw,34dvh),270px);margin:0 auto 20px;display:grid;position:relative}.radio-wave-rings{z-index:1;pointer-events:none;position:absolute;inset:0}.radio-wave-rings span{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.radio-wave-rings span:first-child{width:calc(100% + 56px);top:50%}.radio-wave-rings span:nth-child(2){width:calc(100% + 126px);top:52%}.radio-wave-rings span:nth-child(3){width:calc(100% + 216px);top:55%}.radio-wave-rings span:nth-child(4){width:calc(100% + 326px);top:59%}.radio-hero .progress-ring-inner{z-index:2;width:calc(100% - (2 * var(--ring-thickness)));height:calc(100% - (2 * var(--ring-thickness)));color:#fff;background:#0d1867b8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1a}.radio-hero .radio-substatus{color:#ffffffb8}.live-pill{background:var(--accent-fill,var(--accent));color:#fff;letter-spacing:.12em;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.radio-operator-card{z-index:2;background:rgba(var(--surface-rgb,255, 255, 255), .16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 12px 8px 8px;display:flex;position:relative}.radio-operator-card>div{gap:2px;display:grid}.radio-operator-card span{color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.radio-operator-card strong{font-size:12px}.now-playing-card,.radio-queue-card,.radio-playlist-card,.archive-playlist-card,.chart-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .9);border-radius:22px;box-shadow:0 10px 28px #1c435e14}.now-playing-card{padding:16px}.radio-playlist-card,.archive-playlist-card{place-items:center;min-height:112px;padding:18px;display:grid}.archive-playlist-action{margin-bottom:10px}.archive-playlist-action .playlist-button,.radio-playlist-card .playlist-button,.archive-playlist-card .playlist-button{background:#1ed7601a;border-radius:14px;justify-content:center;width:100%;min-height:52px;margin-top:0}.now-playing-cover-wrap{aspect-ratio:16/10;background:#111;border-radius:18px;position:relative;overflow:hidden}.now-playing-cover{object-fit:cover;filter:saturate(1.06);width:100%;height:100%}.now-playing-cover-wrap:after{content:"";background:linear-gradient(#0000,#070c22b8);position:absolute;inset:35% 0 0}.visualizer{z-index:2;align-items:end;gap:4px;height:34px;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.visualizer span{background:var(--paper);transform-origin:bottom;border-radius:999px;flex:1;min-width:3px;max-width:8px;height:28%;animation:.8s ease-in-out infinite alternate radio-wave}@keyframes radio-wave{0%{opacity:.66;height:18%}35%{opacity:1;height:82%}70%{opacity:.84;height:42%}to{opacity:1;height:100%}}.now-playing-copy{gap:3px;margin-top:13px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--accent)!important;font-size:10px!important}.now-playing-copy strong{color:var(--brand);font-size:18px}.now-playing-copy>span:last-child{color:var(--muted);font-size:12px}.now-playing-request{gap:8px;margin-top:11px;display:grid}.now-playing-request-author{width:fit-content;max-width:100%;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:inline-flex}.now-playing-request-author strong{color:var(--brand);font-size:inherit}.now-playing-dedication{border-left:2px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.18));background:rgba(var(--outline-rgb,16, 21, 143), .045);color:var(--ink);border-radius:0 10px 10px 0;margin:0;padding:9px 11px;font-size:11px;line-height:1.45}.track-progress{background:var(--surface-soft,#e6e9ef);border-radius:999px;height:5px;margin:12px 0;overflow:hidden}.track-progress>span{border-radius:inherit;background:var(--progress-color,var(--accent-fill,var(--accent)));height:100%;transition:width .25s linear;display:block}.radio-queue-card{padding:16px}.request-card{background:rgba(var(--surface-rgb,255, 255, 255), .88);border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));border-radius:18px;box-shadow:0 8px 22px #1c435e0f}.request-author{align-items:center;gap:7px;display:inline-flex}.stats-screen{gap:16px;display:grid}.chart-card{padding:16px}.chart-card>h2{color:var(--brand);margin:0 0 14px;font-size:14px}.song-ranking{display:grid}.ranked-song{border-top:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.07));grid-template-columns:24px 46px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:62px;display:grid}.ranked-song:first-child{border-top:0}.rank-number{color:var(--brand);font-size:12px;font-weight:900}.ranked-song img,.ranked-song .cover-fallback{border-radius:10px;width:46px;height:46px}.ranked-song>div:first-of-type{gap:2px;min-width:0;display:grid}.ranked-song strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ranked-song span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ranked-song b{color:var(--brand);font-size:12px}.artist-bars{gap:13px;display:grid}.artist-bar-label{justify-content:space-between;gap:12px;margin-bottom:5px;font-size:11px;font-weight:800;display:flex}.artist-bar-track{background:var(--surface-soft,#e7ebef);border-radius:999px;height:8px;overflow:hidden}.artist-bar-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-fill,var(--brand)), #31bce7);height:100%;display:block}.operator-time-card{background:rgba(var(--surface-rgb,255, 255, 255), .82);border-radius:16px;gap:10px;margin-bottom:16px;padding:14px;display:grid}.operator-time-summary{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.operator-time-summary strong{color:var(--brand);font-size:13px}.operator-time-summary b{color:var(--accent);font-size:11px}.operator-time-progress{background:rgba(var(--outline-rgb,16, 21, 143), .08);border-radius:999px;height:7px;overflow:hidden}.operator-time-progress>span{border-radius:inherit;background:var(--brand-fill,var(--brand));height:100%;transition:width .2s;display:block}.operator-time-card.overfilled .operator-time-progress{background:#e342431f}.operator-time-card.overfilled .operator-time-progress>span{background:var(--accent-fill,var(--accent))}.track-add-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .72);border-radius:18px;margin-top:16px;padding:14px}.track-add-heading{margin-bottom:12px}.track-add-heading h2{color:var(--brand);margin:0;font-size:15px}.spotify-link-form{gap:10px;display:grid}.spotify-link-form label{gap:6px;display:grid}.spotify-link-form label>span{color:var(--brand);font-size:11px;font-weight:800}.spotify-link-form input{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:var(--paper);border-radius:11px;min-height:44px;padding:0 12px}.profile-avatar-editor{align-items:center;gap:16px;padding:8px 0 10px;display:flex}.avatar-upload{position:relative;overflow:hidden}.avatar-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.archive-list{border-top:0;gap:10px;display:grid}.archive-list>button{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .88);border-radius:16px;min-height:76px;padding:12px 14px;box-shadow:0 8px 22px #1c435e0d}.archive-break{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .88);border-radius:16px;margin-bottom:10px;padding:14px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.team-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .86);text-align:center;border-radius:20px;align-content:center;place-items:center;gap:12px;min-height:154px;padding:18px 14px;display:grid;box-shadow:0 10px 24px #1c435e0f}.team-card>div{gap:3px;display:grid}.team-card strong{color:var(--brand);font-size:14px}.team-card span{color:var(--muted);font-size:11px}.request-track{grid-template-columns:54px minmax(0,1fr) auto;align-items:center;display:grid}.request-cover{object-fit:cover;border-radius:12px;width:54px;height:54px}.request-copy{gap:3px;min-width:0;display:grid}.request-copy strong,.request-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.archive-crew{background:rgba(var(--surface-rgb,255, 255, 255), .72);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.09));border-radius:18px;margin-bottom:14px;padding:14px}.archive-crew>span{color:var(--brand);margin-bottom:9px;font-size:11px;font-weight:850;display:block}.archive-crew>div{flex-wrap:wrap;gap:8px;display:flex}.archive-operator-chip{background:var(--paper);border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:4px 9px 4px 4px;display:inline-flex}.archive-operator-chip strong{font-size:11px}.archive-break-head{align-items:center}.archive-break-head>div:first-child{gap:3px;display:grid}.archive-break-operator{align-items:center;gap:7px;display:flex}.archive-break-operator span{text-overflow:ellipsis;white-space:nowrap;max-width:104px;color:var(--ink);font-size:10px;font-weight:750;overflow:hidden}.archive-list-copy{min-width:0}.archive-list-avatars{margin-top:7px;display:flex}.archive-list-avatars .avatar{margin-left:-6px}.archive-list-avatars .avatar:first-child{margin-left:0}.app{background:radial-gradient(circle at 18% 8%, rgba(var(--surface-rgb,255, 255, 255), .58), transparent 24%), radial-gradient(circle at 88% 24%, #31bce72b, transparent 22%), radial-gradient(circle at 18% 72%, rgba(var(--outline-rgb,16, 21, 143), .055), transparent 28%), linear-gradient(165deg, var(--shell-color,#b9f1f4) 0%, var(--shell-color,#a5e7ef) 44%, var(--shell-color,#96ddea) 100%)}.app:before{opacity:1;background:repeating-radial-gradient(circle at 88% 18%, transparent 0 28px, rgba(var(--outline-rgb,16, 21, 143), .035) 29px 30px, transparent 31px 57px)}.app:after{content:"";z-index:0;background:radial-gradient(circle, rgba(var(--surface-rgb,255, 255, 255), .3), transparent 68%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;bottom:16%;left:-120px}.topbar{background:var(--header-surface,#b0eef3d6);box-shadow:0 1px #10158f14}.topbar-logo,.drawer-logo,.welcome-logo{object-position:center}.today-break-summary{align-items:center;gap:10px;padding:10px 12px}.today-break-toggle{min-width:0;min-height:52px;color:inherit;text-align:left;background:0 0;border:0;flex:auto;justify-content:space-between;align-items:center;gap:9px;padding:0;display:flex}.today-break-toggle>div{gap:4px;display:grid}.today-break-toggle strong{color:var(--brand);font-size:14px}.today-break-toggle span{color:var(--muted);font-size:11px}.today-break-toggle .today-break-live{color:var(--accent);font-weight:700}.operator-mini-card{background:rgba(var(--outline-rgb,16, 21, 143), .055);min-width:0;max-width:150px;color:var(--ink);text-align:left;border:0;border-radius:14px;align-items:center;gap:7px;padding:5px 8px 5px 5px;display:flex}.operator-mini-card>span{gap:1px;min-width:0;display:grid}.operator-mini-card strong,.operator-mini-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.operator-mini-card strong{color:var(--brand);font-size:10px}.operator-mini-card small{color:var(--muted);font-size:9px}.radio-operator-card{color:#fff;text-align:left;border:0}.radio-operator-card small{color:#ffffffad;font-size:9px}.form-stack textarea{resize:vertical;border:1px solid var(--line);background:var(--paper);width:100%;min-height:96px;color:var(--ink);border-radius:10px;padding:10px 12px}.team-grid{grid-template-columns:1fr}.team-card{text-align:left;width:100%;min-height:96px;color:var(--ink);grid-template-columns:76px minmax(0,1fr) auto;align-content:center;place-items:center stretch;padding:12px 14px}.team-card>div{min-width:0}.team-card strong,.team-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-card>svg{color:var(--brand)}.operator-profile-page{gap:18px;display:grid}.profile-view-actions{justify-content:flex-end;display:flex}.profile-view-actions .secondary-button{border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:rgba(var(--surface-rgb,255, 255, 255), .86);min-height:40px;color:var(--brand);box-shadow:0 8px 22px #1c435e12}.operator-profile-hero{background:radial-gradient(circle at 85% 15%, rgba(var(--surface-rgb,255, 255, 255), .28), transparent 24%), linear-gradient(145deg, #54c8e7, #225fc3 58%, #151b91);color:#fff;border-radius:28px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 16px 36px #10158f29}.operator-profile-hero>div{min-width:0}.operator-profile-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(25px,7vw,34px);line-height:.95}.operator-profile-hero span{color:#ffffffc2;margin-top:7px;font-size:12px;font-weight:800;display:block}.operator-bio{color:var(--theme-ink,#263552);overflow-wrap:anywhere;margin:0;padding:0 2px;font-size:14px;line-height:1.55}.operator-socials{flex-wrap:wrap;gap:8px;display:flex}.operator-socials a{background:rgba(var(--surface-rgb,255, 255, 255), .83);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.09));min-height:42px;color:var(--brand);border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:850;display:inline-flex}.operator-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.operator-stats>div{background:rgba(var(--surface-rgb,255, 255, 255), .82);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:19px;align-content:center;gap:4px;min-height:100px;padding:15px;display:grid}.operator-stats strong{color:var(--brand);font-size:29px;line-height:1}.operator-stats span{color:var(--muted);font-size:10px;font-weight:750}.operator-recent{background:rgba(var(--surface-rgb,255, 255, 255), .84);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:20px;padding:16px}.archive-calendar-card{background:rgba(var(--surface-rgb,255, 255, 255), .82);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:24px;padding:14px;box-shadow:0 12px 30px #1c435e12}.calendar-head{grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-bottom:14px;display:grid}.calendar-head strong{text-align:center;color:var(--brand);text-transform:capitalize;font-family:American Typewriter,Rockwell Extra Bold,Georgia,serif;font-size:17px}.calendar-head button{background:rgba(var(--outline-rgb,16, 21, 143), .055);width:36px;height:36px;color:var(--brand);border:0;border-radius:50%;place-items:center;display:grid}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.calendar-weekdays{margin-bottom:6px}.calendar-weekdays span{text-align:center;color:var(--theme-muted,#10158f80);font-size:9px;font-weight:900}.calendar-day,.calendar-empty{aspect-ratio:1}.calendar-day{background:rgba(var(--outline-rgb,16, 21, 143), .035);min-width:0;color:var(--theme-muted,#10158f5c);border:0;border-radius:12px;align-content:space-between;justify-items:start;padding:5px;display:grid}.calendar-day.non-school-day{opacity:.58}.calendar-day.has-archive,.calendar-day.has-content{color:var(--brand);background:linear-gradient(145deg, #3ac1e72e, rgba(var(--outline-rgb,16, 21, 143), .09));box-shadow:inset 0 0 0 1px #10158f12}.calendar-number{font-size:10px;font-weight:850}.calendar-day-content{justify-content:center;width:100%;padding-bottom:1px;display:flex}.calendar-covers{display:flex}.calendar-covers img{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:17px;height:17px;margin-left:-5px}.calendar-covers img:first-child{margin-left:0}.calendar-dot{background:var(--brand-fill,var(--brand));border-radius:50%;width:5px;height:5px}.archive-month-list{gap:8px;margin-top:14px;display:grid}.archive-month-list>button{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .79);width:100%;min-height:68px;color:var(--ink);text-align:left;border-radius:17px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.archive-month-list img,.archive-list-cover{object-fit:cover;border-radius:12px;width:48px;height:48px}.archive-list-cover{background:rgba(var(--outline-rgb,16, 21, 143), .07);color:var(--brand);place-items:center;display:grid}.archive-month-list>button>div:nth-child(2){gap:3px;min-width:0;display:grid}.archive-month-list strong{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;color:var(--brand);font-size:12px;overflow:hidden}.archive-month-list span{color:var(--muted);font-size:10px}.archive-break{background:rgba(var(--surface-rgb,255, 255, 255), .84);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:19px;margin-bottom:10px;padding:14px}.archive-break-head{gap:10px;margin-bottom:8px}.archive-break-operator{background:rgba(var(--outline-rgb,16, 21, 143), .055);max-width:160px;color:var(--ink);border:0;border-radius:999px;padding:4px 8px 4px 4px}.archive-break-operator>span{text-align:left;gap:1px;min-width:0;display:grid}.archive-break-operator strong,.archive-break-operator small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.archive-break-operator strong{font-size:9px}.archive-break-operator small{color:var(--muted);font-size:8px}.music-row-actions,.now-playing-actions{align-items:center;gap:8px;display:flex}.now-playing-actions{justify-content:space-between;margin-top:10px}.track-feedback{align-items:center;gap:4px;display:inline-flex}.track-feedback button{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .76);min-width:34px;height:30px;color:var(--theme-muted,#667085);border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.track-feedback button.active{color:var(--brand);border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.22));background:rgba(var(--outline-rgb,16, 21, 143), .08)}.track-feedback button.active.negative{color:var(--accent);background:#ef454514;border-color:#ef454538}.track-feedback span{font-size:9px;font-weight:850}.comment-author-avatar,.comment-author-name{background:0 0;border:0;padding:0}.comment-author-name{color:var(--brand);font-size:11px;font-weight:850}.request-author{color:var(--ink);background:0 0;border:0;padding:0}.favorite-editor{background:rgba(var(--surface-rgb,255, 255, 255), .72);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:18px;padding:16px}.favorite-editor-grid,.favorite-four>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.favorite-editor-grid>div,.favorite-four a,.favorite-four .favorite-track-link{min-width:0;color:var(--ink);gap:5px;text-decoration:none;display:grid;position:relative}.favorite-editor-grid img,.favorite-editor-grid .cover-fallback,.favorite-four img,.favorite-four .cover-fallback{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;height:auto}.favorite-editor-grid strong,.favorite-four strong,.favorite-four span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.favorite-editor-grid strong,.favorite-four strong{font-size:9px}.favorite-four span{color:var(--muted);font-size:8px}.favorite-editor-grid button{color:#fff;background:#0a0e20bd;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:4px;right:4px}.favorite-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px;display:grid}.favorite-add input{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:var(--paper);border-radius:11px;min-width:0;min-height:42px;padding:0 11px}.favorite-add button{background:var(--brand-fill,var(--brand));color:#fff;border:0;border-radius:11px;padding:0 14px;font-weight:800}.favorite-four,.taste-card{background:rgba(var(--surface-rgb,255, 255, 255), .82);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:20px;padding:16px}.taste-covers{flex-wrap:wrap;gap:7px;display:flex}.taste-covers img,.taste-covers .cover-fallback{object-fit:cover;border-radius:13px;width:54px;height:54px}.notification-setting{background:rgba(var(--surface-rgb,255, 255, 255), .72);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:10px 12px;display:flex}.notification-setting>div{min-width:0;color:var(--brand);align-items:center;gap:10px;display:flex}.notification-setting span{gap:2px;min-width:0;display:grid}.notification-setting strong{color:var(--ink);font-size:11px}.notification-setting small{color:var(--muted);font-size:9px}.upcoming-assignments{gap:8px;margin-bottom:18px;display:grid}.upcoming-assignments>button{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.09));background:rgba(var(--surface-rgb,255, 255, 255), .78);text-align:left;width:100%;min-height:68px;color:var(--ink);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.upcoming-assignments>button.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.upcoming-assignments>button>div{gap:3px;min-width:0;display:grid}.upcoming-assignments strong{color:var(--brand);font-size:12px}.upcoming-assignments span{color:var(--muted);font-size:10px}.upcoming-assignments b{background:rgba(var(--outline-rgb,16, 21, 143), .07);color:var(--brand);border-radius:999px;flex:none;padding:5px 8px;font-size:9px}.upcoming-assignments b.substitution{color:var(--accent);background:#ef45451a}.operator-requests{background:rgba(var(--surface-rgb,255, 255, 255), .72);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-radius:18px;margin-top:18px;padding:14px}.operator-requests>div:last-child{gap:8px;display:grid}.operator-requests article{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;display:grid}.operator-requests img,.operator-requests .cover-fallback{object-fit:cover;border-radius:10px;width:44px;height:44px}.operator-requests article>div:nth-child(2){gap:2px;min-width:0;display:grid}.operator-requests strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.operator-requests span{color:var(--muted);font-size:9px}.operator-requests article>button{background:var(--brand-fill,var(--brand));color:#fff;border:0;border-radius:9px;min-height:32px;padding:0 10px;font-size:10px;font-weight:850}.absence-section .section-title-row p,.admin-section .section-title-row p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.35}.absence-form{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.absence-form label{min-width:0;color:var(--muted);gap:5px;font-size:10px;font-weight:800;display:grid}.absence-form label:first-child,.absence-form .primary-button{grid-column:1/-1}.absence-form input,.absence-form select{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:var(--paper);width:100%;min-width:0;min-height:42px;color:var(--ink);border-radius:10px;padding:0 9px}.absence-list{gap:7px;margin-top:12px;display:grid}.absence-list>div{background:rgba(var(--surface-rgb,255, 255, 255), .7);border-radius:14px;align-items:center;gap:9px;min-height:48px;padding:7px 9px;display:flex}.absence-list span{flex:1;gap:2px;min-width:0;display:grid}.absence-delete{width:34px;height:34px;color:var(--accent);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.absence-delete:hover,.absence-delete:focus-visible{background:#e3424314}.absence-list strong{font-size:10px}.absence-list small{color:var(--muted);font-size:9px}.export-plan-button{margin-top:12px}.operator-stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.favorite-placeholder{gap:5px;min-width:0;display:grid}.favorite-placeholder>div{aspect-ratio:1;border:1.5px dashed rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.2));background:rgba(var(--outline-rgb,16, 21, 143), .035);width:100%;color:var(--theme-muted,#10158f4d);border-radius:12px;place-items:center;display:grid}.favorite-placeholder.editor{align-self:start}.favorite-profile-skeleton{aspect-ratio:1;border-radius:12px;width:100%}.operator-profile-hero>.avatar-fallback{color:#fff;place-items:center;margin:0;line-height:1;display:grid}.operator-profile-hero>div>span{color:#ffffffc2;margin-top:7px;font-size:12px;font-weight:800;display:block}.operator-profile-hero>span.avatar-fallback{margin-top:0}.metadata-empty,.spotify-metadata-note{color:var(--muted);font-size:10px;line-height:1.45}.metadata-empty{padding:8px 0 2px}.spotify-metadata-note{background:rgba(var(--outline-rgb,16, 21, 143), .045);border-radius:12px;margin:-6px 0 12px;padding:10px 12px}.operator-time-card small{color:var(--muted);font-size:8px;font-weight:700}.offline-banner{z-index:29;color:#fff;background:#10158feb;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 12px;font-size:10px;font-weight:800;display:flex;position:relative}.auth-expired-banner button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.auth-expired-banner .auth-expired-close{padding:2px;text-decoration:none;display:inline-flex}.auth-context{background:rgba(var(--primary-rgb,16, 21, 143), .08);color:var(--text);border-radius:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.install-card{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:45;border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:rgba(var(--surface-rgb,255, 255, 255), .96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100% - 28px,480px);padding:14px 14px 14px 13px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 42px #10158f2e}.install-card-icon{background:rgba(var(--outline-rgb,16, 21, 143), .08);width:38px;height:38px;color:var(--brand);border-radius:12px;place-items:center;display:grid}.install-card-icon.updating svg{animation:.8s linear infinite pull-refresh-spin}.install-card-copy{gap:3px;min-width:0;display:grid}.install-card-copy strong{color:var(--ink);font-size:13px}.install-card-copy span{color:var(--muted);font-size:10px;line-height:1.4}.install-card-action{white-space:nowrap;min-height:38px;padding-inline:12px}.install-card-action:disabled{opacity:.58;cursor:default}.install-card-close{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:var(--paper);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:-9px;right:-7px;box-shadow:0 5px 14px #10158f1f}@media (width<=390px){.install-card{grid-template-columns:34px minmax(0,1fr)}.install-card-icon{width:34px;height:34px}.install-card-action{grid-column:1/-1;width:100%}}.request-card{gap:10px;display:grid}.request-title-line{align-items:center;gap:7px;min-width:0;display:flex!important}.request-rank{color:var(--brand);flex:none;font-size:10px}.request-status{border-radius:999px;width:fit-content;padding:3px 7px;font-weight:850;line-height:1.2;font-size:9px!important}.status-scheduled{background:#28b9e824;color:var(--theme-cyan-text,#075e78)!important}.request-dedication{border-left:2px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.18));background:rgba(var(--outline-rgb,16, 21, 143), .035);color:var(--theme-ink,#34415a);border-radius:0 10px 10px 0;margin:0 0 0 64px;padding:9px 11px;font-size:11px;font-style:italic;line-height:1.45}.request-schedule{color:var(--brand);margin-left:64px;font-size:10px;font-weight:800}.request-bottom{align-items:flex-end;margin-top:0}.request-bottom-left,.request-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.request-actions{justify-content:flex-end;margin-left:auto}.vote:disabled{opacity:.46;cursor:default}.optional-label{color:var(--muted);font-size:10px;font-weight:600}.field-counter{color:var(--muted);justify-self:end;font-size:9px;font-weight:650}.operator-requests .section-heading{align-items:end}.operator-requests article{grid-template-columns:20px 44px minmax(0,1fr) auto}.operator-request-rank{color:var(--brand);text-align:center;font-size:11px}.operator-requests article>div:nth-child(3){gap:2px;min-width:0;display:grid}.operator-requests article>div:nth-child(3) small{text-overflow:ellipsis;white-space:nowrap;color:var(--theme-muted,#596174);font-size:8px;font-style:italic;overflow:hidden}.operator-request-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.operator-request-actions button{justify-content:center;align-items:center;gap:5px;display:inline-flex;border-radius:9px!important;min-height:30px!important;padding:0 9px!important;font-size:9px!important}.operator-request-actions .accept,.operator-request-actions .schedule{background:var(--brand-fill,var(--brand))!important;color:#fff!important}.operator-request-actions .reject{color:var(--accent)!important;background:#e3424317!important}.operator-request-actions button:disabled{opacity:.42}.pwa-settings{margin-bottom:14px}.admin-page,.playlist-editor{padding-bottom:calc(92px + var(--safe-bottom))}.app{--save-bar-offset:calc(var(--safe-bottom) + 8px);--save-bar-scroll-space:calc(112px + var(--safe-bottom) + 16px)}.app:has(.tabbar){--save-bar-offset:calc(70px + var(--safe-bottom) + 8px);--save-bar-scroll-space:calc(70px + 112px + var(--safe-bottom) + 16px)}.screen:has(.save-bar){padding-bottom:var(--save-bar-scroll-space)}.save-bar{left:50%;bottom:var(--save-bar-offset);z-index:60;width:min(calc(100% - var(--screen-gutter) - var(--screen-gutter)), calc(var(--shell-max-width) - var(--screen-gutter) - var(--screen-gutter)));border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0;padding:12px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 32px #10158f1f}.save-bar-copy{gap:2px;min-width:0;display:grid}.save-bar-copy strong{font-size:11px}.save-bar-copy small{color:var(--muted);font-size:9px;line-height:1.35}.save-bar button{border-radius:10px;min-width:0;min-height:38px;padding:0 11px;font-size:10px;font-weight:850}.save-bar button:disabled{opacity:.42;cursor:default}@media (width<=520px){.save-bar{grid-template-columns:1fr 1fr}.save-bar-copy{grid-column:1/-1}.save-bar button{width:100%}}.admin-save-status{grid-column:1/-1;padding:0 2px 2px;font-size:11px;font-weight:800}.install-hint,.offline-hint{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.45}.form-stack textarea{font-size:16px}.reaction-row{align-items:center;gap:2px;margin-left:auto;display:flex}.reaction-button,.reaction-count,.comment-delete{color:var(--muted);font:inherit;background:0 0;border:0;border-radius:8px;padding:4px 6px}.reaction-button{align-items:center;display:inline-flex}.reaction-button.active{color:var(--theme-pink,#d73b58)}.reaction-count{text-align:left;min-width:22px;position:relative}.reaction-count:before{content:"";position:absolute;inset:-8px -8px -8px -2px}.reaction-count:not(:disabled){text-underline-offset:2px;text-decoration:underline}.comment-delete{margin-right:2px}.request-vote-group{align-items:center;gap:4px;display:inline-flex}.request-top>.request-vote-group{justify-content:flex-end;align-items:center;min-width:auto;margin-left:auto;display:inline-flex}.request-vote-group .vote{min-width:38px}.liker-list{gap:8px;display:grid}.liker-list>button{background:rgba(var(--outline-rgb,16, 21, 143), .04);width:100%;color:inherit;text-align:left;border:0;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.liker-list>button>span{gap:2px;display:grid}.liker-list small{color:var(--muted)}.archive-detail .today-comments{margin-top:18px}.privacy-check{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;font-size:12px;line-height:1.4;display:grid}.privacy-check input{margin-top:2px}.inline-link{color:var(--brand);font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.privacy-notice{gap:12px;padding-right:4px;display:grid}.privacy-notice p{margin:0;font-size:13px;line-height:1.55}.privacy-notice a{color:var(--brand);overflow-wrap:anywhere}.privacy-notice small{color:var(--muted)}.auth-form{min-width:min(420px,100%)}.register-progress{gap:8px;margin-bottom:2px;display:grid}.register-progress-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.register-progress-head span{color:var(--muted);font-size:12px;font-weight:700}.register-progress-track{background:rgba(var(--outline-rgb,16, 21, 143), .09);border-radius:999px;height:5px;overflow:hidden}.register-progress-track>span{border-radius:inherit;background:var(--brand-fill,var(--brand));height:100%;transition:width .2s;display:block}.register-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.register-actions>:only-child{grid-column:1/-1}.register-privacy-step{gap:14px;display:grid}.register-privacy-step p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.register-privacy-step .secondary-button{width:100%}.privacy-check{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:rgba(var(--outline-rgb,16, 21, 143), .035);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px;font-size:13px;line-height:1.4;display:flex}.privacy-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);flex:none;margin:0;display:inline-block}.privacy-check span{flex:1;min-width:0}.brand-icon{flex:0 0 20px;width:20px;height:20px}.operator-socials .brand-icon{flex-basis:19px;width:19px;height:19px}@media (width<=480px){.brand-icon{flex-basis:21px;width:21px;height:21px}.operator-socials .brand-icon{flex-basis:20px;width:20px;height:20px}}.planning-calendar{gap:10px;margin-bottom:18px;display:grid}.planning-day{position:relative}.planning-day.selected{box-shadow:inset 0 0 0 2px var(--brand);color:var(--brand)}.planning-day.non-school-day{color:var(--theme-muted,#63708742);background:#6370870d}.planning-indicators{justify-content:center;gap:4px;width:100%;padding-bottom:2px;display:flex}.planning-status-dot,.playlist-status-dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.planning-status-dot.full{background:#18834a}.planning-status-dot.partial{background:#d68a13}.planning-status-dot.none{background:#c9cdd5}.playlist-status-dot{background:0 0;border:1.5px solid #10158f4d}.playlist-status-dot.present{background:#1ed760;border-color:#1ed760}.planning-day.planning-full{color:var(--brand);background:#18834a14}.planning-day.planning-partial{color:var(--brand);background:#d68a1317}.planning-day.planning-none{color:var(--theme-muted,#10158f8f)}.planning-legend{flex-wrap:wrap;gap:8px 12px;padding:0 3px;display:flex}.planning-legend span{color:var(--muted);align-items:center;gap:5px;font-size:9px;font-weight:750;display:inline-flex}.playlist-management-card{gap:16px;display:grid}.playlist-day-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.playlist-day-summary>div{background:rgba(var(--surface-rgb,255, 255, 255), .78);border:1px solid var(--line);border-radius:14px;gap:3px;min-width:0;padding:12px;display:grid}.playlist-day-summary span{color:var(--muted);font-size:9px;font-weight:750}.playlist-day-summary strong{color:var(--brand);font-size:14px}.operator-playlist-management .playlist-editor{border-top:0;margin-top:0;padding-top:0}.playlist-existing-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.danger-button{color:var(--theme-danger,#a43535);border-color:#a4353538}@media (width<=380px){.planning-legend{gap:7px 9px}.playlist-day-summary{grid-template-columns:1fr}}.operator-breaks button{justify-content:space-between;align-items:center;gap:10px;display:flex}.operator-breaks button>div{text-align:left;gap:2px;min-width:0;display:grid}.break-fill-badge{border-radius:999px;flex:none;padding:3px 7px;font-size:9px;font-weight:800}.break-fill-badge.full{color:var(--theme-success,#18834a);background:#18834a1f}.break-fill-badge.partial{color:var(--theme-warning,#a56608);background:#d68a1321}.break-fill-badge.empty{color:var(--muted);background:#6370871a}.reorderable-row,.favorite-reorder-item{cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:opacity .15s,transform .15s,box-shadow .15s;position:relative}.reorderable-row:active,.favorite-reorder-item:active{cursor:grabbing}.reorderable-row.dragging,.favorite-reorder-item.dragging{opacity:.55;transform:scale(.99)}.reorderable-row img,.favorite-reorder-item img,.sortable-drag-preview img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.drag-handle,.favorite-drag-handle{color:var(--muted);touch-action:none;cursor:grab;justify-content:center;align-items:center;display:inline-flex}.favorite-drop-indicator,.track-drop-indicator{z-index:20;pointer-events:none;background:#8b9099;border-radius:999px;display:block;position:absolute;box-shadow:0 1px 4px #0a0e2047}.favorite-drop-indicator{width:7px;top:4px;bottom:4px}.favorite-drop-indicator.before{left:-8px}.favorite-drop-indicator.after{right:-8px}.track-drop-indicator{height:7px;left:8px;right:8px}.track-drop-indicator.before{top:-8px}.track-drop-indicator.after{bottom:-8px}.sortable-drag-preview{z-index:10000;pointer-events:none;opacity:.94;background:var(--surface);border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));position:fixed;transform:translate(-50%,-50%)scale(1.03);box-shadow:0 14px 36px #0a0e2038}.favorite-sortable-preview{border-radius:14px;gap:5px;width:92px;padding:7px;display:grid}.favorite-sortable-preview img,.favorite-sortable-preview .cover-fallback{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.favorite-sortable-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.track-sortable-preview{border-radius:14px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;width:min(300px,100vw - 32px);padding:8px;display:grid}.track-sortable-preview>img,.track-sortable-preview>.cover-fallback{object-fit:cover;border-radius:10px;width:48px;height:48px}.favorite-drag-handle{z-index:2;background:rgba(var(--surface-rgb,255, 255, 255), .88);border-radius:999px;width:24px;height:24px;position:absolute;top:6px;left:6px;box-shadow:0 1px 5px #10158f1f}@media (hover:none){.drag-handle,.favorite-drag-handle{width:30px;height:30px}}.editor-tracks .music-row{grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;display:grid}.editor-tracks .music-row>img,.editor-tracks .music-row>.cover-fallback{object-fit:cover;border-radius:12px;width:56px;height:56px}.music-meta{flex-direction:column;justify-content:center;gap:7px;min-width:0;display:flex}.music-meta strong,.music-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.music-meta strong{line-height:1.15}.music-meta span{color:var(--muted);line-height:1.2}.inline-delete-button{width:36px;height:36px;box-shadow:none;color:var(--accent);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.inline-delete-button:hover,.inline-delete-button:focus-visible{background:#e3424317}.editor-tracks .drag-handle{width:26px;height:36px}.operator-playlist-management{margin-top:18px}.operator-playlist-management .playlist-editor-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .58);border-radius:18px;gap:13px;margin:0;padding:16px;display:grid;box-shadow:0 10px 28px #10158f12}.playlist-editor-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.playlist-editor-head>div{min-width:0}.playlist-editor-head h2{margin:0;font-size:14px}.playlist-editor-head p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.45}.playlist-status-pill{color:var(--theme-success,#18834a);background:#18834a1a;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:850}.playlist-primary-action{color:#fff;background:#12141a;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:fit-content;max-width:100%;min-height:44px;padding:0 14px;font-size:12px;font-weight:850;display:inline-flex;box-shadow:0 7px 18px #12141a24}.playlist-primary-action:disabled{opacity:.45;cursor:default}.playlist-inline-note,.playlist-feedback{border-radius:10px;width:fit-content;max-width:100%;padding:8px 10px;font-size:10px;line-height:1.4}.playlist-inline-note{background:rgba(var(--outline-rgb,16, 21, 143), .05);color:var(--muted)}.playlist-feedback{color:var(--theme-success,#18834a);background:#18834a17;font-weight:750}.playlist-feedback.error{color:var(--theme-danger,#a43535);background:#e3424314}.playlist-secondary-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.playlist-link-button,.playlist-delete-button{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.playlist-link-button{color:var(--theme-success,#157a3f);background:#1db9541a;border:0}.playlist-delete-button{color:var(--theme-danger,#a43535);background:0 0;border:0}.playlist-delete-button:hover,.playlist-delete-button:focus-visible{background:#e3424314}@media (width<=420px){.editor-tracks .music-row{grid-template-columns:24px 50px minmax(0,1fr) 34px;gap:9px}.editor-tracks .music-row>img,.editor-tracks .music-row>.cover-fallback{width:50px;height:50px}.playlist-primary-action{width:100%}}.my-breaks-page{gap:18px;display:grid}.my-breaks-schedule{gap:10px;display:grid}.my-breaks-schedule .section-heading{margin-bottom:0}.my-break-days{gap:10px;display:grid}.my-break-day{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .68);border-radius:18px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.my-break-day.active-day{border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.2));box-shadow:0 8px 22px #10158f14}.my-break-day-head{border-bottom:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.07));justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:11px 13px;display:flex}.my-break-day-head>div{gap:2px;min-width:0;display:grid}.my-break-day-head strong{text-transform:capitalize;color:var(--ink);font-size:13px}.my-break-day-head span{color:var(--muted);font-size:10px}.my-break-day-head>b{background:rgba(var(--outline-rgb,16, 21, 143), .07);min-width:26px;height:26px;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:10px;display:inline-flex}.my-break-day-slots{display:grid}.my-break-day-slots>button{border:0;border-bottom:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.06));width:100%;min-height:62px;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.my-break-day-slots>button:last-child{border-bottom:0}.my-break-day-slots>button:hover{background:rgba(var(--outline-rgb,16, 21, 143), .035)}.my-break-day-slots>button.active{background:rgba(var(--outline-rgb,16, 21, 143), .075);box-shadow:inset 3px 0 0 var(--brand)}.my-break-day-slots>button>div:first-child{gap:3px;min-width:0;display:grid}.my-break-day-slots strong{color:var(--brand);font-size:12px}.my-break-day-slots span{color:var(--muted);font-size:10px}.my-break-slot-meta{flex:none;align-items:center;gap:7px;display:flex}.my-break-slot-meta em{color:var(--accent);background:#e3424317;border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:850}@media (width<=420px){.my-break-day-slots>button{align-items:flex-start}.my-break-slot-meta{flex-direction:column;align-items:flex-end;gap:4px}}.my-break-day-picker{scrollbar-width:none;gap:8px;padding:2px 1px 4px;display:flex;overflow-x:auto}.my-break-day-picker::-webkit-scrollbar{display:none}.my-break-day-picker>button{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.09));background:rgba(var(--surface-rgb,255, 255, 255), .68);min-width:78px;min-height:58px;color:inherit;text-align:left;border-radius:14px;flex:none;gap:2px;padding:9px 10px;display:grid;position:relative}.my-break-day-picker>button.active{border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.26));background:rgba(var(--outline-rgb,16, 21, 143), .07);box-shadow:inset 0 0 0 1px #10158f0d}.my-break-day-picker strong{text-transform:capitalize;color:var(--brand);font-size:11px}.my-break-day-picker span{color:var(--muted);font-size:9px}.my-break-day-picker b{background:rgba(var(--outline-rgb,16, 21, 143), .08);min-width:18px;height:18px;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:8px;display:inline-flex;position:absolute;top:7px;right:7px}.my-break-day-slots.compact{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .68);border-radius:16px;overflow:hidden}.my-break-day-slots.compact>button{min-height:56px}.my-breaks-page .operator-requests,.my-breaks-page .editor-card{margin-top:0}.request-form{padding-bottom:max(2px, env(safe-area-inset-bottom))}.request-form .spotify-connect{z-index:2;width:100%;box-shadow:0 -10px 22px rgba(var(--surface-rgb,255, 255, 255), .96);position:sticky;bottom:0}.request-vote-group{align-self:start;justify-items:end;gap:1px;display:grid}.request-like-count{color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:2px 0;font-size:10px;font-weight:750;text-decoration:underline;position:relative}.request-like-count:before{content:"";position:absolute;inset:-8px -10px -4px}.request-like-count:hover,.request-like-count:focus-visible{color:var(--brand)}.request-vote-group .vote{background:0 0;border:0;justify-self:end;width:32px;min-width:32px;height:32px;padding:0}.request-vote-group .vote.active{border-color:#0000}.request-delete{width:30px;height:30px;color:var(--accent);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.request-comments-open{border:0;border-top:1px solid var(--line);min-height:42px;color:var(--brand);text-align:left;background:0 0;border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;gap:8px;margin:2px -14px -14px;padding:0 14px;font-size:11px;font-weight:800;display:flex}.request-comments-open:hover,.request-comments-open:focus-visible{background:rgba(var(--outline-rgb,16, 21, 143), .04)}.request-comments-track{border-bottom:1px solid var(--line);gap:2px;margin-bottom:14px;padding-bottom:12px;display:grid}.request-comments-track strong{font-size:14px}.request-comments-track span,.request-comments-offline{color:var(--muted);font-size:11px}.request-comments-modal .comment-bubble>div{background:var(--cyan)}.request-comments-offline{margin:-4px 0 12px}.request-comments-error{color:var(--muted);gap:12px;font-size:13px;display:grid}.request-comments-error .secondary-button{justify-self:start}.request-delete:hover,.request-delete:focus-visible{background:#e3424314}.request-notification-note{color:var(--theme-success,#176f43);background:#18834a14;border-radius:10px;margin:0;padding:9px 10px;font-size:9px;line-height:1.45}.request-track-badge{background:rgba(var(--outline-rgb,16, 21, 143), .08);border-radius:999px;width:fit-content;padding:3px 6px;font-weight:850;color:var(--brand)!important;font-size:8px!important;line-height:1.2!important}.track-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.unsaved-dot{background:var(--accent-fill,var(--accent));border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:6px;box-shadow:0 0 0 2px #ffffffeb}.unsaved-break-indicator{width:fit-content;min-height:18px;color:var(--accent);white-space:nowrap;background:#e3424317;border-radius:999px;align-items:center;padding:0 6px;font-size:8px;font-weight:850;display:inline-flex}.operator-break-status{justify-items:end;gap:4px;display:grid}.my-break-day-picker>button,.operator-breaks>button{position:relative}.break-name-with-indicator{align-items:center;gap:6px;display:inline-flex}.unsaved-name-dot{background:var(--accent-fill,var(--accent));border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 2px #ffffffeb}.admin-page{gap:16px;display:grid}.admin-page>.page-heading{align-items:center;margin:0}.admin-page>.admin-section,.admin-page>.absence-section{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:linear-gradient(180deg, rgba(var(--surface-rgb,255, 255, 255), .9) 0%, rgba(var(--surface-rgb,255, 255, 255), .78) 100%);border-radius:20px;margin:0;padding:18px;box-shadow:0 10px 28px #1c435e12}.admin-page .admin-section{border-top:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1))}.admin-page .section-title-row{margin-bottom:14px}.admin-page .section-title-row h2{color:var(--brand)}.admin-page .section-title-row p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.45}.admin-page .admin-users,.admin-page .assignment-list{gap:8px;display:grid}.admin-page .admin-users article,.admin-page .assignment-list>label,.admin-page .absence-list>div{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .72);border-radius:14px}.admin-page .admin-users article{padding:12px}.admin-page .assignment-list>label{border-top:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));min-height:62px;padding:10px 12px}.admin-page .absence-form{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .58);border-radius:14px;padding:14px}.admin-page .absence-list>div{padding:9px 11px}.admin-subnav{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .72);border-radius:14px;gap:8px;margin-bottom:16px;padding:5px;display:flex;overflow-x:auto}.admin-subnav button{min-height:38px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:none;padding:0 13px;font-size:10px;font-weight:850}.admin-subnav button.active{background:var(--ink-fill,var(--ink));color:#fff}.weekly-assignment-scroll{width:100%;padding-bottom:0;overflow:visible}.weekly-assignment-table{table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:var(--paper);border-radius:14px;width:100%;min-width:0;overflow:hidden}.weekly-assignment-table th,.weekly-assignment-table td{border-right:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));border-bottom:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));vertical-align:middle;padding:9px}.weekly-assignment-table tr:last-child th,.weekly-assignment-table tr:last-child td{border-bottom:0}.weekly-assignment-table th:last-child,.weekly-assignment-table td:last-child{border-right:0}.weekly-assignment-table thead th{background:rgba(var(--outline-rgb,16, 21, 143), .04);color:var(--ink);text-align:left;font-size:9px;font-weight:900}.weekly-assignment-table thead th:first-child,.weekly-assignment-table tbody th{width:112px}.weekly-assignment-table tbody th{text-align:left;background:#a9eaf11f;min-width:0}.weekly-assignment-table tbody th strong,.weekly-assignment-table tbody th small{display:block}.weekly-assignment-table tbody th small{color:var(--muted);margin-top:2px;font-size:8px;font-weight:650}.weekly-assignment-table select{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:var(--paper);width:100%;min-width:0;height:36px;color:var(--ink);border-radius:9px;padding:0 8px;font-size:9px;font-weight:700}.weekday-short{display:none}@media (width>=821px) and (width<=1050px){.weekly-assignment-table th,.weekly-assignment-table td{padding:7px 6px}.weekly-assignment-table thead th:first-child,.weekly-assignment-table tbody th{width:96px}.weekly-assignment-table select{padding-inline:5px;font-size:8px}.weekday-long{display:none}.weekday-short{display:inline}}@media (width<=560px){.admin-page{gap:12px}.admin-page>.admin-section,.admin-page>.absence-section{border-radius:17px;padding:14px}.admin-page .section-title-row{flex-direction:column;align-items:stretch}.admin-page .section-title-row .date-input{width:100%;max-width:none}}@media (width<=820px){.admin-subnav{margin-inline:-2px}.weekly-assignment-scroll{padding-bottom:0;overflow:visible}.weekly-assignment-table,.weekly-assignment-table tbody,.weekly-assignment-table tr,.weekly-assignment-table th,.weekly-assignment-table td{width:100%;display:block}.weekly-assignment-table{background:0 0;border:0;border-radius:0;min-width:0}.weekly-assignment-table thead{display:none}.weekly-assignment-table tbody{gap:12px;display:grid}.weekly-assignment-table tbody tr{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .82);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #1c435e0d}.weekly-assignment-table tbody th{border:0;border-bottom:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:#a9eaf124;width:100%;min-width:0;padding:12px 13px}.weekly-assignment-table tbody th strong{color:var(--brand);font-size:13px}.weekly-assignment-table tbody th small{margin-top:3px;font-size:9px}.weekly-assignment-table td{border:0;border-bottom:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.06));grid-template-columns:minmax(78px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px;min-width:0;padding:9px 12px;display:grid}.weekly-assignment-table td:last-child{border-bottom:0}.weekly-assignment-table td:before{content:attr(data-weekday);color:var(--muted);font-size:10px;font-weight:800}.weekly-assignment-table select{width:100%;min-width:0;height:40px;font-size:11px}.weekday-long,.weekday-short{display:inline}}@media (width<=390px){.weekly-assignment-table td{grid-template-columns:1fr;gap:5px}.weekly-assignment-table td:before{font-size:9px}}@media (width<=359px){:root{--screen-gutter:13px;--screen-bottom-space:100px}.topbar{padding-inline:10px}.topbar-account{max-width:92px;font-size:10px}.radio-hero{padding:18px 14px 16px}.radio-hero .progress-ring{--ring-thickness:9px;width:clamp(190px,68cqw,230px);height:clamp(190px,68cqw,230px)}.radio-hero .progress-ring-inner{padding:18px}.radio-time{font-size:clamp(34px,13cqw,46px)}.tab{font-size:9px}.tabbar{padding-inline:4px}}@media (width>=700px){:root{--shell-max-width:100vw;--screen-gutter:clamp(28px, 4.5vw, 48px);--screen-bottom-space:116px}.topbar{padding-inline:28px}.topbar-account{max-width:180px;font-size:12px}.screen{padding-top:28px}.radio-screen{gap:20px;max-width:680px}.radio-hero{padding:30px 28px 24px}.radio-hero .progress-ring{margin-bottom:24px}.tabbar{padding-inline:22px}.modal{width:min(100%,640px)}.drawer{width:min(46vw,380px)}}@media (width>=1100px){:root{--shell-max-width:900px;--screen-gutter:36px}.radio-screen{max-width:720px}.app,.welcome-screen{border-inline:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08))}}@media (height<=700px) and (orientation:landscape){:root{--screen-bottom-space:92px}.screen{padding-top:12px}.radio-screen{gap:12px;max-width:600px}.radio-hero{height:auto;min-height:0;max-height:calc(100dvh - 134px);padding:14px 18px 16px}.radio-hero .progress-ring{--ring-thickness:8px;width:clamp(148px,min(52cqw,32dvh),190px);height:clamp(148px,min(52cqw,32dvh),190px);margin-bottom:10px}.radio-hero .progress-ring-inner{padding:16px}.radio-status{font-size:15px}.radio-time{margin-top:5px;font-size:clamp(32px,10dvh,44px)}}@media (height<=480px) and (orientation:landscape){.topbar{height:calc(52px + env(safe-area-inset-top))}.radio-hero .progress-ring{width:clamp(132px,min(48cqw,31dvh),168px);height:clamp(132px,min(48cqw,31dvh),168px)}.radio-wave-rings span:nth-child(4){display:none}}.track-source-divider{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:14px 0 2px;font-size:9px;font-weight:750;display:flex}.track-source-divider:before,.track-source-divider:after{content:"";background:rgba(var(--outline-rgb,16, 21, 143), .1);flex:1;height:1px}.manual-track-toggle{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--outline-rgb,16, 21, 143), .045);width:100%;min-height:32px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.manual-track-toggle:hover,.manual-track-toggle:focus-visible{border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.22));background:rgba(var(--outline-rgb,16, 21, 143), .08)}.manual-track-toggle.expanded{border-color:rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.18));background:rgba(var(--outline-rgb,16, 21, 143), .1);box-shadow:inset 0 0 0 1px #10158f09}.manual-track-form{gap:10px;margin-top:10px;display:grid}.manual-track-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 112px;gap:9px;display:grid}.manual-track-form label{gap:6px;min-width:0;display:grid}.manual-track-form label>span{color:var(--brand);font-size:11px;font-weight:800}.manual-track-form input{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.12));background:var(--paper);border-radius:11px;width:100%;min-height:44px;padding:0 12px}.manual-track-add{align-items:center;gap:7px;width:fit-content;min-height:42px;display:inline-flex}.track-editor-error{margin-top:10px}@media (width<=620px){.manual-track-fields{grid-template-columns:1fr 1fr}.manual-track-duration{grid-column:1/-1}.manual-track-add{width:100%}}@media (width<=390px){.manual-track-fields{grid-template-columns:1fr}.manual-track-duration{grid-column:auto}}.radio-hero.offline .progress-ring{filter:grayscale();opacity:.58}.control-screen{gap:18px;display:grid}.control-offline-card{text-align:center;min-height:220px;color:var(--muted);align-content:center;place-items:center;gap:14px;display:grid}.control-offline-card>strong{font-size:1rem;font-weight:850}.control-offline-icon{background:rgba(var(--outline-rgb,16, 21, 143), .06);width:54px;height:54px;color:var(--muted);border-radius:18px;place-items:center;display:grid}.control-heading-skeleton{gap:9px;padding:4px 0 2px;display:grid}.control-skeleton-title{width:min(42%,180px);height:28px}.control-skeleton-subtitle{width:min(68%,300px)}.control-skeleton-actions{gap:10px;display:grid}.control-skeleton-action{border-radius:16px;width:100%;height:50px}.control-skeleton-availability{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .76);border-radius:18px;place-items:center;min-height:72px;padding:14px;display:grid}.control-skeleton-availability-line{width:min(78%,330px);height:14px}.operator-empty-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:132px;padding:20px;display:grid}.operator-empty-card>strong{color:var(--ink);font-size:1rem;line-height:1.35}.operator-empty-icon{background:rgba(var(--outline-rgb,16, 21, 143), .07);width:44px;height:44px;color:var(--brand);border-radius:14px;place-items:center;display:grid}.control-start-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .76);border-radius:18px;place-items:center;gap:10px;min-height:72px;padding:14px;display:grid;box-shadow:0 10px 30px #10158f0f}.control-start-card .control-start{width:min(100%,320px)}.control-start-card .form-message{width:100%}.control-start-availability{color:var(--muted);text-align:center;font-size:.94rem;line-height:1.45}.control-countdown{text-align:center;align-content:center;place-items:center;gap:18px;min-height:320px;display:grid}.control-countdown strong{color:var(--brand);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(72px,22vw,132px);line-height:.9}.control-start{min-width:min(100%,280px);min-height:54px;font-size:1.05rem}.control-now-playing{gap:0;display:grid}.control-now-playing .now-playing-cover-wrap{margin-bottom:0}.control-now-playing .visualizer.paused span{animation-play-state:paused}.control-progress{gap:4px;margin-top:2px;display:grid}.control-progress .track-progress{margin:12px 0 0}.control-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.playback-controls{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:6px;margin-top:14px;display:grid}.playback-controls button{min-width:0;min-height:40px;color:var(--brand);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.playback-controls button:not(.playback-main):not(:disabled):hover{background:rgba(var(--outline-rgb,16, 21, 143), .07)}}.playback-controls button:not(.playback-main):not(:disabled):focus-visible{background:rgba(var(--outline-rgb,16, 21, 143), .07);outline:2px solid rgba(var(--outline-rgb,16, 21, 143), .2);outline-offset:2px}.playback-controls button:not(:disabled):active{transform:scale(.94)}.playback-controls button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.playback-controls button small{background:rgba(var(--surface-rgb,255, 255, 255), .92);border-radius:999px;min-width:14px;padding:1px 3px;font-size:8px;font-weight:900;line-height:1.2;position:absolute;bottom:1px;right:2px}.playback-controls .playback-main{background:var(--brand-fill,var(--brand));color:#fff;justify-self:center;width:50px;min-height:50px;box-shadow:0 8px 18px #10158f33}.playback-controls .playback-edge{color:var(--muted)}.control-track-row{text-align:left;border:0;width:100%}.control-queue-actions{gap:10px;display:grid}.control-queue-actions .secondary-button{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .88);border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding-inline:16px;line-height:1.25;display:inline-flex;box-shadow:0 8px 24px #10158f0d}.control-queue-actions .secondary-button:active:not(:disabled){transform:translateY(1px)}.control-spotify-button .brand-icon{color:var(--spotify);font-size:18px}.control-spotify-button span{text-align:center;flex:1;min-width:0}.operator-control-notice{z-index:35;left:max(16px,50% - 310px);right:max(16px,50% - 310px);bottom:calc(86px + env(safe-area-inset-bottom));background:var(--surface,var(--paper));border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;position:fixed;box-shadow:0 14px 42px #00000029}.operator-control-notice-icon{background:var(--surface-soft,var(--surface-soft,#f2f4f6));width:40px;height:40px;color:var(--brand);border-radius:14px;place-items:center;display:grid}.operator-control-notice>div:nth-child(2){gap:2px;min-width:0;display:grid}.operator-control-notice span{color:var(--muted);font-size:.82rem}.operator-control-notice .primary-button{white-space:nowrap;padding-inline:14px}@media (width<=620px){.operator-control-notice{grid-template-columns:auto minmax(0,1fr)}.operator-control-notice .primary-button{grid-column:1/-1;width:100%}.playback-controls{gap:4px}.playback-controls button{border-radius:13px;min-height:42px}}.data-error-card{min-height:72px;color:var(--ink);background:rgba(var(--surface-rgb,255, 255, 255), .82);border:1px solid #b830301f;border-radius:20px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.data-error-icon{width:38px;height:38px;color:var(--theme-danger,#a52f38);background:#b8303014;border-radius:13px;place-items:center;display:grid}.data-error-card>span:last-child{min-width:0;font-size:12px;font-weight:750;line-height:1.4}.data-loading-skeleton{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .78);border-radius:18px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:78px;padding:14px 16px;display:grid}.data-loading-skeleton.compact{min-height:66px}.data-loading-icon{border-radius:13px;width:44px;height:44px}.data-loading-skeleton>div{gap:9px;display:grid}.data-loading-line.primary{width:min(72%,220px);height:12px}.data-loading-line.secondary{width:min(46%,150px);height:9px}.archive-calendar-skeleton{pointer-events:none}.archive-calendar-skeleton-nav{border-radius:50%;width:36px;height:36px}.archive-calendar-skeleton-title{justify-self:center;width:min(62%,170px);height:14px}.archive-calendar-skeleton-weekdays span{justify-self:center;width:12px;height:7px}.archive-calendar-skeleton-day{border-radius:12px;padding:0}.music-provider-choice{grid-template-columns:1fr 1fr;display:grid}.music-provider-choice .secondary-button{gap:8px}.music-provider-choice button:not(.active-provider) .brand-icon{color:var(--ink)}.music-provider-choice button:not(.active-provider) .apple-music-logo{color:var(--ink);background:0 0;font-size:17px}.music-provider-choice .active-provider.spotify{color:var(--theme-success,#0d7e37);background:#1ed76014;border-color:#1ed76073}.music-provider-choice .active-provider.apple-music{color:var(--theme-pink,#d5265c);background:#e9346814;border-color:#e9346866}.apple-music-support-note{border:1px solid var(--line);background:#00000006;border-radius:12px;margin-top:14px;padding:12px 14px}.apple-music-support-note strong{margin-bottom:6px;display:block}.apple-music-support-note p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.favorite-track-link{cursor:pointer;position:relative}.favorite-track-link:active{transform:scale(.98)}.music-track-tile-disabled{cursor:default;opacity:.72}.settings-info-button{background:rgba(var(--outline-rgb,16, 21, 143), .06);width:34px;height:34px;color:var(--brand);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.settings-info-button:active{transform:scale(.96)}.profile-edit-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-edit-heading .secondary-button{width:auto;min-height:40px;padding-inline:14px}.settings-build{color:var(--muted);font:inherit;opacity:.72;cursor:pointer;background:0 0;border:0;margin:18px auto 0;padding:4px 8px;font-size:.72rem;line-height:1.4;display:block}.settings-build:active{opacity:.5}.swaps-page,.absence-page{gap:16px;display:grid}.swap-create-card,.swap-offer{gap:12px;display:grid}.swap-create-card>label{gap:8px;display:grid}.swap-create-card select{width:100%}.swap-targets{border:0;gap:8px;margin:0;padding:0;display:grid}.swap-targets legend{margin-bottom:4px;font-weight:700}.swap-targets>label{align-items:center;gap:10px;min-height:44px;display:flex}.swap-targets input{flex:none;width:20px;height:20px}.swap-offer{border-bottom:1px solid var(--line);padding:14px 0}.swap-offer:last-child{border-bottom:0}.swap-actions{flex-wrap:wrap;gap:8px;display:flex}.swap-actions .secondary-button{width:auto}.swap-create-card,.absence-create-card,.absence-list-card{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .72);-webkit-backdrop-filter:blur(12px);border-radius:22px;gap:18px;padding:20px;box-shadow:0 10px 30px #1012180d}.swap-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.swap-card-heading h2{margin:3px 0 0}.section-eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.swap-step-count,.absence-count{background:rgba(var(--outline-rgb,16, 21, 143), .08);min-width:38px;height:30px;color:var(--brand);border-radius:999px;place-items:center;padding:0 10px;font-size:12px;font-weight:800;display:grid}.swap-progress{height:6px}.swap-step{gap:14px;display:grid}.swap-step-copy{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.swap-field{gap:7px;display:grid}.swap-field select,.swap-field input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:14px;margin:0;padding:0 14px;font-weight:650}.swap-targets{gap:9px;display:grid}.swap-target-card{border:1px solid var(--line);background:rgba(var(--surface-rgb,255, 255, 255), .8);border-radius:15px;align-items:center;gap:12px;min-height:58px;padding:11px 13px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.swap-target-card:focus-within{outline:2px solid var(--brand);outline-offset:2px}.swap-target-card.selected{background:rgba(var(--outline-rgb,16, 21, 143), .06);border-color:#10158f73}.swap-target-card input{opacity:0;pointer-events:none;position:absolute}.swap-target-check{color:#0000;border:1.5px solid #c9ced8;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:15px;font-weight:900;display:grid}.swap-target-card.selected .swap-target-check{border-color:var(--brand);background:var(--brand-fill,var(--brand));color:#fff}.swap-target-card>span:last-child{gap:2px;display:grid}.swap-target-card small,.swap-summary small{color:var(--muted);font-size:12px}.swap-empty{color:var(--muted);text-align:center;background:#1012180a;border-radius:14px;padding:18px;font-size:13px}.swap-summary{background:rgba(var(--outline-rgb,16, 21, 143), .05);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;padding:14px}.swap-summary>div{gap:3px;display:grid}.swap-summary>div>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:750}.swap-summary>p{grid-column:1/-1;margin:0}.swap-summary .swap-targets>div{gap:3px;display:grid}@media (width<=600px){.swap-summary{grid-template-columns:1fr}}.swap-summary>svg{color:var(--brand)}.swap-wizard-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.swap-wizard-actions>:only-child{grid-column:1/-1}.absence-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.absence-submit{width:100%}.absence-empty{color:var(--muted);background:#10121809;border-radius:15px;align-items:center;gap:12px;padding:16px;display:flex}.absence-empty>div{gap:2px;display:grid}.absence-empty strong{color:var(--ink);font-size:13px}.absence-empty span{font-size:12px}.absence-list{gap:8px;display:grid}.absence-item{border:1px solid var(--line);background:rgba(var(--surface-rgb,255, 255, 255), .72);border-radius:15px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:11px 12px 11px 14px;display:flex}.absence-item>div{gap:2px;display:grid}.absence-item span{color:var(--muted);font-size:12px}.absence-delete{width:38px;height:38px;color:var(--accent);background:#e3424317;border:0;border-radius:12px;flex:none;place-items:center;display:grid}@media (width<=390px){.absence-date-grid,.swap-summary{grid-template-columns:1fr}.swap-summary>svg{transform:rotate(90deg)}}.swaps-page>.page-heading,.absence-page>.page-heading{align-items:start;margin-bottom:2px}.swaps-page>.page-heading h1,.absence-page>.page-heading h1{color:var(--brand)}.swap-create-card,.absence-create-card{border-radius:20px;padding:18px}.swap-card-heading{align-items:center}.swap-card-heading h2{color:var(--brand);margin:0;font-size:17px;line-height:1.2}.section-eyebrow{display:none}.swap-step-count{min-width:auto;height:auto;color:var(--muted);background:0 0;border-radius:0;padding:0;font-size:11px}.swap-field>span{color:var(--brand);font-size:11px;font-weight:800}.swap-field select,.swap-field input[type=date]{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.14));background-color:rgba(var(--surface-rgb,255, 255, 255), .84);width:100%;min-height:46px;color:var(--ink);box-shadow:none;border-radius:12px;font-size:14px;font-weight:700;line-height:1}.swap-field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--brand) 50%), linear-gradient(135deg, var(--brand) 50%, transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 42px 0 13px}.swap-field input[type=date]{appearance:none;text-align:left;min-width:0;padding:0 12px}.swap-field input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1em;margin:0}.swap-field input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;margin:0;padding:8px 0 8px 8px}.operator-list-section{gap:10px;padding-top:4px;display:grid}.operator-list-section .section-heading{margin:0;padding:0 2px}.operator-list-section .section-heading h2{font-size:14px}.operator-list-section>.muted{color:var(--muted);margin:0;padding:14px 2px;font-size:13px}.operator-list-section .swap-offer,.absence-list-section .absence-list,.absence-list-section .operator-empty-state{margin:0}.operator-empty-state{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .56);border-radius:15px;gap:3px;padding:15px 16px;display:grid}.operator-empty-state strong{color:var(--ink);font-size:13px}.operator-empty-state span{color:var(--muted);font-size:12px}.absence-list-card{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}@media (width<=390px){.absence-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.operator-list-section{gap:10px}.operator-list-section .operator-empty-state{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.08));background:rgba(var(--surface-rgb,255, 255, 255), .58);border-radius:18px;align-content:center;min-height:76px;padding:14px 16px}.absence-create-card{gap:14px}.absence-create-card .swap-step-copy{margin-top:-7px;margin-bottom:1px}.absence-date-grid{align-items:end;gap:10px}.absence-date-grid .swap-field{gap:6px;min-width:0}.absence-date-grid .swap-field>span{line-height:1}.absence-date-grid .swap-field input[type=date]{box-sizing:border-box;height:48px;min-height:48px;padding:0 12px;display:block}.absence-submit{min-height:48px;margin-top:0}.absence-list-section{gap:10px}.absence-create-card{display:block}.absence-create-card .swap-card-heading{margin:0 0 6px}.absence-create-card .swap-step-copy{margin:0 0 18px}.absence-create-card .absence-date-grid{margin:0 0 14px}.absence-date-grid .swap-field{gap:5px}.absence-create-card .absence-submit{margin:0}.absence-create-card .swap-card-heading+.swap-step-copy{margin:4px 0 16px}.absence-create-card .absence-date-grid{column-gap:12px;margin:0 0 16px}.absence-create-card .absence-date-grid .swap-field{flex-direction:column;gap:8px;display:flex}.absence-create-card .absence-date-grid .swap-field>span{margin:0;line-height:1;display:block}.absence-create-card .absence-date-grid .swap-field input[type=date]{box-sizing:border-box;width:100%;height:48px;min-height:48px;max-height:48px;margin:0;padding:0 12px;display:block}.absence-create-card .absence-submit{width:100%;min-height:48px;margin:0;display:flex}.absence-create-card .absence-date-grid .swap-field{align-self:start}.absence-create-card .absence-date-grid .swap-field input[type=date]{flex:0 0 48px;block-size:48px;min-block-size:48px;max-block-size:48px;line-height:48px}.absence-create-card .absence-date-grid .swap-field input[type=date]::-webkit-date-and-time-value{align-items:center;height:48px;padding:0;line-height:normal;display:flex}.password-settings-form{margin-top:16px}.password-settings-form .secondary-button{align-self:flex-start}.admin-password-form{grid-column:1/-1;gap:10px;width:100%;margin-top:10px;display:flex}.admin-password-form input{flex:1;min-width:0}@media (width<=640px){.admin-password-form{flex-direction:column}}.music-import-info{background:var(--surface-soft,#f4f6f9);color:var(--muted);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.music-import-info>svg{flex-shrink:0;margin-top:2px}.music-import-info small{font-size:inherit;display:block}.track-add-card>.music-import-info,.favorite-add+.music-import-info{margin-top:10px}.music-provider-choice .active-provider.tidal{border-color:var(--ink);background:#0000000f}.music-provider-choice .active-provider.youtube-music{color:var(--theme-danger,#c00);background:#ff000014;border-color:#f006}.operator-view-switch{background:rgba(var(--outline-rgb,16, 21, 143), .06);border-radius:14px;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.operator-view-switch button{color:var(--theme-muted,#10158f99);font:inherit;background:0 0;border:0;border-radius:10px;padding:9px 18px;font-size:14px;font-weight:750}.operator-view-switch button.active{background:rgba(var(--surface-rgb,255, 255, 255), .85);color:var(--brand);box-shadow:0 1px 4px #10158f14}.operator-view-switch button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.operator-editor-mode{color:var(--brand);margin:0 0 10px;font-weight:750;display:block}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);--paper:#243448;--card:#243448;--card-strong:#243448;--card-blue:#253448;--surface:#243448;--surface-soft:#253448;--surface-rgb:36, 52, 72;--header-surface:#182536;--shell-color:#080f19;--app-bg:#101923;--app-bg-deep:#101923;--ink:#f3f6fc;--muted:#d4deec;--line:#93a6bf;--border-opacity:.6;--progress-color:#ffc9d1;--outline-rgb:212, 222, 236;--brand:#b5caff;--brand-2:#b5caff;--brand-fill:#354ac7;--ink-fill:#253448;--accent:#ff9b9b;--accent-fill:#b8293b;--cyan:#253e50;--cyan-strong:#87dff5;--theme-ink:var(--ink);--theme-muted:var(--muted);--theme-success:#85edab;--theme-danger:#faa;--theme-pink:#ffabc5;--theme-warning:#ffd084;--theme-cyan-text:#87dff5;background:#101923}:root[data-theme=dark] .radio-hero,:root[data-theme=dark] .radio-hero.live,:root[data-theme=dark] .operator-profile-hero{background:linear-gradient(145deg,#174469,#17265a 58%,#171c55)}:root[data-theme=dark] .topbar-logo,:root[data-theme=dark] .drawer-logo,:root[data-theme=dark] .welcome-logo{background:#a7ebf2;border-radius:10px;padding:4px}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:var(--muted);opacity:1}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:var(--line)}:root[data-theme=dark] option{background:var(--paper);color:var(--ink)}:root[data-theme=dark] :focus-visible{outline:3px solid var(--cyan-strong);outline-offset:3px}.theme-switch{border:2px solid var(--muted);background:var(--surface-soft,#e4e7ec);border-radius:20px;flex-shrink:0;width:52px;height:30px;padding:3px}.theme-switch span{background:var(--ink);border-radius:50%;width:20px;height:20px;display:block}.theme-switch[aria-checked=true]{background:var(--brand-fill,var(--brand));border-color:var(--brand)}.theme-switch[aria-checked=true] span{background:#fff;transform:translate(22px)}:root[data-theme=dark] .app:before{opacity:.2}:root[data-theme=dark] .radio-hero,:root[data-theme=dark] .radio-hero.live{border:1px solid var(--line);background:#14243b}:root[data-theme=dark] .radio-hero .progress-ring{background:conic-gradient(var(--progress-color) calc(var(--progress) * 1%), #60748e 0)}:root[data-theme=dark] .radio-hero .progress-ring-inner{box-shadow:none;background:#080f19}:root[data-theme=dark] .radio-hero .radio-substatus,:root[data-theme=dark] .radio-operator-card span,:root[data-theme=dark] .radio-operator-card small{color:var(--muted)}:root[data-theme=dark] .radio-operator-card{background:var(--paper);border:1px solid var(--line)}:root[data-theme=dark] .now-playing-copy strong{color:var(--ink)}:root[data-theme=dark] .track-progress{background:#60748e}:root[data-theme=dark] .track-feedback button{color:var(--ink);border-color:var(--line);background:#080f19}:root[data-theme=dark] .track-feedback button.active{color:#fff;background:#354ac7;border-color:#b5caff}:root[data-theme=dark] .track-feedback button.active.negative{color:#fff;background:#b8293b;border-color:#ffb3bd}:root[data-theme=dark] .music-row.current{box-shadow:inset 3px 0 0 var(--progress-color);background:#132238;border-radius:8px}.settings-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:0 16px;overflow:hidden}.settings-page .settings-section{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:10px;margin:0;padding:14px 0}.settings-page .settings-section-head strong,.settings-privacy{font-size:15px}.settings-page .settings-section-head>div>span{font-size:12px;line-height:1.5}.settings-page .music-provider-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-page .music-provider-choice button{text-align:left;border-radius:10px;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:6px;min-width:0;min-height:48px;padding:8px;font-size:12px;display:grid}.settings-provider-icon,.settings-provider-check{place-items:center;display:grid}.settings-provider-icon>svg{width:20px;height:20px}.settings-provider-name{line-height:1.3}.settings-page .settings-status-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;margin-bottom:12px;padding:14px 16px}.settings-status-card .settings-section-head>div{flex:1;min-width:0}.settings-status-card .status-dot{flex-shrink:0}.settings-status-card .status-dot.pending{background:#e5a321;box-shadow:0 0 0 4px #e5a3211f}.settings-card .settings-section-head{min-height:32px}.settings-page .settings-expandable{display:block}.settings-page .theme-switch:disabled{opacity:.45;cursor:default}.settings-page .theme-switch span{transition:transform .15s}.settings-expandable>summary{cursor:pointer;min-height:32px;list-style:none}.settings-expandable>summary::-webkit-details-marker{display:none}.settings-expandable[open]>summary{margin-bottom:12px}.settings-expandable[open]>summary>svg{transform:rotate(90deg)}.settings-page .settings-privacy{text-align:left;width:100%;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;font-weight:700;display:flex}.settings-notification-status{color:var(--muted);font-size:12px}.settings-page .install-hint,.settings-page .offline-hint{margin:0;line-height:1.5}.settings-page button:focus-visible,.settings-page summary:focus-visible{outline:3px solid var(--cyan-strong);outline-offset:3px}@media (prefers-reduced-motion:reduce){.settings-page .theme-switch span{transition:none}}.settings-card .settings-list{margin:0}.settings-card .settings-list button{min-height:44px;padding:10px 0;font-size:14px}.settings-card .settings-build{margin:0 auto;padding:8px}.settings-card .auth-actions{flex-wrap:wrap;gap:6px;display:flex}.settings-card .auth-actions>button{flex:auto;width:auto;min-height:40px;font-size:12px}.settings-expandable>summary>svg{flex-shrink:0}.settings-expandable[open]>:not(summary)+:not(summary){margin-top:10px}.topbar-account .notification-bell{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:relative}.notification-dot{background:var(--accent,#e45252);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px}.notification-feedback{gap:12px;margin-bottom:18px;display:grid}.notification-feedback>button,.notification-list .icon-action{justify-self:start}.notification-list{margin:0;list-style:none}.notification-list .settings-section:last-child{border-bottom:0}.notification-list a{color:var(--ink);overflow-wrap:anywhere;gap:6px;min-width:0;text-decoration:none;display:grid}.notification-list a>span,.notification-meta{color:var(--muted);font-size:12px;line-height:1.5}.notification-list .unread a>strong{color:var(--brand)}.notification-meta{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.notification-centre .icon-action{color:var(--brand);flex-shrink:0}.historical-break-action{border:1px solid rgba(var(--outline-rgb,16, 21, 143), var(--border-opacity,.1));background:rgba(var(--surface-rgb,255, 255, 255), .72);border-radius:20px;gap:14px;margin:16px 0 0;padding:18px;display:grid}.historical-break-action .secondary-button{width:100%}.historical-operator-field{color:var(--brand);gap:8px;font-size:14px;font-weight:750;display:grid}.historical-operator-field select{width:100%;min-width:0}.telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px;display:grid}.telemetry-grid article{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.telemetry-grid span,.telemetry-note{color:var(--muted);font-size:.85rem}.telemetry-grid strong{font-size:1.05rem}.telemetry-note{margin:14px 0}.telemetry-table-wrap{overflow-x:auto}.telemetry-table{border-collapse:collapse;width:100%;font-size:.86rem}.telemetry-table th,.telemetry-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:9px 10px}.telemetry-table th:first-child,.telemetry-table td:first-child{text-align:left}.telemetry-table code{font-size:.8rem}.suspicious-reasons{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.suspicious-reasons span{color:var(--muted);border:1px solid;border-radius:999px;padding:3px 8px;font-size:.78rem;line-height:1.2}.telemetry-subheading{margin-top:22px}.telemetry-query{overflow-wrap:anywhere;max-width:520px;white-space:normal!important}.telemetry-query code{-webkit-user-select:text;user-select:text}.admin-page,.admin-page .admin-section,.admin-page .section-title-row,.telemetry-grid,.telemetry-grid article,.telemetry-table-wrap{min-width:0;max-width:100%}.admin-subnav{scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}.admin-subnav::-webkit-scrollbar{display:none}.telemetry-grid article{overflow-wrap:anywhere}@media (width<=640px){.telemetry-grid{grid-template-columns:minmax(0,1fr)}.telemetry-grid article{box-sizing:border-box;width:100%}.telemetry-table-wrap{overscroll-behavior-inline:contain;width:100%}}button.music-service-link,button.music-track-tile-lazy{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button.music-service-link:disabled,button.music-track-tile-lazy:disabled{cursor:default}button.music-track-tile-lazy{width:100%;text-align:inherit;color:inherit}.planning-day.history-full{background:#18834a14}.planning-day.history-partial{background:#d68a1317}.planning-status-dot.history-full{background:#18834a}.planning-status-dot.history-partial{background:#d68a13}.break-status-heading{align-items:center;gap:6px;display:inline-flex}.break-status-heading .break-status-played{color:#2563eb;flex:none}.break-status-heading .break-status-unplayed{color:var(--muted);flex:none}.break-status-heading .break-status-visualizer{color:#2563eb}.break-status-visualizer{vertical-align:middle;flex:none;justify-content:center;align-items:center;gap:2px;width:17px;height:18px;display:inline-flex}.break-status-visualizer i{background:#2563eb;border-radius:2px;width:3px;height:5px;animation:.7s ease-in-out infinite alternate break-status-pulse;display:block}.break-status-visualizer i:nth-child(2){animation-delay:-.4s}.break-status-visualizer i:nth-child(3){animation-delay:-.15s}@keyframes break-status-pulse{0%{height:4px}to{height:16px}}@media (prefers-reduced-motion:reduce){.break-status-visualizer i{height:10px;animation:none}}.today-break-toggle .break-status-heading,.archive-break-head .break-status-heading{color:var(--brand)}.today-break-toggle .break-status-heading{font-size:14px}.archive-break-head>div:first-child{align-content:start;gap:4px;display:grid}.settings-link{width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.audit-page>.page-heading{margin-bottom:18px}.audit-filter-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:18px}.audit-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;display:grid}.audit-filters label{min-width:0;color:var(--ink);gap:7px;font-size:13px;font-weight:650;display:grid}.audit-filters input,.audit-filters select{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:12px;padding:0 12px;font-size:14px;font-weight:400}.audit-filters input:focus-visible,.audit-filters select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.audit-filters label:last-child:nth-child(odd){grid-column:1/-1}.audit-empty-state,.audit-loading{border:1px solid var(--line);background:var(--paper);color:var(--muted);text-align:center;border-radius:18px;margin:14px 0 0;padding:22px 18px;font-size:14px;line-height:1.5}.audit-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.audit-event.settings-card{gap:14px;padding:16px;display:grid}.audit-event>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.audit-event>div:first-child strong{color:var(--ink);font-size:15px}.audit-event>div:first-child span{color:var(--muted);font-size:12px}.audit-event dl{border-top:1px solid var(--line);gap:10px;margin:0;padding-top:12px;display:grid}.audit-event dl div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.audit-event dt{color:var(--muted);flex-shrink:0}.audit-event dd{overflow-wrap:anywhere;text-align:right;margin:0}@media (width<=360px){.audit-filter-card{padding:14px}.audit-filters{gap:12px 8px}}
