@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-main:#07080e;--bg-gradient:radial-gradient(circle at 10% -10%, #8b5cf640 0%, transparent 55%), radial-gradient(circle at 90% 15%, #d4f9521a 0%, transparent 45%), radial-gradient(circle at 50% 90%, #c4b5fd0f 0%, transparent 50%), #07080e;--panel-bg:#16171b73;--panel-bg-opaque:#16171b;--panel-bg-hover:#1e1f2599;--panel-border:#ffffff0d;--panel-border-hover:#d4f95233;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#4b5563;--accent-lime:#d4f952;--accent-lime-hover:#c4ec43;--accent-lime-glow:#d4f95259;--accent-lavender:#c4b5fd;--accent-lavender-dark:#b1a0f5;--accent-lavender-glow:#c4b5fd59;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--border-radius-sm:16px;--border-radius-md:26px;--border-radius-lg:32px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.34, 1.56, .64, 1);--input-bg:#0000004d;--card-sub-bg:#ffffff05;--card-sub-border:#ffffff0d;--btn-sub-bg:#ffffff0a;--btn-sub-border:#ffffff0f;--tabbar-bg:#0b0c10d9;--accent-active-text:#000;--accent-highlight-text:var(--accent-lime);--card-shadow:inset 0 1px 0 0 #ffffff14, inset 0 -1px 0 0 #0003, 0 4px 6px -1px #00000026, 0 12px 30px -10px #00000080;--card-shadow-hover:inset 0 1px 0 0 #ffffff26, inset 0 -1px 0 0 #0000004d, 0 10px 20px -8px #0000004d, 0 25px 45px -15px #000000b3, 0 0 25px -5px var(--accent-lime-glow);--playlist-shadow:0 2px 4px #00000026;--playlist-shadow-hover:0 6px 15px #00000059;--tabbar-shadow:inset 0 1px 0 0 #ffffff1a, 0 4px 6px -1px #0000001a, 0 20px 45px -10px #000000d9}html[data-theme=light]{--bg-main:#f5f8fc;--bg-gradient:radial-gradient(circle at 10% -10%, #7c3aed29 0%, transparent 55%), radial-gradient(circle at 90% 15%, #76c7131f 0%, transparent 45%), radial-gradient(circle at 50% 90%, #7c3aed0f 0%, transparent 50%), #f5f8fc;--panel-bg:#ffffffbf;--panel-bg-opaque:#fff;--panel-bg-hover:#ffffffe6;--panel-border:#00000014;--panel-border-hover:#7c3aed59;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-lime:#76c713;--accent-lime-hover:#65a30d;--accent-lime-glow:#76c71340;--accent-lavender:#7c3aed;--accent-lavender-dark:#6d28d9;--accent-lavender-glow:#7c3aed40;--input-bg:#0000000a;--card-sub-bg:#00000005;--card-sub-border:#0000000f;--btn-sub-bg:#00000008;--btn-sub-border:#0000000f;--tabbar-bg:#fffffff5;--accent-active-text:#fff;--accent-highlight-text:var(--accent-lavender);--flashcard-back-bg:linear-gradient(135deg, #fff 0%, #7c3aed14 100%);--card-shadow:0 4px 16px #0000000a, 0 2px 4px #00000005;--card-shadow-hover:0 10px 24px #0000000f, 0 4px 8px #00000008, 0 0 20px -5px var(--accent-lime-glow);--playlist-shadow:0 2px 6px #00000008;--playlist-shadow-hover:0 6px 16px #0000000f;--tabbar-shadow:0 10px 24px #0000000a, 0 4px 8px #00000005}html[data-theme=dark]{--bg-main:#07080e;--bg-gradient:radial-gradient(circle at 10% -10%, #8b5cf640 0%, transparent 55%), radial-gradient(circle at 90% 15%, #d4f9521a 0%, transparent 45%), radial-gradient(circle at 50% 90%, #c4b5fd0f 0%, transparent 50%), #07080e;--panel-bg:#16171b73;--panel-bg-opaque:#16171b;--panel-bg-hover:#1e1f2599;--panel-border:#ffffff0d;--panel-border-hover:#d4f95233;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#4b5563;--accent-lime:#d4f952;--accent-lime-hover:#c4ec43;--accent-lime-glow:#d4f95259;--accent-lavender:#c4b5fd;--accent-lavender-dark:#b1a0f5;--accent-lavender-glow:#c4b5fd59;--input-bg:#0000004d;--card-sub-bg:#ffffff05;--card-sub-border:#ffffff0d;--btn-sub-bg:#ffffff0a;--btn-sub-border:#ffffff0f;--tabbar-bg:#0b0c10d9;--accent-active-text:#000;--accent-highlight-text:var(--accent-lime);--flashcard-back-bg:linear-gradient(135deg, #13141b 0%, #8b5cf614 100%);--card-shadow:inset 0 1px 0 0 #ffffff14, inset 0 -1px 0 0 #0003, 0 4px 6px -1px #00000026, 0 12px 30px -10px #00000080;--card-shadow-hover:inset 0 1px 0 0 #ffffff26, inset 0 -1px 0 0 #0000004d, 0 10px 20px -8px #0000004d, 0 25px 45px -15px #000000b3, 0 0 25px -5px var(--accent-lime-glow);--playlist-shadow:0 2px 4px #00000026;--playlist-shadow-hover:0 6px 15px #00000059;--tabbar-shadow:inset 0 1px 0 0 #ffffff1a, 0 4px 6px -1px #0000001a, 0 20px 45px -10px #000000d9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-main);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.5}.app-container{width:100%;max-width:100%;min-height:100vh;padding-top:env(safe-area-inset-top,0px);background:var(--bg-main);background-image:var(--bg-gradient);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 110px)!important}@media (width>=768px){.app-container{max-width:100%;box-shadow:none;border-left:none;border-right:none;padding-top:24px}}.web-landing-container{background:var(--bg-main);background-image:var(--bg-gradient);background-attachment:fixed;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:700}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);transition:border-color .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),scale .3s cubic-bezier(.25,.8,.25,1),translate .3s cubic-bezier(.25,.8,.25,1);position:relative}.glass-panel:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background-image:radial-gradient(#ffffff04 1px,#0000 0);background-size:8px 8px;position:absolute;inset:0}html[data-theme=light] .glass-panel:before{background-image:radial-gradient(#00000003 1px,#0000 0)}.glass-panel:hover{border-color:var(--panel-border-hover);box-shadow:var(--card-shadow-hover);translate:0 -3px;scale:1.015}.chips-container{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.chips-container::-webkit-scrollbar{display:none}.chip-btn{font-family:var(--font-heading);cursor:pointer;white-space:nowrap;color:var(--text-secondary);background:var(--btn-sub-bg);border:1px solid var(--btn-sub-border);box-shadow:0 2px 0 0 #00000026, inset 0 1px 0 0 var(--panel-border);border-radius:30px;justify-content:center;align-items:center;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.chip-btn.active{background-color:var(--accent-lime);color:var(--accent-active-text);border-color:var(--accent-lime);box-shadow:0 0px 0 transparent, inset 0 1.5px 2px #ffffff4d, 0 6px 20px var(--accent-lime-glow);translate:0}.chip-btn:hover:not(.active){background:var(--panel-bg-hover);color:var(--text-primary);box-shadow:0 3.5px 0 #00000040, inset 0 1px 0 var(--panel-border);translate:0 -1.5px}.playlist-item{background:var(--card-sub-bg);border:1px solid var(--card-sub-border);box-shadow:var(--playlist-shadow);border-radius:20px;align-items:center;gap:12px;padding:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.playlist-item:before{content:"";background:var(--accent-lime);opacity:0;border-radius:0 4px 4px 0;width:3px;height:60%;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:20%;left:0;scale:.5}.playlist-item:hover{background:var(--panel-bg-hover);border-color:var(--panel-border-hover);box-shadow:var(--playlist-shadow-hover);translate:3px;scale:1.015}.playlist-item:hover:before{opacity:1;height:80%;top:10%;scale:1}.play-btn-circle{background:var(--input-bg);border:1px solid var(--panel-border);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:var(--transition-bounce);border-radius:50%;justify-content:center;align-items:center;display:flex}.play-btn-circle:hover{background:var(--accent-lime);color:#000;border-color:var(--accent-lime);box-shadow:0 0 15px var(--accent-lime-glow);transform:scale(1.08)rotate(360deg)}.play-btn-circle:active{transform:scale(.95)}.play-btn-circle.playing{background:var(--accent-lime);color:#000;animation:1.5s infinite alternate pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 8px var(--accent-lime-glow)}to{box-shadow:0 0 20px #d4f95299}}.floating-tabbar{bottom:calc(env(safe-area-inset-bottom,0px) + 24px);border-radius:var(--border-radius-lg);background:var(--tabbar-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--panel-border);width:calc(100% - 40px);max-width:440px;height:72px;box-shadow:var(--tabbar-shadow);z-index:1000;justify-content:space-around;align-items:center;margin:0 auto;padding:0 16px;transition:bottom .3s;display:flex;position:fixed;left:0;right:0}.tab-btn{width:46px;height:46px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.tab-btn:after{content:"";background:var(--accent-lime);opacity:0;width:4px;height:4px;box-shadow:0 0 8px var(--accent-lime-glow);border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:2px;left:50%;translate:-50%;scale:.5}.tab-btn:hover:not(.active){color:var(--text-primary);translate:0 -2px}@keyframes activeIconPop{0%{rotate:-8deg;scale:.8}50%{rotate:4deg;scale:1.15}to{rotate:0deg;scale:1}}.tab-btn.active{background-color:var(--accent-lime);color:var(--accent-active-text);box-shadow:0 5px 20px var(--accent-lime-glow);translate:0 -4px;scale:1.08}.tab-btn.active:after{opacity:1;border-radius:2px;width:14px;height:3px;bottom:4px;scale:1}.tab-btn.active svg{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards activeIconPop;color:var(--accent-active-text)!important}.word-highlight{color:var(--text-secondary);transition:var(--transition-smooth);display:inline-block;position:relative}.word-highlight.active{color:var(--text-primary);text-shadow:0 0 10px var(--accent-lavender-glow);font-weight:600}@keyframes pulseMic{0%{transform:scale(1);box-shadow:0 0 10px #d4f95233}to{transform:scale(1.05);box-shadow:0 0 35px #d4f95280}}.recording-mic-btn{animation:1s ease-in-out infinite alternate pulseMic;border-color:var(--accent-lime)!important}@keyframes scaleUpFade{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.page-transition{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleUpFade}@keyframes pulseRing{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.6)}}.pulse-ring{border:2px solid var(--accent-lime);pointer-events:none;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(.215,.61,.355,1) infinite pulseRing;position:absolute;top:0;left:0}.pulse-ring:nth-child(2){border-color:var(--accent-lavender);animation-delay:.6s}.pulse-ring:nth-child(3){border-color:var(--accent-lime);animation-delay:1.2s}.recording-overlay{-webkit-backdrop-filter:blur(28px);z-index:1200;padding:calc(env(safe-area-inset-top,0px) + 30px) 30px calc(env(safe-area-inset-bottom,0px) + 30px);background:#060814f0;flex-direction:column;justify-content:center;align-items:center;animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInOverlay;display:flex;position:absolute;inset:0}@keyframes fadeInOverlay{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.visualizer-container{justify-content:center;align-items:center;gap:5px;width:100%;height:100px;margin:30px 0;display:flex}.visualizer-bar{width:4px;height:var(--volume-height,8px);background-color:var(--accent-lime);border-radius:2px;transition:height 80ms cubic-bezier(.4,0,.2,1)}.visualizer-bar:nth-child(2n){background-color:var(--accent-lavender)}@keyframes pulseOpacity{0%,to{opacity:.4}50%{opacity:1}}.pulsing-text{animation:1.5s ease-in-out infinite pulseOpacity}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{transition:var(--transition-smooth);background:#ffffff1f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}button:active,.tab-btn:active,.chip-btn:active,.play-btn-circle:active,.playlist-item:active,[role=button]:active{transition:transform .1s cubic-bezier(.16,1,.3,1)!important;transform:scale(.96)translateY(0)!important}@keyframes card-reveal-scroll{0%{opacity:.1;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.scroll-reveal-item{animation:linear both card-reveal-scroll;animation-timeline:view();animation-range:entry 2% cover 22%}}@media (prefers-reduced-motion:reduce){.scroll-reveal-item{opacity:1!important;animation:none!important;transform:none!important}}.launch-logo-container{animation:1.8s cubic-bezier(.34,1.56,.64,1) infinite alternate logoSpawn}@keyframes logoSpawn{0%{filter:drop-shadow(0 0 15px #d4f9524d);transform:scale(.9)}to{filter:drop-shadow(0 0 40px #d4f952b3);transform:scale(1.06)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ell-1{animation:1.8s ease-in-out infinite wave1}.ell-2{animation:1.4s ease-in-out infinite wave2}.ell-3{animation:2s ease-in-out infinite wave3}.ell-4{animation:1.5s ease-in-out infinite wave4}.ell-5{animation:1.7s ease-in-out infinite wave5}.ell-6{animation:1.3s ease-in-out infinite wave6}.ell-7{animation:2.2s ease-in-out infinite wave7}.ell-8{animation:1.6s ease-in-out infinite wave8}@keyframes wave1{0%,to{transform:translateY(0)}50%{transform:translateY(-45px)}}@keyframes wave2{0%,to{transform:translateY(0)}50%{transform:translateY(80px)}}@keyframes wave3{0%,to{transform:translateY(0)}50%{transform:translateY(-110px)}}@keyframes wave4{0%,to{transform:translateY(0)}50%{transform:translateY(120px)}}@keyframes wave5{0%,to{transform:translateY(0)}50%{transform:translateY(-100px)}}@keyframes wave6{0%,to{transform:translateY(0)}50%{transform:translateY(50px)}}@keyframes wave7{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes wave8{0%,to{transform:translateY(0)}50%{transform:translateY(24px)}}.bg-glow-orb{pointer-events:none;filter:blur(120px);opacity:.12;z-index:0;mix-blend-mode:screen;border-radius:50%;width:320px;height:320px;position:absolute}.orb-1{background:var(--accent-lime);animation:20s ease-in-out infinite alternate floatOrb1;top:-100px;left:-100px}.orb-2{background:var(--accent-lavender);animation:25s ease-in-out infinite alternate floatOrb2;bottom:100px;right:-100px}.orb-3{background:#7c3aed;animation:28s ease-in-out infinite alternate floatOrb3;top:40%;left:50%}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}to{transform:translate(120px,80px)scale(1.3)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-100px,-120px)scale(.85)}}@keyframes floatOrb3{0%{transform:translate(-50%,-50%)scale(.9)}to{transform:translate(40px,80px)scale(1.2)}}.glass-panel-lime:hover{translate:0 -3px;scale:1.015;border-color:#d4f95266!important;box-shadow:0 15px 35px #0000008c,inset 0 1px #ffffff1f,0 0 25px #d4f95240!important}.glass-panel-lavender:hover{translate:0 -3px;scale:1.015;border-color:#c4b5fd66!important;box-shadow:0 15px 35px #0000008c,inset 0 1px #ffffff1f,0 0 25px #c4b5fd40!important}.flashcard-perspective{perspective:1200px;cursor:pointer;width:100%;height:250px}.flashcard-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;box-sizing:border-box;border:1px solid var(--panel-border);border-radius:28px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 6px 12px -2px #00000040,0 20px 40px -15px #0009}.flashcard-front{background:var(--panel-bg-opaque);color:var(--text-primary);border-color:var(--panel-border)}.flashcard-back{background:var(--flashcard-back-bg);color:var(--text-primary);border-color:var(--panel-border);transform:rotateY(180deg);box-shadow:0 0 30px #c4b5fd0d}.flashcard-front:after,.flashcard-back:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 45%,#ffffff05 48%,#ffffff0f 50%,#ffffff05 52%,#0000 55%);width:300%;height:300%;transition:transform .6s cubic-bezier(.25,.8,.25,1);position:absolute;top:-150%;left:-150%;transform:translate(-10%,-10%)}.flashcard-perspective:hover .flashcard-front:after,.flashcard-inner.flipped:hover .flashcard-back:after{transform:translate(20%,20%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.tools-section{flex-direction:column;gap:10px;margin-top:10px;display:flex}.calc-container{background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);border-radius:var(--border-radius-md);flex-direction:column;gap:14px;padding:20px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 10px 25px -5px #0006}.calc-container:hover{border-color:#d4f95226;box-shadow:inset 0 1px #ffffff1f,0 15px 35px -5px #00000080,0 0 20px #d4f9520d}.calc-row{align-items:center;gap:10px;width:100%;display:flex}.calc-input-wrapper{flex:1;position:relative}.calc-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#00000059;border:1px solid #ffffff0f;border-radius:14px;outline:none;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border-color .25s,box-shadow .25s;box-shadow:inset 0 2px 4px #00000040}.calc-input:focus{border-color:var(--accent-lime);box-shadow:inset 0 2px 4px #00000040, 0 0 12px var(--accent-lime-glow)}.calc-unit{color:var(--text-secondary);font-size:.75rem;font-weight:700;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.calc-arrow{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.calc-result-box{text-align:center;background:linear-gradient(135deg,#d4f95205 0%,#d4f95214 100%);border:1px solid #d4f95226;border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff05,0 4px 15px #0003}.calc-result-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.calc-result-value{color:var(--accent-highlight-text);text-shadow:0 0 10px var(--accent-lime-glow);font-size:1.4rem;font-weight:800}.calc-rate-info{color:var(--text-muted);font-size:.65rem}@keyframes homeSlideUpFade{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.stagger-item{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards homeSlideUpFade}.stagger-1{animation-delay:40ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.16s}.stagger-4{animation-delay:.22s}.stagger-5{animation-delay:.28s}.welcome-banner{background:linear-gradient(135deg,#d4f95226 0%,#c4b5fd14 100%);border:1px solid #d4f9522e;border-radius:24px;padding:20px;transition:border-color .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 32px #0000004d}.welcome-banner:hover{border-color:#d4f95266;transform:translateY(-2px);box-shadow:0 12px 40px #d4f9521a,0 0 25px #d4f9521a}.home-btn-primary{background:var(--accent-lime);color:#000;cursor:pointer;box-shadow:0 4px 15px var(--accent-lime-glow);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.75rem;font-weight:800;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.34,1.56,.64,1),background .25s;display:inline-flex}.home-btn-primary:hover{background:#e2ff6b;transform:scale(1.04);box-shadow:0 6px 20px #d4f95299}.home-btn-primary:active{transform:scale(.97)}.home-btn-secondary{background:var(--btn-sub-bg);border:1px solid var(--btn-sub-border);color:var(--text-primary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.75rem;font-weight:800;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .25s,border-color .25s;display:inline-flex}.home-btn-secondary:hover{background-color:var(--panel-bg-hover);border-color:var(--panel-border-hover);transform:scale(1.04)}.home-btn-secondary:active{transform:scale(.97)}.home-stat-card{cursor:pointer;text-align:center;border:1px solid var(--panel-border);background:var(--card-sub-bg);box-sizing:border-box;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 8px;transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),background-color .3s;display:flex}.home-stat-card:hover{border-color:var(--panel-border-hover);background-color:var(--panel-bg-hover);box-shadow:var(--playlist-shadow-hover);transform:translateY(-3px)scale(1.025)}.home-stat-card:hover .home-stat-count{text-shadow:0 0 8px var(--accent-lime-glow);color:var(--accent-highlight-text)!important}.home-stat-count{color:var(--text-primary);font-family:monospace;font-size:1.25rem;font-weight:800;transition:color .3s,text-shadow .3s}.home-tool-card{cursor:pointer;border:1px solid var(--panel-border);background:var(--card-sub-bg);text-align:left;box-sizing:border-box;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),background-color .3s;display:flex}.home-tool-card:hover{border-color:var(--panel-border-hover);background-color:var(--panel-bg-hover);box-shadow:var(--playlist-shadow-hover);transform:translateY(-2px)scale(1.015)}.home-tool-card .tool-arrow{transition:transform .3s cubic-bezier(.25,.8,.25,1),color .3s}.home-tool-card:hover .tool-arrow{transform:translate(4px);color:var(--accent-highlight-text)!important}.home-tool-card:hover .tool-icon{filter:drop-shadow(0 0 5px var(--accent-lime-glow));color:var(--accent-highlight-text)!important}.tool-icon{transition:color .3s,filter .3s}.home-session-card{background:var(--card-sub-bg);border:1px solid var(--panel-border);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.75rem;font-weight:600;transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s cubic-bezier(.25,.8,.25,1),background-color .3s,box-shadow .3s;display:flex}.home-session-card:hover{border-color:var(--panel-border-hover);background-color:var(--panel-bg-hover);box-shadow:var(--playlist-shadow-hover);transform:translate(4px)}.home-session-card:hover .home-session-title{color:var(--accent-highlight-text)!important}.home-session-title{transition:color .3s}.home-header-btn{background:var(--btn-sub-bg);border:1px solid var(--btn-sub-border);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .25s,border-color .25s,box-shadow .25s;display:flex}.home-header-btn:hover{background-color:var(--panel-bg-hover);border-color:var(--panel-border-hover);box-shadow:var(--playlist-shadow-hover);color:var(--accent-highlight-text);transform:scale(1.08)}.home-header-btn:active{transform:scale(.95)}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInShareOverlay{0%{-webkit-backdrop-filter:blur();background-color:#0000}to{-webkit-backdrop-filter:blur(10px);background-color:#000000a6}}.playlist-item:hover .tool-arrow{transform:translate(4px);color:var(--accent-highlight-text)!important}.playlist-item:hover .tool-icon{filter:drop-shadow(0 0 5px var(--accent-lime-glow));color:var(--accent-highlight-text)!important}.playlist-item .tool-icon,.playlist-item .tool-arrow{transition:color .3s,transform .3s,filter .3s}html[data-theme=light] .welcome-banner{background:var(--accent-lime)!important;border:1px solid #00000005!important;box-shadow:0 8px 24px #76c71326!important}html[data-theme=light] .welcome-banner h3,html[data-theme=light] .welcome-banner p{color:#fff!important}html[data-theme=light] .welcome-banner .home-btn-primary,html[data-theme=light] .welcome-banner .home-btn-secondary{color:#000!important;background:#fff!important;border:1px solid #0000000d!important;box-shadow:0 4px 10px #0000000d!important}html[data-theme=light] .welcome-banner .home-btn-primary:hover,html[data-theme=light] .welcome-banner .home-btn-secondary:hover{color:#000!important;background:#f8fafc!important;box-shadow:0 6px 14px #00000014!important}html[data-theme=light] .tab-btn.active:after{box-shadow:none!important;background:#fff!important}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);padding-right:40px!important}html[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}select:hover{box-shadow:0 0 10px #d4f9520d;border-color:var(--panel-border-hover)!important}select:focus{border-color:var(--accent-lime)!important;box-shadow:0 0 12px var(--accent-lime-glow)!important}@keyframes cardAppear{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.card-appear{animation:.45s cubic-bezier(.16,1,.3,1) forwards cardAppear}.playlist-item.card-appear:first-child,.glass-panel.card-appear:first-child{animation-delay:20ms}.playlist-item.card-appear:nth-child(2),.glass-panel.card-appear:nth-child(2){animation-delay:60ms}.playlist-item.card-appear:nth-child(3),.glass-panel.card-appear:nth-child(3){animation-delay:.1s}.playlist-item.card-appear:nth-child(4),.glass-panel.card-appear:nth-child(4){animation-delay:.14s}.playlist-item.card-appear:nth-child(5),.glass-panel.card-appear:nth-child(5){animation-delay:.18s}.playlist-item.card-appear:nth-child(n+6),.glass-panel.card-appear:nth-child(n+6){animation-delay:.22s}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-24px)scale(.92)}60%{transform:translateY(4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-animated{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards toastSlideIn}@keyframes breathingWave{0%,to{height:8px}50%{height:28px}}.visualizer-bar-idle{animation:1.6s ease-in-out infinite breathingWave}.visualizer-bar-idle:nth-child(2n){animation-duration:1.2s}.visualizer-bar-idle:nth-child(3n){animation-duration:2s}.scroll-x-container,.chips-container,[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch}.avatar-dropdown{background:var(--tabbar-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);width:160px;box-shadow:var(--card-shadow-hover);z-index:1000;transform-origin:100% 0;border-radius:16px;flex-direction:column;gap:4px;padding:6px;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.9)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.avatar-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.avatar-dropdown-item:hover{background:var(--btn-sub-bg);color:var(--accent-highlight-text)}html[data-theme=light] .avatar-dropdown-item:hover{background:#0000000d}.avatar-dropdown-item *{pointer-events:none}.main-content{flex-direction:column;flex:1;gap:20px;padding:24px 20px 0;display:flex}@media (width>=768px){.main-content{padding:24px 40px 0!important}}.subscription-panel-wrapper{flex-direction:column;gap:24px;width:100%;max-width:480px;margin:0 auto;padding-bottom:40px;display:flex}.subscription-header{text-align:center;margin-top:10px}.subscription-content-grid{flex-direction:column;gap:24px;width:100%;display:flex}.subscription-features-column,.subscription-checkout-column{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}.subscription-disclaimer{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.65rem;line-height:1.4}@media (width>=768px){.subscription-panel-wrapper{max-width:1000px}.subscription-content-grid{flex-direction:row;align-items:stretch;gap:32px}.subscription-features-column{flex:1.1}.subscription-checkout-column{flex:1;justify-content:flex-start}.subscription-features-column .glass-panel{box-sizing:border-box;flex-direction:column;justify-content:center;height:100%;display:flex}}@media (width<=400px){.floating-tabbar{width:calc(100% - 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);padding:0 8px}.tab-btn{width:38px;height:38px}}