:root{--soundo-bg:#050A12;--soundo-bg-deep:#02060B;--soundo-bg-soft:#07111C;--soundo-surface:#0B1420;--soundo-surface-elevated:#111A27;--soundo-surface-glass:rgba(13,22,34,0.72);--soundo-surface-warm:#17140F;--soundo-gold:#D6A85B;--soundo-gold-light:#F4D58D;--soundo-gold-dark:#9E7432;--soundo-gold-glow:rgba(214,168,91,0.35);--soundo-gold-border:rgba(214,168,91,0.55);--soundo-blue:#3F7FBF;--soundo-blue-light:#6AA9E8;--soundo-blue-dark:#0E2A45;--soundo-blue-glow:rgba(63,127,191,0.30);--soundo-text:#F7F0E4;--soundo-text-secondary:#B9C1D0;--soundo-muted:#7F8A9C;--soundo-text-disabled:#4B5565;--soundo-text-inverse:#090B0F;--soundo-success:#6DD47E;--soundo-warning:#F4C76A;--soundo-danger:#E97878;--soundo-info:#6AA9E8;--soundo-border:rgba(255,255,255,0.11);--soundo-border-soft:rgba(255,255,255,0.07);--soundo-border-gold:rgba(214,168,91,0.48);--soundo-border-active:#D6A85B;--soundo-gradient-app:radial-gradient(circle at 75% 15%,rgba(214,168,91,0.14),transparent 34%),radial-gradient(circle at 20% 80%,rgba(63,127,191,0.16),transparent 40%),linear-gradient(180deg,#050A12,#02060B);--soundo-gradient-gold-button:linear-gradient(135deg,#F4D58D,#D6A85B 45%,#9E7432);--soundo-gradient-glass-card:linear-gradient(145deg,rgba(19,29,43,0.88),rgba(7,13,22,0.92));--soundo-gradient-premium-card:linear-gradient(135deg,rgba(214,168,91,0.18),rgba(9,15,24,0.92) 45%,rgba(63,127,191,0.14));--soundo-font-serif:"Playfair Display","Cormorant Garamond",Georgia,serif;--soundo-font-sans:Inter,"SF Pro Display",system-ui,-apple-system,"Segoe UI",sans-serif;--soundo-font-display-size:48px;--soundo-font-display-line:56px;--soundo-font-page-title-size:42px;--soundo-font-page-title-line:50px;--soundo-font-hero-title-size:34px;--soundo-font-hero-title-line:42px;--soundo-font-card-title-size:24px;--soundo-font-card-title-line:30px;--soundo-font-section-title-size:20px;--soundo-font-section-title-line:26px;--soundo-font-body-size:16px;--soundo-font-body-line:24px;--soundo-font-caption-size:13px;--soundo-font-caption-line:18px;--soundo-font-nav-size:12px;--soundo-font-nav-line:16px;--soundo-letter-spacing-title:-0.02em;--soundo-screen-padding:24px;--soundo-card-gap:14px;--soundo-section-gap:28px;--soundo-radius-xs:10px;--soundo-radius-sm:14px;--soundo-radius-md:18px;--soundo-radius-card:24px;--soundo-radius-lg:24px;--soundo-radius-xl:32px;--soundo-radius-hero:32px;--soundo-radius-pill:999px;--soundo-shadow-card:0 18px 45px rgba(0,0,0,0.35);--soundo-shadow-gold-glow:0 0 28px rgba(214,168,91,0.20);--soundo-shadow-blue-glow:0 0 34px rgba(63,127,191,0.20);--soundo-bottom-nav-height:86px;--soundo-bottom-nav-bg:rgba(6,12,22,0.92);--soundo-bottom-nav-border:1px solid rgba(255,255,255,0.10);--soundo-bottom-nav-radius:30px;--soundo-bottom-nav-active-bg:linear-gradient(180deg,rgba(214,168,91,0.16),rgba(255,255,255,0.04));--soundo-bottom-nav-active-icon:#F4D58D;--soundo-bottom-nav-active-label:#F4D58D;--soundo-bottom-nav-active-shadow:0 0 28px rgba(214,168,91,0.22);--soundo-bottom-nav-inactive-icon:#7F8A9C;--soundo-bottom-nav-inactive-label:#7F8A9C;--soundo-hero-height:300px;--soundo-hero-radius:32px;--soundo-hero-border:1px solid rgba(255,255,255,0.14);--soundo-playlist-card-height:112px;--soundo-playlist-card-radius:24px;--soundo-playlist-card-border:1px solid rgba(255,255,255,0.10);--soundo-playlist-thumbnail-width:135px;--soundo-playlist-thumbnail-height:92px;--soundo-playlist-thumbnail-radius:18px;--soundo-play-button-size:56px;--soundo-play-button-bg:rgba(0,0,0,0.30);--soundo-play-button-border:1px solid rgba(214,168,91,0.60);--soundo-play-button-icon:#F4D58D;--soundo-search-bar-height:58px;--soundo-search-bar-bg:rgba(9,15,24,0.82);--soundo-search-bar-border:1px solid rgba(214,168,91,0.45);--soundo-search-bar-icon:#F4D58D;--soundo-search-bar-placeholder:#7F8A9C;--soundo-filter-chip-height:42px;--soundo-filter-chip-active-border:#D6A85B;--soundo-filter-chip-active-text:#F4D58D;--soundo-filter-chip-inactive-bg:rgba(255,255,255,0.05);--soundo-filter-chip-inactive-text:#B9C1D0;--soundo-play-artwork-height:390px;--soundo-play-primary-size:96px;--soundo-play-secondary-size:64px;--soundo-progress-active:#D6A85B;--soundo-progress-inactive:rgba(255,255,255,0.10)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:var(--soundo-gradient-app);background-color:var(--soundo-bg);color:var(--soundo-text);font-family:var(--soundo-font-sans);font-size:var(--soundo-font-body-size);line-height:var(--soundo-font-body-line);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}.app-shell{min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column}.app-main{flex:1 1;padding:var(--soundo-screen-padding);padding-bottom:calc(var(--soundo-bottom-nav-height) + var(--soundo-screen-padding) + 12px)}.screen-header{margin-bottom:var(--soundo-section-gap)}.screen-title{margin:0;font-family:var(--soundo-font-serif);font-size:var(--soundo-font-page-title-size);line-height:var(--soundo-font-page-title-line);letter-spacing:var(--soundo-letter-spacing-title);color:var(--soundo-gold-light)}.screen-subtitle{margin:8px 0 0;font-size:var(--soundo-font-body-size);line-height:var(--soundo-font-body-line);color:var(--soundo-muted)}.placeholder-card{background:var(--soundo-gradient-glass-card);border:var(--soundo-playlist-card-border);border-radius:var(--soundo-radius-card);box-shadow:var(--soundo-shadow-card);padding:20px;margin-bottom:var(--soundo-card-gap)}.placeholder-card h2{margin:0 0 8px;font-family:var(--soundo-font-serif);font-size:var(--soundo-font-card-title-size);line-height:var(--soundo-font-card-title-line);color:var(--soundo-text)}.placeholder-card p{margin:0;color:var(--soundo-text-secondary);line-height:var(--soundo-font-caption-line)}.placeholder-badge,.placeholder-card p{font-size:var(--soundo-font-caption-size)}.placeholder-badge{display:inline-block;margin-top:12px;padding:4px 10px;border-radius:var(--soundo-radius-pill);border:1px solid var(--soundo-border-gold);color:var(--soundo-gold-light);font-weight:600}@media (min-width:481px){.app-shell{border-left:1px solid var(--soundo-border-soft);border-right:1px solid var(--soundo-border-soft)}}.admin-root{min-height:100dvh;background:var(--soundo-gradient-app);background-color:var(--soundo-bg)}.admin-shell{max-width:960px;margin:0 auto;padding:var(--soundo-screen-padding);padding-bottom:48px}.admin-header{margin-bottom:var(--soundo-section-gap)}.admin-header-top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.admin-dev-badge,.admin-env-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--soundo-radius-pill);font-size:var(--soundo-font-caption-size);font-weight:600;letter-spacing:.02em}.admin-env-badge{border:1px solid var(--soundo-border-gold);color:var(--soundo-gold-light);background:rgba(214,168,91,.08)}.admin-dev-badge{border:1px solid rgba(233,120,120,.45);color:var(--soundo-danger);background:rgba(233,120,120,.08)}.admin-title{margin:0;font-family:var(--soundo-font-serif);font-size:var(--soundo-font-page-title-size);line-height:var(--soundo-font-page-title-line);color:var(--soundo-gold-light)}.admin-subtitle{margin:8px 0 0;color:var(--soundo-muted);font-size:var(--soundo-font-body-size)}.admin-api-url{margin:10px 0 0;color:var(--soundo-text-secondary);word-break:break-all}.admin-api-url,.admin-warning{font-size:var(--soundo-font-caption-size)}.admin-warning{margin-bottom:var(--soundo-section-gap);padding:14px 16px;border-radius:var(--soundo-radius-card);border:1px solid rgba(244,199,106,.35);background:rgba(244,199,106,.08);color:var(--soundo-warning);line-height:var(--soundo-font-caption-line)}.admin-warning code{color:var(--soundo-gold-light)}.admin-card{background:var(--soundo-gradient-glass-card);border:var(--soundo-playlist-card-border);border-radius:var(--soundo-radius-card);box-shadow:var(--soundo-shadow-card);padding:20px;margin-bottom:var(--soundo-card-gap)}.admin-card h2{margin:0 0 14px;font-family:var(--soundo-font-serif);font-size:var(--soundo-font-section-title-size);line-height:var(--soundo-font-section-title-line);color:var(--soundo-text)}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-card-head h2{margin:0}.admin-card-head-actions{display:flex;gap:8px;flex-shrink:0}.admin-upload-warning{color:#e8c468;margin:0}.admin-field input[type=file]{padding:8px 0;border:none;background:transparent}.admin-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin:0}.admin-kv div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--soundo-border-soft)}.admin-kv dt{margin:0 0 4px;font-size:var(--soundo-font-caption-size);color:var(--soundo-muted)}.admin-kv dd{margin:0;font-size:var(--soundo-font-body-size);color:var(--soundo-text)}.admin-ok{color:var(--soundo-success);font-weight:600}.admin-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px}.admin-summary-item{padding:14px;border-radius:14px;background:var(--soundo-gradient-premium-card);border:1px solid var(--soundo-border-gold)}.admin-summary-value{display:block;font-family:var(--soundo-font-serif);font-size:28px;line-height:1.1;color:var(--soundo-gold-light)}.admin-summary-label{display:block;margin-top:6px;font-size:var(--soundo-font-caption-size);color:var(--soundo-text-secondary)}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.admin-btn{padding:10px 16px;border-radius:var(--soundo-radius-pill);font-size:var(--soundo-font-caption-size);font-weight:600;transition:opacity .15s ease}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-btn-primary{color:var(--soundo-text-inverse);background:var(--soundo-gradient-gold-button);box-shadow:0 8px 24px var(--soundo-gold-glow)}.admin-btn-secondary{color:var(--soundo-gold-light);border:1px solid var(--soundo-border-gold);background:rgba(214,168,91,.08)}.admin-btn-ghost{border:1px solid var(--soundo-border-soft);background:transparent}.admin-btn-ghost,.admin-toggle{color:var(--soundo-text-secondary)}.admin-toggle{display:flex;align-items:center;gap:8px}.admin-action-message,.admin-toggle{font-size:var(--soundo-font-caption-size)}.admin-action-message{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(109,212,126,.1);border:1px solid rgba(109,212,126,.35);color:var(--soundo-success)}.admin-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.admin-links a{color:var(--soundo-blue-light);font-size:var(--soundo-font-caption-size);text-decoration:underline}.admin-error{color:var(--soundo-danger)}.admin-error,.admin-muted{margin:0;font-size:var(--soundo-font-caption-size)}.admin-caption,.admin-muted{color:var(--soundo-muted)}.admin-caption{margin:12px 0 0;font-size:var(--soundo-font-caption-size)}.admin-debug{margin:0;padding:14px;border-radius:12px;background:var(--soundo-bg-deep);border:1px solid var(--soundo-border-soft);color:var(--soundo-text-secondary);font-size:12px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.admin-roadmap-intro{margin-bottom:14px}.admin-roadmap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.admin-roadmap-item{padding:12px 14px;border-radius:12px;border:1px solid var(--soundo-border-soft);background:rgba(6,12,22,.45)}.admin-roadmap-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.admin-roadmap-module{font-weight:600;color:var(--soundo-text-primary)}.admin-roadmap-summary{margin:0;font-size:var(--soundo-font-caption-size);color:var(--soundo-text-muted);line-height:1.45}.admin-roadmap-badge{flex-shrink:0;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.admin-roadmap-badge-working{color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35)}.admin-roadmap-badge-partial{color:var(--soundo-gold-light);background:rgba(214,168,91,.12);border:1px solid rgba(214,168,91,.35)}.admin-roadmap-badge-pending{color:var(--soundo-text-muted);background:rgba(127,138,156,.12);border:1px solid var(--soundo-border-soft)}.admin-login-shell{max-width:520px}.admin-login-form{gap:14px}.admin-field,.admin-login-form{display:flex;flex-direction:column}.admin-field{gap:6px;font-size:var(--soundo-font-caption-size);color:var(--soundo-text-secondary)}.admin-field input{padding:10px 12px;border-radius:10px;border:1px solid var(--soundo-border-soft);background:var(--soundo-bg-deep);color:var(--soundo-text-primary)}.admin-login-request{align-self:flex-start}.admin-dev-code{padding:12px;border-radius:10px;border:1px dashed rgba(214,168,91,.45);background:rgba(214,168,91,.08);font-size:var(--soundo-font-caption-size)}.admin-dev-code code{display:block;margin-top:6px;word-break:break-all}.admin-actions-top{margin-bottom:4px}.admin-publish-notice{margin-top:0}.admin-sound-filters{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px}.admin-field-inline{flex:0 1 140px;min-width:120px}.admin-field-grow{flex:1 1 180px}.admin-field textarea,.admin-field-inline select{width:100%;padding:8px 10px;border-radius:var(--soundo-radius-sm,8px);border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:var(--soundo-text)}.admin-sound-list{display:flex;flex-direction:column;gap:10px}.admin-sound-row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:12px;border-radius:var(--soundo-radius-sm,8px);border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}.admin-sound-row-main{flex:1 1;min-width:0}.admin-sound-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-sound-status{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.08)}.admin-sound-status-published{color:#8fd4a8}.admin-sound-meta,.admin-sound-status-archived{color:var(--soundo-muted)}.admin-sound-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:6px 0 0;font-size:12px}.admin-sound-meta-sub{margin-top:4px}.admin-sound-url{display:block;margin-top:6px;font-size:11px;color:var(--soundo-gold-light);word-break:break-all;opacity:.85}.admin-sound-row-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.admin-btn-icon{min-width:36px;padding-inline:10px}.admin-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:16px}.admin-modal{width:min(520px,100%);max-height:min(90vh,720px);overflow:auto;background:var(--soundo-bg,#1a1410);border:1px solid rgba(255,255,255,.12);border-radius:var(--soundo-radius-card,12px);padding:16px;box-shadow:var(--soundo-shadow-card)}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-modal-head h3{margin:0;font-size:18px}.admin-modal-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.admin-modal-actions{display:flex;gap:8px;margin-top:16px}.admin-playlist-toolbar{margin-bottom:12px}.admin-playlist-layout{display:grid;grid-template-columns:minmax(180px,240px) 1fr;grid-gap:16px;gap:16px}@media (max-width:760px){.admin-playlist-layout{grid-template-columns:1fr}}.admin-playlist-list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto}.admin-playlist-recipe{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:10px 12px;border-radius:var(--soundo-radius-sm,8px);border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);color:inherit}.admin-playlist-recipe-active{border-color:rgba(212,175,95,.45);background:rgba(212,175,95,.08)}.admin-playlist-detail h3{margin:0 0 6px}.admin-playlist-items{display:flex;flex-direction:column;gap:10px;margin-top:12px}.admin-playlist-item{padding:12px;border-radius:var(--soundo-radius-sm,8px);border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.14)}.admin-playlist-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.admin-playlist-item-actions{display:flex;gap:4px;flex-wrap:wrap}.admin-playlist-item-fields{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.admin-today-preview-card strong{color:var(--soundo-gold-light)}.admin-theme-preview-card{margin-bottom:12px}.admin-tag-chips{display:flex;flex-wrap:wrap;gap:6px}.admin-tag-chip{font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--soundo-gold-light,#e8c872)}.admin-visual-preview{width:100%;max-width:280px;max-height:180px;object-fit:cover;border-radius:var(--soundo-radius-card,12px);border:1px solid rgba(255,255,255,.12);margin-bottom:12px;background:rgba(0,0,0,.25)}.admin-visual-preview-placeholder{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center}.admin-visual-create{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-visual-assign{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.admin-preflight-banner{margin:12px 0}.admin-preflight-inline{margin:0 0 8px}.admin-preflight-checks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.admin-preflight-check{border:1px solid rgba(255,255,255,.08);border-radius:var(--soundo-radius-card,12px);padding:10px 12px}.admin-preflight-check-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.admin-preflight-check-id{font-size:12px;opacity:.85}.admin-preflight-check-message{margin:0;font-size:14px}.admin-preflight-details{margin-top:8px}.admin-preflight-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.admin-preflight-badge-pass{background:rgba(80,200,120,.15);color:#7ddea0}.admin-preflight-badge-warn{background:rgba(232,200,114,.15);color:var(--soundo-gold-light,#e8c872)}.admin-preflight-badge-fail{background:rgba(240,96,96,.15);color:#f08080}