: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,.hero-art{width:100%;height:100%;line-height:0;display:inline-block;position:relative}.cat-motion svg,.hero-art svg{width:100%;height:100%;overflow:visible}.cat-motion svg *,.hero-art svg *{transform-box:view-box;transform-origin:50px 50px}.eo-grain{mix-blend-mode:overlay;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:100% 100%;border-radius:50%;position:absolute;inset:18%}.eo-halo{fill:var(--mid);opacity:.32;filter:blur(3px);animation:5s ease-in-out infinite eo-breathe}.eo-sphere{animation:46s linear infinite eo-drift-light}.eo-rim{fill:none;stroke:var(--core);stroke-width:1.4px;opacity:.75}@keyframes eo-breathe{0%,to{opacity:.22;transform:scale(.9)}50%{opacity:.48;transform:scale(1.08)}}@keyframes eo-drift-light{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eo-thin-ring{fill:none;stroke:var(--core);stroke-width:1px;stroke-dasharray:3 7;opacity:.55;animation:24s linear infinite eo-spin}@keyframes eo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eo-ripple{fill:none;stroke:var(--core);stroke-width:2px;animation:3.6s ease-out infinite eo-ripple}.eo-ripple-2{animation-delay:1.8s}@keyframes eo-ripple{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.55)}}.eo-orbit{fill:var(--core);filter:drop-shadow(0 0 3px var(--mid))}.eo-orbit-1{animation:6s linear infinite eo-spin}.eo-orbit-2{animation:8.5s linear infinite reverse eo-spin}.eo-orbit-3{animation:5s linear infinite eo-spin}.eo-converge{fill:none;stroke:var(--core);stroke-width:1.5px;opacity:.5;animation:3.4s ease-in-out infinite eo-tighten}.eo-focus-dot{fill:var(--core);filter:drop-shadow(0 0 4px var(--mid));animation:3.4s ease-in-out infinite eo-dot-glow}@keyframes eo-tighten{0%{opacity:.05;transform:scale(1.35)}60%{opacity:.6;transform:scale(.95)}to{opacity:.3;transform:scale(1)}}@keyframes eo-dot-glow{0%,to{transform:scale(.85)}60%{transform:scale(1.2)}}.eo-rays{animation:20s linear infinite eo-spin}.eo-rays line{stroke:var(--core);stroke-width:2.5px;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 2px var(--mid))}.cat-motion--pulse .eo-sphere{animation:2.8s ease-in-out infinite eo-heartbeat}.eo-heart-ring{fill:none;stroke:var(--core);stroke-width:1.5px;animation:2.8s ease-out infinite eo-heartring}@keyframes eo-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.06)}35%{transform:scale(.98)}50%{transform:scale(1.04)}}@keyframes eo-heartring{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.eo-bar{fill:var(--core);filter:drop-shadow(0 0 4px var(--mid));transform-box:fill-box;transform-origin:bottom}.eo-bar-1{animation:1.1s ease-in-out infinite eo-bounce}.eo-bar-2{animation:.9s ease-in-out .15s infinite eo-bounce}.eo-bar-3{animation:1.3s ease-in-out .3s infinite eo-bounce}@keyframes eo-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.cat-motion--drift .eo-sphere{animation:6s ease-in-out infinite eo-drift-move}@keyframes eo-drift-move{0%,to{transform:translate(-5px)}50%{transform:translate(5px)}}.eo-horizon{stroke:var(--core);stroke-width:1.5px;stroke-dasharray:5 6;opacity:.55;animation:3s linear infinite eo-dash}@keyframes eo-dash{to{stroke-dashoffset:-22px}}.ha-ov-wave-a,.ha-ov-wave-b{fill:none;stroke-linecap:round;stroke-width:2.5px}.ha-ov-wave-a{stroke:var(--core);opacity:.85;animation:3.2s linear infinite ha-drift-a}.ha-ov-wave-b{stroke:var(--deep);stroke-opacity:.9;opacity:.7;animation:3.8s linear infinite ha-drift-b}@keyframes ha-drift-a{0%{transform:translate(0)}to{transform:translate(-24px)}}@keyframes ha-drift-b{0%{transform:translate(0)}to{transform:translate(28px)}}.ha-mail-body{fill:var(--deep);fill-opacity:.55;stroke:var(--core);stroke-width:2px}.ha-mail-flap{fill:none;stroke:var(--core);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ha-spark{fill:var(--core);filter:drop-shadow(0 0 4px var(--mid));transform-box:fill-box;transform-origin:50%}.ha-spark-1{animation:2.4s ease-in-out infinite ha-twinkle}.ha-spark-2{animation:2.4s ease-in-out .6s infinite ha-twinkle}.ha-spark-3{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.08)}}.ha-lock-body{fill:var(--deep);fill-opacity:.6;stroke:var(--core);stroke-width:2px;filter:drop-shadow(0 0 3px var(--mid))}.ha-lock-shackle{fill:none;stroke:var(--core);stroke-width:4px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.cat-motion svg *,.hero-art svg *{animation:none!important}}