:root{--color-navy:#0a284a;--color-navy-deep:#071d3a;--color-navy-soft:#173a61;--color-red:#a6281c;--color-red-bright:#c5211a;--color-red-dark:#7e2018;--color-cream:#f3e4c8;--color-cream-light:#fff4dc;--color-paper:#fbe8cb;--color-sand:#dfc9a6;--color-muted:#9d9c99;--color-line:#c9b79e;--color-ink:#0f1f30;--color-white:#fff8e8;--color-success:#2d6b55;--color-warning:#b46a18;--color-danger:#a6281c;--color-overlay:#071d3ab8;--font-size-display-xl:64px;--font-size-display-l:52px;--font-size-h1:40px;--font-size-h2:30px;--font-size-h3:24px;--font-size-body-l:20px;--font-size-body:18px;--font-size-body-s:15px;--font-size-caption:13px;--font-size-micro:11px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-none:0;--radius-s:6px;--radius-m:10px;--radius-l:16px;--radius-xl:24px;--radius-round:999px;--font-display:"Bebas Neue", "Roboto Condensed", "Arial Narrow", sans-serif;--font-body:"Montserrat", "Noto Sans", Arial, sans-serif;--shadow-soft:0 12px 32px #071d3a1f;--shadow-lifted:0 18px 48px #071d3a33;--shadow-focus:0 0 0 4px #c5211a3d;--motion-fast:.12s;--motion-normal:.22s;--motion-ease:cubic-bezier(.2,.8,.2,1);--screen-padding:32px;--mini-player-height:96px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}body{font-family:var(--font-body);color:var(--color-navy);background:var(--color-cream);-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{box-shadow:var(--shadow-focus);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background-image:url(/assets/paper-texture-1024-Co39saP2.png);background-size:1024px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.025em;line-height:.95}.screen{min-height:100dvh;padding:clamp(20px,3vw,40px);padding-bottom:calc(var(--mini-player-height) + 28px);position:relative;overflow:hidden}.screen__content{z-index:2;max-width:1120px;position:relative}.screen__decor{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-red);font-size:13px;font-weight:700}.muted{color:#0a284aad}.icon--l{width:32px;height:32px}.cover{aspect-ratio:1;object-fit:cover;background:var(--color-sand);border-radius:6px;width:64px}#root{min-height:100dvh}.search-screen{min-height:100dvh;padding:max(var(--space-8), env(safe-area-inset-top)) max(var(--space-8), env(safe-area-inset-right)) calc(var(--mini-player-height) + var(--space-8) + env(safe-area-inset-bottom)) max(var(--space-8), env(safe-area-inset-left));background:var(--color-cream) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20800'%3e%3crect%20width='1280'%20height='800'%20fill='%23F3E4C8'/%3e%3cpath%20d='M1280%200h-228l228%20225z'%20fill='%230A284A'/%3e%3ccircle%20cx='1240'%20cy='183'%20r='96'%20fill='%23A6281C'/%3e%3c/svg%3e") top right / cover no-repeat;position:relative;overflow:hidden}.search-screen__content{z-index:2;width:min(100%,1120px);margin:0 auto;position:relative}.search-header{align-items:center;gap:var(--space-8);grid-template-columns:48px minmax(0,760px);display:grid}.back-button{width:48px;height:48px;color:var(--color-navy);background:0 0;border:0;place-items:center;padding:0;display:grid}.search-form{width:100%}.search-field{align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-4);color:var(--color-navy);border:1.5px solid var(--color-navy);border-radius:var(--radius-m);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff4dca8;width:100%;display:flex}.search-field input{min-width:0;color:inherit;font-size:var(--font-size-body);background:0 0;border:0;outline:0;flex:1}.search-clear{width:48px;height:48px;color:var(--color-navy);background:0 0;border:0;flex:0 0 48px;place-items:center;padding:0;display:grid}.icon{width:24px;height:24px}.icon-btn{width:48px;height:48px;color:var(--color-navy);background:0 0;border:1.5px solid;border-radius:50%;place-items:center;padding:0;display:grid}.icon-btn--accent{color:var(--color-cream-light);background:var(--color-red);border-color:var(--color-red)}.icon-btn:disabled{opacity:.42;cursor:not-allowed}.tabs{gap:var(--space-8);max-width:760px;margin:var(--space-8) 0 0 80px;border-bottom:1px solid #0a284a33;display:flex}.tab{min-height:48px;padding-inline:var(--space-4);color:var(--color-navy);font-family:var(--font-display);font-size:var(--font-size-h3);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;position:relative}.tab[aria-selected=true]{font-weight:800}.tab[aria-selected=true]:after{background:var(--color-red);content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0}.tab:disabled{opacity:1;cursor:default}.search-status{min-height:24px;margin:var(--space-4) 0 var(--space-2) 80px;color:#0a284aad;font-size:var(--font-size-caption)}.track-list{gap:0;margin-left:80px;display:grid}.track-row{align-items:center;gap:var(--space-4);min-height:80px;padding:var(--space-2) var(--space-3);background:#fff4dc75;border-bottom:1px solid #0a284a24;grid-template-columns:56px minmax(0,1fr) auto auto;display:grid}.track-row .cover{width:56px;height:56px}.track-row--active{margin:var(--space-1) 0;border:1.5px solid var(--color-red);border-radius:var(--radius-m);background:#fff4dcb8}.track-row .icon-btn{justify-self:end}.track__title,.track__artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track__time{text-align:right;min-width:44px}.status-banner{align-items:flex-start;gap:var(--space-3);max-width:760px;margin:var(--space-8) auto;padding:var(--space-4);color:var(--color-navy);border-left:4px solid var(--color-red);background:#fff4dcbf;display:flex}.status-banner>.icon{color:var(--color-red)}.status-banner>div{gap:var(--space-2);display:grid}.retry-button{min-height:48px;padding:0 var(--space-4);color:var(--color-navy);border-radius:var(--radius-s);background:0 0;border:1px solid;justify-self:start}.empty-state{max-width:480px;margin-left:auto;margin-right:auto;margin-top:var(--space-16);text-align:center}.empty-state>.icon{margin:0 auto var(--space-4);color:var(--color-red)}.empty-state strong,.empty-state span{display:block}.empty-state span{margin-top:var(--space-2);color:#0a284aad}.track-row--skeleton{pointer-events:none}.skeleton-cover,.skeleton-copy,.skeleton-time,.skeleton-action{background:#9d9c994d;animation:1.2s ease-in-out infinite pulse;display:block}.skeleton-cover{border-radius:var(--radius-s);width:56px;height:56px}.skeleton-copy{border-radius:var(--radius-s);width:min(60%,320px);height:20px}.skeleton-time{border-radius:var(--radius-s);width:40px;height:16px}.skeleton-action{border-radius:50%;width:48px;height:48px}@keyframes pulse{50%{opacity:.5}}.mini-player{z-index:30;min-height:var(--mini-player-height);padding:var(--space-3) clamp(var(--space-5), 3vw, var(--space-10));color:var(--color-white);background:var(--color-navy);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #071d3a24}.mini-player .cover{width:64px;height:64px}.mini-player__actions{gap:var(--space-4)}.player-action{min-height:48px;padding:0 var(--space-4);color:var(--color-white);border-radius:var(--radius-s);background:0 0;border:1px solid}.storage-status{max-width:240px;color:var(--color-white);font-size:var(--font-size-caption)}@media (width<=820px){.search-screen{padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-5), env(safe-area-inset-right)) calc(var(--mini-player-height) + var(--space-4) + env(safe-area-inset-bottom)) max(var(--space-5), env(safe-area-inset-left))}.search-header{gap:var(--space-3);grid-template-columns:48px minmax(0,1fr)}.tabs,.search-status,.track-list{margin-left:0}.tabs{gap:var(--space-2);justify-content:space-between}.tab{padding-inline:var(--space-2);font-size:var(--font-size-body);flex:1}.track-row{gap:var(--space-3);grid-template-columns:48px 1fr auto}.track-row .cover{width:48px;height:48px}.track-row .track__time{display:none}.mini-player{padding-inline:var(--space-4)}.mini-player__artist,.storage-status{display:none}.player-action{white-space:nowrap;max-width:48px;padding:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){.skeleton-cover,.skeleton-copy,.skeleton-time,.skeleton-action{animation:none}}.app-screen{min-height:100dvh;padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-8), env(safe-area-inset-right)) calc(var(--mini-player-height) + var(--space-8) + env(safe-area-inset-bottom)) max(var(--space-8), env(safe-area-inset-left));color:var(--color-navy);background-color:var(--color-cream);background-position:50%;background-size:cover;position:relative;overflow:hidden}.app-screen--home{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20800'%3e%3crect%20width='1280'%20height='800'%20fill='%23F3E4C8'/%3e%3cpath%20d='M1280%200H975L720%20384l270%20416h290z'%20fill='%230A284A'/%3e%3ccircle%20cx='890'%20cy='298'%20r='150'%20fill='%23A6281C'/%3e%3cpath%20d='m720%20384%20120%20116-100%2096-96-145z'%20fill='%23F3E4C8'/%3e%3c/svg%3e")}.app-screen--search{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20800'%3e%3crect%20width='1280'%20height='800'%20fill='%23F3E4C8'/%3e%3cpath%20d='M1280%200h-228l228%20225z'%20fill='%230A284A'/%3e%3ccircle%20cx='1240'%20cy='183'%20r='96'%20fill='%23A6281C'/%3e%3c/svg%3e")}.app-screen--queue{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20800'%3e%3crect%20width='1280'%20height='800'%20fill='%23F3E4C8'/%3e%3ccircle%20cx='1258'%20cy='246'%20r='154'%20fill='%23A6281C'/%3e%3cpath%20d='m1280%20470-210%20220%20210%20110z'%20fill='%230A284A'/%3e%3c/svg%3e")}.app-screen--now-playing{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20800'%3e%3crect%20width='1280'%20height='800'%20fill='%23F3E4C8'/%3e%3cpath%20d='m1280%20285-316%20310%20316%20205z'%20fill='%230A284A'/%3e%3cpath%20d='m1280%20645-174%20155h174z'%20fill='%23A6281C'/%3e%3c/svg%3e")}.app-screen--pause{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20800'%3e%3cdefs%3e%3cradialGradient%20id='r1'%3e%3cstop%20offset='0'%20stop-color='%23A6281C'%20stop-opacity='.96'/%3e%3cstop%20offset='1'%20stop-color='%23A6281C'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='c1'%3e%3cstop%20offset='0'%20stop-color='%23F3E4C8'%20stop-opacity='.9'/%3e%3cstop%20offset='1'%20stop-color='%23F3E4C8'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='1280'%20height='800'%20fill='%23071D3A'/%3e%3cellipse%20cx='80'%20cy='80'%20rx='430'%20ry='400'%20fill='url(%23r1)'/%3e%3cellipse%20cx='1210'%20cy='760'%20rx='430'%20ry='400'%20fill='url(%23r1)'/%3e%3cellipse%20cx='640'%20cy='120'%20rx='520'%20ry='260'%20fill='url(%23c1)'/%3e%3cellipse%20cx='650'%20cy='720'%20rx='520'%20ry='250'%20fill='url(%23c1)'/%3e%3crect%20width='1280'%20height='800'%20fill='%23071D3A'%20opacity='.18'/%3e%3c/svg%3e")}.app-screen--admin{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201280%20800'%3e%3crect%20width='1280'%20height='800'%20fill='%23F3E4C8'/%3e%3cpath%20d='M1280%200h-230l230%20225zM1280%20320l-165%20160%20165%20150z'%20fill='%230A284A'/%3e%3ccircle%20cx='1248'%20cy='390'%20r='88'%20fill='%23A6281C'/%3e%3c/svg%3e")}.app-header,.app-screen__content{z-index:2;width:min(100%,1120px);margin-inline:auto;position:relative}.app-header{gap:var(--space-8);grid-template-columns:auto 1fr auto;align-items:center;min-height:56px;display:grid}.brand-lockup,.top-nav__item,.mini-player__track{color:inherit;background:0 0;border:0;padding:0}.brand-lockup{gap:var(--space-2);min-height:48px;font-family:var(--font-display);font-size:var(--font-size-h2);letter-spacing:.08em;align-items:center;display:flex}.brand-lockup__mark{width:36px;height:36px;color:var(--color-cream-light);background:var(--color-red);border-radius:50%;place-items:center;display:grid}.top-nav{justify-content:center;gap:var(--space-2);display:flex}.top-nav__item{gap:var(--space-2);min-height:48px;padding-inline:var(--space-4);color:#0a284ab8;border-bottom:2px solid #0000;align-items:center;display:inline-flex}.top-nav__item--active{color:var(--color-red);border-bottom-color:var(--color-red)}.header-settings{justify-self:end}.screen-panel{min-height:calc(100dvh - 176px);padding-top:var(--space-16)}.search-panel{padding-top:var(--space-8)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-red);font-size:var(--font-size-caption);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.screen-panel h1,.screen-panel h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:800;line-height:.94}.home-panel{max-width:900px;padding-top:clamp(var(--space-12), 12vh, var(--space-24));position:relative}.home-panel h1{font-size:clamp(var(--font-size-h1), 7vw, var(--font-size-display-xl))}.home-panel__lead{max-width:440px;margin:var(--space-8) 0;font-size:var(--font-size-body-l);line-height:1.45}.home-panel__actions,.now-playing__actions,.admin-panel__actions{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.primary-button,.secondary-button{gap:var(--space-3);min-height:56px;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--font-size-body);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-s);justify-content:center;align-items:center;display:inline-flex}.primary-button{color:var(--color-cream-light);background:var(--color-red);border:1.5px solid var(--color-red)}.secondary-button{color:var(--color-navy);border:1.5px solid var(--color-navy);background:#fff4dc85}.primary-button:disabled{opacity:.45;cursor:not-allowed}.home-panel__stamp{width:120px;height:120px;color:var(--color-red);font-family:var(--font-display);font-size:var(--font-size-h2);text-align:center;border:2px solid;border-radius:50%;place-items:center;line-height:.8;display:grid;position:absolute;bottom:8%;right:8%;transform:rotate(-12deg)}.search-panel .search-header{grid-template-columns:48px minmax(0,760px)}.search-panel .tabs,.search-panel .search-status,.search-panel .track-list{max-width:760px}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.section-heading h1{font-size:clamp(var(--font-size-h1), 5vw, var(--font-size-display-l))}.queue-count{color:#0a284aad;font-size:var(--font-size-caption)}.queue-list{background:#fff4dc6b;max-width:980px}.queue-row{gap:var(--space-4);min-height:80px;padding:var(--space-2) var(--space-4);border-bottom:1px solid #0a284a29;grid-template-columns:48px 64px minmax(0,1fr) auto auto;align-items:center;display:grid}.queue-row .cover{width:64px;height:64px}.queue-row--current{border-left:4px solid var(--color-red);background:#fff4dcc7}.queue-row__position{color:#0a284a9e;min-width:32px;font-family:var(--font-display);font-size:var(--font-size-h3);place-items:center;display:grid}.queue-row--current .queue-row__position{color:var(--color-red)}.queue-row__admin{gap:var(--space-1);flex-wrap:wrap;justify-content:end;display:flex}.icon-btn--danger{color:var(--color-danger)}.queue-clear{margin-top:var(--space-6)}.queue-empty{margin-top:var(--space-12)}.queue-empty .primary-button{margin-top:var(--space-6)}.now-playing-panel{gap:clamp(var(--space-8), 8vw, var(--space-16));grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:center;max-width:1000px;margin-inline:auto;display:grid}.now-playing__art{aspect-ratio:1;width:min(100%,420px)}.now-playing__art .cover{border-radius:var(--radius-l);width:100%;height:100%;box-shadow:var(--shadow-lifted)}.now-playing__copy h1{font-size:clamp(var(--font-size-h1), 5vw, var(--font-size-display-l))}.now-playing__copy>p:not(.eyebrow){margin:var(--space-3) 0 0;font-size:var(--font-size-body-l)}.progress-wrap{margin:var(--space-10) 0 var(--space-8);pointer-events:none}.progress-track{border-radius:var(--radius-round);background:#0a284a33;height:8px;overflow:hidden}.progress-track span{background:var(--color-red);border-radius:inherit;height:100%;display:block}.progress-times{margin-top:var(--space-2);color:#0a284aad;font-size:var(--font-size-caption);justify-content:space-between;display:flex}.icon-btn--large{width:64px;height:64px}.pause-panel{text-align:center;place-content:center;justify-items:center;min-height:calc(100dvh - 176px);display:grid}.pause-panel h1{font-size:clamp(var(--font-size-display-l), 9vw, 112px)}.pause-panel>p:not(.eyebrow){margin:var(--space-6) 0 var(--space-8);font-size:var(--font-size-body-l)}.admin-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;display:grid}.diagnostic-card{min-height:148px;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);background:#fff4dcb8}.diagnostic-card span,.diagnostic-card strong,.diagnostic-card small{display:block}.diagnostic-card span{color:#0a284aad;font-size:var(--font-size-caption)}.diagnostic-card strong{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-display);font-size:var(--font-size-h2);text-transform:uppercase}.diagnostic-card small{color:#0a284aad}.admin-panel__actions{margin-top:var(--space-8)}.pin-dialog-backdrop{z-index:60;padding:var(--space-5);background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.pin-dialog{width:min(100%,440px);padding:var(--space-8);color:var(--color-navy);background:var(--color-cream-light);border:2px solid var(--color-navy);border-radius:var(--radius-m);box-shadow:var(--shadow-lifted);position:relative}.pin-dialog h2{font-size:var(--font-size-h1)}.pin-dialog>p:not(.eyebrow){margin:var(--space-3) 0 var(--space-6)}.pin-dialog__close{top:var(--space-3);right:var(--space-3);width:48px;height:48px;color:var(--color-navy);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.pin-field{gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--font-size-caption);font-weight:700;display:grid}.pin-field input{width:100%;height:56px;padding-inline:var(--space-4);color:var(--color-navy);background:var(--color-white);border:1.5px solid var(--color-navy);border-radius:var(--radius-s);font-size:var(--font-size-body-l);letter-spacing:.24em}.pin-error{color:var(--color-danger);font-size:var(--font-size-caption)}.pin-dialog .primary-button{width:100%}.mini-player__track{gap:var(--space-3);min-width:0;color:var(--color-white);text-align:left;align-items:center;display:flex}.mini-player__copy{gap:var(--space-1);min-width:0;display:grid}.mini-player__title,.mini-player__artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-player .icon-btn{color:var(--color-white);border-color:var(--color-white)}.mini-player__actions{align-items:center;display:flex}button:focus-visible,input:focus-visible{outline:3px solid var(--color-red-bright);outline-offset:3px}@media (width<=820px){.app-screen{padding-inline:max(var(--space-5), env(safe-area-inset-left))}.app-header{gap:var(--space-3);grid-template-columns:auto 1fr auto}.brand-lockup{font-size:var(--font-size-h3)}.top-nav{gap:0}.top-nav__item{padding-inline:var(--space-2);flex:0 0 48px;justify-content:center;width:48px;min-width:48px}.top-nav__item span{display:none}.screen-panel{padding-top:var(--space-8)}.home-panel{padding-top:var(--space-12)}.home-panel__stamp{width:88px;height:88px;font-size:var(--font-size-h3);bottom:4%;right:0}.queue-row{gap:var(--space-3);grid-template-columns:32px 48px minmax(0,1fr) auto}.queue-row .cover{width:48px;height:48px}.queue-row .track__time{display:none}.queue-row__admin{grid-column:3/-1;justify-content:start}.now-playing-panel{gap:var(--space-8);grid-template-columns:minmax(0,1fr);max-width:560px}.now-playing__art{width:min(100%,320px);margin-inline:auto}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-player{padding-inline:var(--space-4)}.storage-status{display:none}}@media (width<=560px){.app-header{grid-template-columns:1fr auto}.top-nav{border-top:1px solid #0a284a29;grid-area:2/1/auto/-1;justify-content:space-between}.top-nav__item{flex:1;justify-content:center;width:auto}.app-screen{padding-top:var(--space-3)}.app-screen__content{margin-top:var(--space-3)}.search-panel .search-header{gap:var(--space-2);grid-template-columns:40px minmax(0,1fr)}.search-panel .back-button{width:40px}.primary-button,.secondary-button{width:100%}.admin-grid{grid-template-columns:1fr}.mini-player__artist,.player-action{display:none}}