:root{--bg:#0c0e1a;--bg-elevated:#151830;--bg-card:#1b1f3d;--border:#2a2f56;--text:#f2f3fb;--text-muted:#9498bd;--accent:#7c8cff;--accent-strong:#5b6aff;--danger:#ff6b81;--success:#4ade80;--radius:18px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at top, #1c2050 0%, var(--bg) 55%);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.screen{max-width:480px;padding:24px 20px calc(24px + var(--safe-bottom));flex-direction:column;gap:16px;min-height:100%;margin:0 auto;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center;min-height:100vh}.muted{color:var(--text-muted)}.muted.small{font-size:.85rem}h1{margin:0;font-size:1.5rem}.primary-button,.secondary-button,.danger-button,.text-button{cursor:pointer;text-align:center;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:600;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;width:100%}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:var(--bg-card);color:var(--text);border:1px solid var(--border);width:100%}.danger-button{color:var(--danger);background:0 0;width:100%}.text-button{color:var(--accent);background:0 0;padding:8px 4px}.icon-button{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:50%;width:48px;height:48px;font-size:1.2rem}.icon-button-spacer{width:48px}.onboarding{justify-content:space-between;min-height:100vh;position:relative}.skip-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:8px}.onboarding-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.onboarding-icon{width:128px;height:128px}.onboarding-dots{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.dot{background:var(--border);border-radius:50%;width:8px;height:8px}.dot.active{background:var(--accent)}.auth-card,.paywall{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 22px;display:flex}.paywall{margin-top:12px}.auth-icon,.paywall-icon{width:72px;height:72px}.auth-form{flex-direction:column;gap:12px;width:100%;display:flex}.auth-form input{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;padding:12px 14px}.perks{text-align:left;flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.perks li span{color:var(--success);margin-right:8px}.home-header{justify-content:space-between;align-items:center;display:flex}.home-email{font-size:1.1rem}.upsell-banner{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#7c8cff40,#5b6aff26);padding:14px 16px;font-weight:500;display:block}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:110px;padding:20px 14px;display:flex}.category-card-icon{width:44px;height:44px}.category-card-title{font-size:.95rem;font-weight:600}.back-link{color:var(--text-muted);font-size:.9rem}.category-header{align-items:center;gap:12px;display:flex}.category-header-icon{flex-shrink:0;width:32px;height:32px}.screen-header{justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-muted);margin:4px 0;font-size:.95rem}.track-list{flex-direction:column;gap:10px;display:flex}.track-row{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.track-row.locked{opacity:.6}.track-row-play{background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.track-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.track-row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.track-row-subtitle{color:var(--text-muted);font-size:.8rem}.track-row-duration{color:var(--text-muted);flex-shrink:0;font-size:.85rem}.player-screen{text-align:center;align-items:center;padding-top:40px}.player-art{background:radial-gradient(circle, var(--bg-card), var(--bg-elevated));border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin:12px 0;font-size:5rem;display:flex}.player-art-motion{width:150px;height:150px}.player-title{font-size:1.3rem}.headphones-hint{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;max-width:320px;padding:10px 14px;font-size:.82rem}.player-seek{width:100%;accent-color:var(--accent)}.player-times{width:100%;color:var(--text-muted);justify-content:space-between;margin-top:-8px;font-size:.8rem;display:flex}.player-controls{justify-content:center;align-items:center;gap:24px;margin-top:12px;display:flex}.play-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.6rem;display:flex}.play-button:disabled{cursor:default;opacity:.85}.tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;gap:8px;padding:4px;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:999px;flex:1;padding:10px;font-weight:600}.tab.active{background:var(--accent);color:#fff}.create-form{flex-direction:column;gap:18px;display:flex}.create-form label{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.9rem;display:flex}.create-form select,.create-form input[type=file]{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:12px 14px}.create-form input[type=range]{accent-color:var(--accent)}.checkbox-label{align-items:center;flex-direction:row!important;gap:10px!important}.job-status{color:var(--text-muted);align-items:center;gap:10px;display:flex}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 18px}.account-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 0;display:flex}.account-row:last-child{border-bottom:none}.account-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.error-banner{border:1px solid var(--danger);color:#ffb3bf;background:#ff6b8126;border-radius:12px;padding:10px 14px;font-size:.9rem}.spinner-wrap{flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinner-label{color:var(--text-muted);font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;padding-bottom:88px}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:10px 8px calc(10px + var(--safe-bottom));background:#151830eb;justify-content:space-around;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:.7rem;display:flex}.bottom-nav-item.active{color:var(--text);background:var(--bg-card)}.bottom-nav-icon{font-size:1.3rem}.cat-motion{width:100%;height:100%;line-height:0;display:inline-block}.cat-motion svg{width:100%;height:100%;overflow:visible}.cat-motion svg *{transform-box:view-box;transform-origin:50px 50px}.cm-glow-halo{fill:var(--c1);opacity:.5;filter:blur(1.5px);animation:4s ease-in-out infinite cm-breathe}.cm-glow-crescent{fill:var(--c2)}@keyframes cm-breathe{0%,to{opacity:.4;transform:scale(.86)}50%{opacity:.75;transform:scale(1.06)}}.cm-ring-core{fill:var(--c1)}.cm-ring-r1,.cm-ring-r2{fill:none;stroke:var(--c1);stroke-width:3px;animation:3.6s ease-out infinite cm-ripple}.cm-ring-r2{animation-delay:1.8s}@keyframes cm-ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.cm-orbit-core{fill:var(--c1)}.cm-orbit-a,.cm-orbit-b,.cm-orbit-c{fill:var(--c2)}.cm-orbit-a{animation:5s linear infinite cm-spin}.cm-orbit-b{animation:7s linear infinite reverse cm-spin}.cm-orbit-c{animation:4s linear infinite cm-spin}@keyframes cm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-focus-halo{fill:none;stroke:var(--c2);stroke-width:2px;opacity:.6;animation:3.2s ease-in-out infinite cm-tighten}.cm-focus-dot{fill:var(--c1);animation:3.2s ease-in-out infinite cm-dot-glow}@keyframes cm-tighten{0%{opacity:.1;transform:scale(1.5)}60%{opacity:.7;transform:scale(.9)}to{opacity:.35;transform:scale(1)}}@keyframes cm-dot-glow{0%,to{transform:scale(.85)}60%{transform:scale(1.15)}}.cm-burst-core{fill:var(--c1);opacity:.85}.cm-burst-p{fill:var(--c2)}.cm-burst-p1{animation:2.6s ease-in infinite cm-rise}.cm-burst-p2{animation:2.2s ease-in .4s infinite cm-rise}.cm-burst-p3{animation:3s ease-in .8s infinite cm-rise}@keyframes cm-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-45px)}}.cm-pulse-core{fill:var(--c1);animation:2.6s ease-in-out infinite cm-heartbeat}.cm-pulse-ring{fill:none;stroke:var(--c2);stroke-width:2px;animation:2.6s ease-out infinite cm-heartring}@keyframes cm-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.1)}35%{transform:scale(.98)}50%{transform:scale(1.06)}}@keyframes cm-heartring{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.3)}}.cm-bar{fill:var(--c1);transform-box:fill-box;transform-origin:bottom}.cm-bar-1{animation:1.1s ease-in-out infinite cm-bounce}.cm-bar-2{animation:.9s ease-in-out .15s infinite cm-bounce}.cm-bar-3{animation:1.3s ease-in-out .3s infinite cm-bounce}@keyframes cm-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.cm-drift-glow{fill:var(--c1);opacity:.5;filter:blur(2px);animation:5s ease-in-out infinite cm-drift}.cm-drift-line{stroke:var(--c2);stroke-width:2px;stroke-dasharray:6 6;animation:3s linear infinite cm-dash}@keyframes cm-drift{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}@keyframes cm-dash{to{stroke-dashoffset:-24px}}.hero-art{width:100%;height:100%;line-height:0;display:inline-block}.hero-art svg{width:100%;height:100%;overflow:visible}.hero-art svg *{transform-box:view-box;transform-origin:50px 50px}.ha-lib-halo{fill:var(--accent);opacity:.35;filter:blur(2px);animation:4s ease-in-out infinite cm-breathe}.ha-lib-crescent{fill:#f5cf6b}.ha-gen-halo{fill:var(--accent);opacity:.18;filter:blur(3px)}.ha-gen-bar{fill:var(--accent);transform-box:fill-box;transform-origin:bottom}.ha-gen-bar-1{animation:1.3s ease-in-out infinite cm-bounce}.ha-gen-bar-2{animation:1.6s ease-in-out .2s infinite cm-bounce}.ha-gen-bar-3{animation:1.1s ease-in-out .4s infinite cm-bounce}.ha-gen-bar-4{animation:1.45s ease-in-out .1s infinite cm-bounce}.ha-ov-halo{fill:var(--accent);opacity:.16;filter:blur(3px)}.ha-ov-wave path{fill:none;stroke-linecap:round}.ha-ov-wave-a path{stroke:#f5cf6b;stroke-width:3px;opacity:.9}.ha-ov-wave-b path{stroke:var(--accent);stroke-width:3px;opacity:.75}.ha-ov-wave-a{animation:3.2s linear infinite ha-drift-a}.ha-ov-wave-b{animation:3.8s linear infinite ha-drift-b}@keyframes ha-drift-a{0%{transform:translate(0)}to{transform:translate(-25px)}}@keyframes ha-drift-b{0%{transform:translate(0)}to{transform:translate(30px)}}.ha-mail-body{fill:var(--bg-card);stroke:var(--accent);stroke-width:3px}.ha-mail-flap{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.ha-mail-ping{fill:none;stroke:var(--accent);stroke-width:2px;animation:3s ease-out infinite cm-ripple}.ha-mail-ping-2{animation-delay:1.5s}.ha-spark{fill:#f5cf6b;transform-box:fill-box;transform-origin:50%}.ha-spark-1{animation:2.4s ease-in-out infinite ha-twinkle}.ha-spark-2{fill:var(--accent);animation:2.4s ease-in-out .6s infinite ha-twinkle}.ha-spark-3{fill:var(--accent);animation:2.4s ease-in-out 1.2s infinite ha-twinkle}@keyframes ha-twinkle{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.05)}}.ha-lock-halo{fill:var(--accent);opacity:.2;filter:blur(3px);animation:3.4s ease-in-out infinite cm-breathe}.ha-lock-body{fill:var(--accent)}.ha-lock-shackle{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.cat-motion svg *,.hero-art svg *{animation:none!important}}