/* Locally available typefaces are preferred; no external font request is required. */
.hardware-volume{grid-column:1/-1;color:#aaa;font-size:.65rem;text-align:center;padding-top:4px}
:root{color-scheme:dark;--green:#25A725;--panel:#1D1D1D;--muted:#a9a9a9;--line:#343434;font-family:Inter,Arial,system-ui,sans-serif;background:#101010;color:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding-bottom:190px}body:has(#player[hidden]){padding-bottom:0}[hidden]{display:none!important}button,input,select{font:inherit}select{appearance:none;-webkit-appearance:none;min-height:48px;padding-right:30px!important;background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%)!important;background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%!important;background-size:5px 5px!important;background-repeat:no-repeat!important}button,a,input,select{-webkit-tap-highlight-color:transparent}button{min-height:44px;padding:11px 17px;border:1px solid #454545;border-radius:7px;background:#242424;color:#fff;font-size:.85rem;font-weight:650;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){background:#363636;border-color:#a1a1a1}button:disabled{opacity:.42;cursor:default}.green{background:var(--green);color:#fff;border-color:var(--green)}.green:hover:not(:disabled){background:#208f20;border-color:#fff}button[aria-pressed=true]{color:#88ef88;border-color:var(--green);background:#173417}:focus-visible{outline:3px solid #86ed86;outline-offset:4px}a{color:inherit}input:not([type=range],[type=checkbox]),select{width:100%;min-height:48px;border:1px solid #555;border-radius:6px;background:#151515;color:#fff;padding:12px}input[type=file]{padding:10px;font-size:.85rem}input::file-selector-button{padding:8px;border:0;border-radius:3px;margin-right:10px}input[type=range]{accent-color:var(--green);min-height:44px;min-width:0;width:100%;cursor:pointer}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:10px}p{color:var(--muted);line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,.mark{font-family:Oswald,'Arial Narrow',Impact,sans-serif}h1{font-size:clamp(3.6rem,8vw,7.6rem);letter-spacing:-.045em;line-height:1.02;margin-bottom:24px;font-weight:800}h1 span{color:var(--green)}h2{font-size:2.05rem;line-height:1.1;letter-spacing:-.025em;margin-bottom:12px}h3{font-size:1.2rem}.eyebrow{font-size:.66rem;font-weight:750;letter-spacing:.17em;color:var(--muted);line-height:1.6}.fine{font-size:.78rem;line-height:1.65}.masthead{height:94px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px}.mark{text-decoration:none;font-size:2.1rem;letter-spacing:-.055em;font-weight:900}.brand-dot{font-family:Arial,sans-serif;font-size:.6rem;vertical-align:top;display:inline-block;margin:7px 0 0 5px;letter-spacing:0}.mast-caption{color:#aaa}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.badge{text-transform:uppercase;font-size:.65rem;letter-spacing:.12em;background:#1b341b;color:#8ee58e;padding:7px 10px;border-radius:4px}.skip{position:absolute;top:-100px;left:12px;background:#fff;color:#000;padding:14px;z-index:20}.skip:focus{top:12px}main{max-width:1500px;margin:auto;padding:0 5%}.login-layout{min-height:calc(100svh - 94px);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:10%;padding:70px 0}.login-story{position:relative;isolation:isolate}.signal{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #25a72517}.intro{font-size:1rem;line-height:1.75}.login-foot{margin:50px 0 0}.grooves{position:absolute;width:240px;height:240px;border-radius:50%;background:repeating-radial-gradient(circle,#222 0px,#222 2px,#111 3px,#111 10px);border:1px solid #333;right:-25px;top:140px;z-index:-1;display:grid;place-items:center;transform:rotate(-16deg)}.grooves span{background:var(--green);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:2.5rem;font-weight:800}.login-card{padding:42px;background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:450px;width:100%}.login-card h2{font-size:2.8rem;margin-top:22px}.login-card>p{font-size:.88rem}.login-card label{margin-top:25px}.login-card button{width:100%;margin-top:28px;display:flex;justify-content:space-between}.login-card .fine{margin:22px 0 0;font-size:.73rem}.error{color:#ffaaaa!important;white-space:pre-line}.error:empty{display:none}.library-hero{padding:48px 0 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.library-hero h1{font-size:clamp(3.5rem,6vw,6rem);margin:12px 0 0}.hero-note{display:flex;align-items:center;gap:25px}.hero-note p{font-size:.8rem;margin:0}.disc-mini{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#2e2e2e 0,#2e2e2e 1px,#171717 2px,#171717 6px);color:var(--green);font-size:2.2rem;font-weight:900}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px;padding:36px 0 50px}.sidebar{border-right:1px solid var(--line);padding-right:24px}.sidebar label{margin:24px 0 12px}.sidebar button{width:100%;margin-top:10px;text-align:left}.sidebar select{font-size:.86rem}.queue-help{margin-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-heading h2{overflow-wrap:anywhere}.section-heading .eyebrow{margin-bottom:10px}.section-heading .fine{margin-bottom:10px}.view-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.view-tools button{font-size:.76rem}#status{font-size:.85rem;margin:15px 0;white-space:pre-line}#status:empty{margin:0}.list-head{display:flex;justify-content:space-between;padding:20px 10px 12px;color:#929292;font-size:.6rem;font-weight:700;letter-spacing:.1em;border-bottom:1px solid var(--line)}.tracks{list-style:none;padding:0;margin:0}.tracks li{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid #292929}.tracks li.active{background:#152615}.track{border:0;background:transparent;display:flex;align-items:center;gap:16px;flex:1;text-align:left;min-width:0;padding:8px 10px}.track-number{font-size:.8rem;color:#929292;width:23px;flex:none}.track-copy{min-width:0;flex:1}.track b{display:block;font-weight:600;font-size:.92rem;overflow-wrap:anywhere}.track small{display:block;color:var(--muted);font-weight:400;font-size:.68rem;margin-top:6px}.active .track b,.active .track-number{color:#70db70}.track-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.track-actions button{padding:8px 12px;font-size:.72rem}.danger{color:#ffb0b0}.empty{text-align:center;padding:48px 20px}.empty>span{display:block;font-size:3.5rem;color:var(--green);margin-bottom:12px}.empty p{max-width:390px;margin:0 auto;font-size:.85rem}.admin-panel{padding:32px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.admin-panel p{font-size:.85rem}.admin-panel .eyebrow{font-size:.65rem}.admin-panel h2{font-size:2.4rem}.admin-panel form{min-width:0}.admin-panel .fine{font-size:.72rem;margin:10px 0 16px}.player{position:fixed;bottom:0;left:0;right:0;background:#1d1d1df5;backdrop-filter:blur(14px);border-top:1px solid #454545;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,1.2fr) minmax(120px,.55fr);align-items:center;gap:35px;padding:17px 5% calc(17px + env(safe-area-inset-bottom));z-index:5}.now-playing{display:flex;gap:15px;align-items:center;min-width:0}.cover{display:grid;place-items:center;width:56px;height:56px;background:var(--green);font-size:2rem;font-weight:900;flex:none;border-radius:4px}.now-playing>div{min-width:0}.now-playing .eyebrow{font-size:.56rem}.now-playing strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:.86rem}.now-playing small{display:block;font-size:.65rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{display:flex;align-items:center;justify-content:center;gap:18px}.controls button{font-size:1.1rem;min-width:44px;border:0;background:transparent}.controls .play{background:var(--green);border-radius:50%;width:46px;height:46px;padding:0}.seek{display:flex;align-items:center;gap:10px}.seek span{font-variant-numeric:tabular-nums;font-size:.66rem;color:#bcbcbc;min-width:30px}.volume label{font-size:.7rem;margin:0}.volume small{display:block;font-size:.58rem;color:var(--muted);line-height:1.5}.playback-notice{grid-column:1/-1;display:flex;gap:12px;align-items:center;justify-content:center;border-top:1px solid #444;padding-top:10px;font-size:.8rem;color:#f4d49b}dialog{border:1px solid #555;background:var(--panel);color:white;border-radius:12px;padding:28px;width:min(550px,calc(100% - 28px));max-height:85svh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{margin:0;font-size:1.8rem}.dialog-heading button{font-size:1.4rem}#dialog-description{margin:18px 0;font-size:.85rem;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.check-list{max-height:40svh;overflow:auto}.check-row{display:flex;gap:14px;align-items:center;min-height:48px;padding:10px 6px;border-bottom:1px solid #373737;margin:0;overflow-wrap:anywhere}.check-row input{accent-color:var(--green);width:20px;height:20px;flex:none}.check-row span{min-width:0}.dialog-actions button{min-width:95px}@media(min-width:1500px){.masthead{padding-inline:calc((100vw - 1350px)/2)}}@media(max-width:900px){.mast-caption{display:none}.workspace{grid-template-columns:170px minmax(0,1fr);gap:24px}.sidebar{padding-right:18px}.track-actions{max-width:155px}.hero-note{display:none}.player{gap:18px;grid-template-columns:minmax(0,1fr) minmax(240px,1fr)}.volume{display:none}.login-layout{gap:6%}.login-card{padding:28px}.grooves{opacity:.65;right:-10px}.admin-panel{gap:24px}.list-head span:last-child{display:none}}@media(max-width:600px){body{padding-bottom:240px}.masthead{height:76px;padding-inline:6%;gap:12px}.mark{font-size:1.8rem}.header-actions{gap:8px}.header-actions button{font-size:.75rem;padding:10px}.badge{font-size:.56rem;padding:6px}main{padding-inline:6%}.login-layout{display:block;padding:38px 0;min-height:0}.login-story h1{font-size:4.5rem}.login-story .intro{font-size:.88rem}.login-foot{display:none}.grooves{right:6%;top:50px;width:170px;height:170px}.login-card{max-width:none;margin-top:34px}.library-hero{padding:32px 0 24px}.library-hero h1{font-size:3.6rem}.workspace{display:block;padding-top:20px}.sidebar{border:0;padding:0;margin-bottom:26px}.sidebar>.eyebrow,.queue-help{display:none}.sidebar label{margin-top:0}.sidebar button{width:auto;margin-right:5px}.sidebar #library-count{margin:8px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.85rem}.section-heading>.green{font-size:.74rem;max-width:125px}.view-tools button{padding:10px 12px}.tracks li{flex-wrap:wrap;padding:8px 0}.track{flex-basis:100%;padding:6px}.track-actions{max-width:none;padding-left:39px}.track-actions button{min-height:44px}.admin-panel{display:block;padding:23px}.admin-panel form{margin-top:24px}.admin-panel h2{font-size:2rem}.player{grid-template-columns:1fr;gap:3px;padding:12px 6% calc(10px + env(safe-area-inset-bottom))}.now-playing{gap:12px}.cover{width:40px;height:40px;font-size:1.5rem}.now-playing .eyebrow{display:none}.now-playing strong{margin-top:0}.transport{display:flex;flex-direction:column}.controls{gap:23px}.seek{width:100%;margin-top:0}.playback-notice{font-size:.72rem;padding-top:5px;gap:8px}.playback-notice button{font-size:.72rem;padding:8px;flex:none}.now-playing small{font-size:.6rem}dialog{padding:22px}.login-card h2{font-size:2.4rem}}@media(max-height:550px) and (orientation:landscape){.player{padding-block:8px;grid-template-columns:minmax(0,1fr) minmax(230px,1fr)}.now-playing .cover{display:none}.transport{display:block}.volume{display:none}body{padding-bottom:160px}.login-layout{padding-block:30px}.login-story h1{font-size:4rem}.grooves{display:none}.login-foot{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.mark{display:inline-flex;align-items:center;gap:.55rem}
.mark-logo{height:1.15em;width:auto;display:block}
@media (max-width:640px){.mark-logo{height:1em}}