@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-deep: #060A14;--bg-card: #0D1424;--bg-surface: #111B30;--bg-elevated: #172038;--bg-glass: rgba(13, 20, 36, .82);--border: rgba(255,255,255,.07);--border-light: rgba(255,255,255,.12);--border-accent: rgba(99,179,237,.25);--text-primary: #E8F0FE;--text-secondary: #7B93C0;--text-muted: #3D5280;--accent-blue: #4A9EFF;--accent-cyan: #00D4FF;--accent-green: #00E676;--accent-amber: #FFB300;--accent-red: #FF5252;--accent-purple: #B06EFF;--accent-pink: #FF6D99;--accent-orange: #FF8A65;--accent-blue-rgb: 74,158,255;--accent-cyan-rgb: 0,212,255;--green-rgb: 0,230,118;--amber-rgb: 255,179,0;--red-rgb: 255,82,82;--purple-rgb: 176,110,255;--pink-rgb: 255,109,153;--orange-rgb: 255,138,101;--on-accent: #060A14;--accent-deep: #1A6DFF;--accent-blue-soft: #60A5FA;--hero-1: #0D2847;--hero-2: #091E3A;--hero-3: #060F24;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--nav-h: 76px;--shadow-card: 0 8px 32px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.14);--shadow-glow-blue: 0 0 24px rgba(74,158,255,.12);--shadow-inset-hi: inset 0 1px 1px rgba(255,255,255,.06);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94)}[data-theme=light]{--bg-deep: #DCE3EE;--bg-card: #FFFFFF;--bg-surface: #F0F4FA;--bg-elevated: #E2E8F2;--bg-glass: rgba(255,255,255,.88);--border: rgba(13,30,60,.14);--border-light: rgba(13,30,60,.22);--border-accent: rgba(74,158,255,.35);--text-primary: #0C1A2E;--text-secondary: #3D5274;--text-muted: #6B7FA0;--on-accent: #FFFFFF;--hero-1: #12325C;--hero-2: #0C2547;--hero-3: #081A33;--shadow-card: 0 2px 12px rgba(13,30,60,.1), 0 1px 3px rgba(13,30,60,.06)}[data-theme=light] html,[data-theme=light] body,[data-theme=light] #root{background:var(--bg-deep)}[data-theme=light] .glow-orb{opacity:.06}[data-theme=light] .bottom-nav{background:#fffffff2;border-top:1px solid var(--border-light);box-shadow:0 -2px 12px #0d1e3c0f}[data-theme=light] .mesh-grid{background-image:linear-gradient(rgba(13,30,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(13,30,60,.03) 1px,transparent 1px)}[data-theme=light] .numpad-shell{background:linear-gradient(180deg,rgba(220,227,238,0) 0%,rgba(220,227,238,.92) 18%,var(--bg-deep) 40%)}[data-theme=light] .num-key{background:#fff;border:1px solid var(--border-light)}[data-theme=light] .num-key:active{background:var(--bg-elevated);border-color:var(--accent-blue)}[data-theme=light] .scroll-content{scrollbar-color:rgba(13,30,60,.2) transparent}@media (min-width: 431px){[data-theme=light] body{background:#c9d6e8}}[data-premium-theme=aurora]{--bg-deep: #0A0E27;--bg-card: #11173A;--bg-surface: #161D45;--bg-elevated: #1C2455;--bg-glass: rgba(17,23,58,.82);--border: rgba(176,110,255,.1);--border-light: rgba(176,110,255,.18);--border-accent: rgba(176,110,255,.3);--text-primary: #E8E0FE;--text-secondary: #8B7BC0;--text-muted: #4D4178;--accent-blue: #B06EFF;--accent-cyan: #C4A6FF;--accent-blue-rgb: 176,110,255;--accent-cyan-rgb: 196,166,255;--accent-deep: #7B2FBE;--accent-blue-soft: #C4A6FF;--hero-1: #1C2260;--hero-2: #141949;--hero-3: #0D1132;--shadow-glow-blue: 0 0 20px rgba(176,110,255,.15)}[data-premium-theme=aurora] .glow-1{background:radial-gradient(circle,#7B2FBE,transparent 70%)}[data-premium-theme=aurora] .glow-2{background:radial-gradient(circle,#B06EFF,transparent 70%)}[data-premium-theme=aurora] .aurora{background:conic-gradient(from 0deg,#b06eff1f,#4a9eff14,#7b2fbe24,#00d4ff0f,#b06eff1f)}[data-premium-theme=ocean]{--bg-deep: #001B2E;--bg-card: #002A44;--bg-surface: #003556;--bg-elevated: #004566;--bg-glass: rgba(0,42,68,.82);--border: rgba(0,212,255,.1);--border-light: rgba(0,212,255,.18);--border-accent: rgba(0,212,255,.3);--text-primary: #D8F0FF;--text-secondary: #6BA8C8;--text-muted: #3D7090;--accent-blue: #00D4FF;--accent-cyan: #00B4D8;--accent-blue-rgb: 0,212,255;--accent-cyan-rgb: 0,180,216;--accent-deep: #0077B6;--accent-blue-soft: #7FE3FF;--hero-1: #00456B;--hero-2: #003554;--hero-3: #00243C;--shadow-glow-blue: 0 0 20px rgba(0,212,255,.15)}[data-premium-theme=ocean] .glow-1{background:radial-gradient(circle,#0077B6,transparent 70%)}[data-premium-theme=ocean] .glow-2{background:radial-gradient(circle,#00D4FF,transparent 70%)}[data-premium-theme=ocean] .aurora{background:conic-gradient(from 0deg,#00d4ff1f,#0077b614,#00b4d81a,#00d4ff0f,#00d4ff1f)}[data-premium-theme=sunset]{--bg-deep: #1A0A14;--bg-card: #2A1020;--bg-surface: #34172A;--bg-elevated: #3E1E34;--bg-glass: rgba(42,16,32,.82);--border: rgba(255,109,153,.1);--border-light: rgba(255,109,153,.18);--border-accent: rgba(255,109,153,.3);--text-primary: #FFE8F0;--text-secondary: #C08898;--text-muted: #704850;--accent-blue: #FF6D99;--accent-cyan: #FF8A65;--accent-blue-rgb: 255,109,153;--accent-cyan-rgb: 255,138,101;--accent-deep: #C2185B;--accent-blue-soft: #FF9EBB;--hero-1: #421A35;--hero-2: #331228;--hero-3: #230B1B;--shadow-glow-blue: 0 0 20px rgba(255,109,153,.15)}[data-premium-theme=sunset] .glow-1{background:radial-gradient(circle,#FF6D99,transparent 70%)}[data-premium-theme=sunset] .glow-2{background:radial-gradient(circle,#FF8A65,transparent 70%)}[data-premium-theme=sunset] .aurora{background:conic-gradient(from 0deg,#ff6d991f,#ff8a6514,#ffb3001a,#ff52520f,#ff6d991f)}[data-premium-theme=forest]{--bg-deep: #0A1A0E;--bg-card: #0F2818;--bg-surface: #143522;--bg-elevated: #1A422C;--bg-glass: rgba(15,40,24,.82);--border: rgba(0,230,118,.1);--border-light: rgba(0,230,118,.18);--border-accent: rgba(0,230,118,.3);--text-primary: #D8FFE8;--text-secondary: #6BA88A;--text-muted: #3D7858;--accent-blue: #00E676;--accent-cyan: #00C853;--accent-blue-rgb: 0,230,118;--accent-cyan-rgb: 0,200,83;--accent-deep: #00913F;--accent-blue-soft: #69F0AE;--hero-1: #123D24;--hero-2: #0D2F1C;--hero-3: #082012;--shadow-glow-blue: 0 0 20px rgba(0,230,118,.15)}[data-premium-theme=forest] .glow-1{background:radial-gradient(circle,#00C853,transparent 70%)}[data-premium-theme=forest] .glow-2{background:radial-gradient(circle,#00E676,transparent 70%)}[data-premium-theme=forest] .aurora{background:conic-gradient(from 0deg,#00e6761f,#00c85314,#69f0ae1a,#00e6760f,#00e6761f)}[data-premium-theme=carbon]{--bg-deep: #0D0D0D;--bg-card: #161616;--bg-surface: #1C1C1C;--bg-elevated: #242424;--bg-glass: rgba(22,22,22,.82);--border: rgba(255,179,0,.1);--border-light: rgba(255,179,0,.18);--border-accent: rgba(255,179,0,.3);--text-primary: #FFEED4;--text-secondary: #A08855;--text-muted: #5C4D30;--accent-blue: #FFB300;--accent-cyan: #FF8F00;--accent-blue-rgb: 255,179,0;--accent-cyan-rgb: 255,143,0;--accent-deep: #C68600;--accent-blue-soft: #FFD54F;--hero-1: #292112;--hero-2: #1F190D;--hero-3: #141008;--shadow-glow-blue: 0 0 20px rgba(255,179,0,.15)}[data-premium-theme=carbon] .glow-1{background:radial-gradient(circle,#FFB300,transparent 70%)}[data-premium-theme=carbon] .glow-2{background:radial-gradient(circle,#FF8F00,transparent 70%)}[data-premium-theme=carbon] .aurora{background:conic-gradient(from 0deg,#ffb3001a,#ff8f0014,#ffd54f0f,#ffb3000a,#ffb3001a)}[data-premium-theme=rose]{--bg-deep: #1A0E14;--bg-card: #2A1820;--bg-surface: #34202A;--bg-elevated: #3E2834;--bg-glass: rgba(42,24,32,.82);--border: rgba(255,138,101,.1);--border-light: rgba(255,138,101,.18);--border-accent: rgba(255,138,101,.3);--text-primary: #FFE8DC;--text-secondary: #B88878;--text-muted: #704850;--accent-blue: #FF8A65;--accent-cyan: #FFAB91;--accent-blue-rgb: 255,138,101;--accent-cyan-rgb: 255,171,145;--accent-deep: #D84315;--accent-blue-soft: #FFAB91;--hero-1: #40222C;--hero-2: #311922;--hero-3: #211016;--shadow-glow-blue: 0 0 20px rgba(255,138,101,.15)}[data-premium-theme=rose] .glow-1{background:radial-gradient(circle,#FF8A65,transparent 70%)}[data-premium-theme=rose] .glow-2{background:radial-gradient(circle,#FFAB91,transparent 70%)}[data-premium-theme=rose] .aurora{background:conic-gradient(from 0deg,#ff8a651f,#ffab9114,#ffccbc0f,#ff8a650a,#ff8a651f)}[data-accent=cyan]{--accent-blue: #00D4FF;--accent-cyan: #00B4D8;--accent-blue-rgb: 0,212,255;--accent-cyan-rgb: 0,180,216;--accent-blue-soft: #7FE3FF;--accent-deep: #0096C7}[data-accent=green]{--accent-blue: #00E676;--accent-cyan: #00C853;--accent-blue-rgb: 0,230,118;--accent-cyan-rgb: 0,200,83;--accent-blue-soft: #69F0AE;--accent-deep: #00913F}[data-accent=amber]{--accent-blue: #FFB300;--accent-cyan: #FF8F00;--accent-blue-rgb: 255,179,0;--accent-cyan-rgb: 255,143,0;--accent-blue-soft: #FFD54F;--accent-deep: #C68600}[data-accent=purple]{--accent-blue: #B06EFF;--accent-cyan: #9B4DFF;--accent-blue-rgb: 176,110,255;--accent-cyan-rgb: 155,77,255;--accent-blue-soft: #C4A6FF;--accent-deep: #7B2FBE}[data-accent=pink]{--accent-blue: #FF6D99;--accent-cyan: #FF4D88;--accent-blue-rgb: 255,109,153;--accent-cyan-rgb: 255,77,136;--accent-blue-soft: #FF9EBB;--accent-deep: #C2185B}[data-accent=orange]{--accent-blue: #FF8A65;--accent-cyan: #FF7043;--accent-blue-rgb: 255,138,101;--accent-cyan-rgb: 255,112,67;--accent-blue-soft: #FFAB91;--accent-deep: #D84315}[data-accent=red]{--accent-blue: #FF5252;--accent-cyan: #FF3030;--accent-blue-rgb: 255,82,82;--accent-cyan-rgb: 255,48,48;--accent-blue-soft: #FF8A80;--accent-deep: #C62828}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-deep)}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}*{scrollbar-width:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none;color:inherit}input,select{font-family:var(--font-mono);color:inherit;background:none;border:none;outline:none}select option{background:var(--bg-card);color:var(--text-primary)}.app-shell{position:relative;width:100%;height:100%;max-width:430px;margin:0 auto;overflow:hidden;background:var(--bg-deep)}.ambient-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(26,109,255,.08),transparent 60%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(0,212,255,.06),transparent 50%),linear-gradient(180deg,rgba(13,20,36,.4) 0%,transparent 30%,transparent 70%,rgba(6,10,20,.6) 100%)}[data-theme=light] .ambient-base{background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(74,158,255,.04),transparent 60%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(0,180,216,.03),transparent 50%),linear-gradient(180deg,rgba(220,227,238,.4) 0%,transparent 30%,transparent 70%,rgba(220,227,238,.6) 100%)}.glow-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.12;animation:float 12s var(--ease-smooth) infinite;will-change:transform}.glow-1{width:340px;height:340px;background:radial-gradient(circle,#1A6DFF,transparent 70%);top:-100px;left:-80px;animation-delay:0s}.glow-2{width:280px;height:280px;background:radial-gradient(circle,#00B4D8,transparent 70%);bottom:10%;right:-60px;animation-delay:-6s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.03)}}.radial-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 30% 20%,rgba(74,158,255,.06),transparent 70%),radial-gradient(ellipse 50% 35% at 70% 80%,rgba(0,212,255,.04),transparent 70%);pointer-events:none}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E")}.aurora{position:absolute;top:-40%;left:-30%;width:160%;height:160%;background:conic-gradient(from 0deg,#1a6dff0f,#00d4ff0a,#7b2fbe0d,#00e67608,#1a6dff0f);filter:blur(80px);opacity:.4;animation:aurora-spin 60s linear infinite;will-change:transform}@keyframes aurora-spin{to{transform:rotate(360deg)}}[data-theme=light] .aurora{opacity:.15}.numpad-shield{display:none}@media (prefers-reduced-motion: reduce){.aurora,.glow-orb{animation:none}}.mesh-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(99,179,237,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,179,237,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 90% 60% at 50% 35%,black 20%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 35%,black 20%,transparent 85%)}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:1;overflow:hidden}button:focus-visible,[role=slider]:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:4px}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 0;flex-shrink:0;position:relative;z-index:2}.status-time{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}.status-icons{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.live-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--accent-green);background:#00e67614;border:1px solid rgba(0,230,118,.18);padding:3px 10px;border-radius:20px;letter-spacing:.02em;box-shadow:inset 0 1px 1px #ffffff0a}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.back-btn{width:34px;height:34px;border-radius:var(--r-sm);background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s var(--ease-spring);cursor:pointer;box-shadow:var(--shadow-inset-hi)}.back-btn:active{transform:scale(.92);background:var(--bg-elevated);border-color:var(--border-light)}.glass-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--r-lg);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:var(--shadow-card),var(--shadow-inset-hi)}.section-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:0 20px 10px}.scroll-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-h) + 16px);position:relative;z-index:2;-webkit-overflow-scrolling:touch}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:var(--nav-h);background:#060a14eb;border-top:1px solid var(--border);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);display:flex;align-items:flex-start;padding-top:10px;z-index:500;box-shadow:0 -4px 24px #0000002e,inset 0 1px 1px #ffffff0a}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;cursor:pointer;transition:all .3s var(--ease-spring);background:none;border:none}.nav-icon-wrap{position:relative;width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-spring)}.nav-item.active .nav-icon-wrap{background:#4a9eff1f;box-shadow:inset 0 1px 1px #ffffff14,0 0 12px #4a9eff14}.nav-item svg{transition:all .3s var(--ease-spring)}.nav-label{font-size:10px;font-weight:600;transition:all .3s var(--ease-spring);color:var(--text-muted)}.nav-item.active .nav-label{color:var(--accent-blue)}.nav-item.active svg{color:var(--accent-blue)}.nav-item:not(.active) svg{color:var(--text-muted)}.nav-item:not(.active):active .nav-icon-wrap{background:var(--bg-surface);transform:scale(.94)}.numpad-shell{position:relative;flex-shrink:0;z-index:5;padding:10px 4px 6px;background:linear-gradient(180deg,rgba(6,10,20,0) 0%,rgba(6,10,20,.85) 18%,var(--bg-deep) 40%);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.numpad-shell:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.6}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 12px}.num-key{height:56px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:400;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);transition:background .2s var(--ease-spring),transform .15s var(--ease-spring),border-color .3s var(--ease-spring);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-inset-hi)}.num-key:active{background:var(--bg-elevated);transform:scale(.94);border-color:var(--accent-blue)}.num-key.special{color:var(--accent-blue);font-size:20px}.num-key.del-key{color:var(--text-secondary)}.hero-gradient{background:linear-gradient(135deg,var(--hero-1) 0%,var(--hero-2) 55%,var(--hero-3) 100%);border:1px solid rgba(var(--accent-blue-rgb),.15);position:relative;overflow:hidden;box-shadow:var(--shadow-card),var(--shadow-inset-hi)}.hero-gradient:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-blue-rgb),.08) 0%,transparent 70%);pointer-events:none}.premium-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ffb30026,#ffb30014);border:1px solid rgba(255,179,0,.28);color:#ffb300;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;box-shadow:inset 0 1px 1px #ffffff0f}.gradient-text{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-up{animation:slideUp .5s var(--ease-out-expo) both}.animate-fade{animation:fadeIn .35s var(--ease-out-expo) both}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-surface) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.toast{position:fixed;bottom:calc(var(--nav-h) + 12px);left:50%;transform:translate(-50%);background:var(--accent-blue);color:var(--on-accent);font-size:13px;font-weight:700;padding:8px 20px;border-radius:20px;z-index:999;pointer-events:none;animation:slideUp .4s var(--ease-out-expo),fadeIn .4s var(--ease-out-expo);white-space:nowrap;box-shadow:0 4px 24px rgba(var(--accent-blue-rgb),.35),inset 0 1px 1px #fff3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:700;padding:13px 20px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s var(--ease-spring),background .2s var(--ease-smooth),border-color .2s var(--ease-smooth),box-shadow .25s var(--ease-smooth),opacity .2s var(--ease-smooth)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:var(--on-accent);box-shadow:0 6px 20px rgba(var(--accent-blue-rgb),.25),inset 0 1px 1px #ffffff38}.btn-primary:hover{box-shadow:0 8px 28px rgba(var(--accent-blue-rgb),.35),inset 0 1px 1px #ffffff38}.btn-ghost{background:var(--bg-surface);border-color:var(--border);color:var(--text-secondary);box-shadow:var(--shadow-inset-hi)}.btn-ghost:hover{border-color:var(--border-light);color:var(--text-primary)}.btn-ghost:active{background:var(--bg-elevated)}.btn-soft{background:rgba(var(--accent-blue-rgb),.1);border-color:rgba(var(--accent-blue-rgb),.22);color:var(--accent-blue)}.btn-soft:hover{background:rgba(var(--accent-blue-rgb),.16)}.btn-danger{background:rgba(var(--red-rgb),.1);border-color:rgba(var(--red-rgb),.25);color:var(--accent-red)}.btn-danger:hover{background:rgba(var(--red-rgb),.16)}.btn-sm{padding:8px 14px;font-size:12.5px;border-radius:var(--r-sm)}.btn-lg{padding:16px 24px;font-size:15px;border-radius:var(--r-md);width:100%}.btn .spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.icon-btn{width:36px;height:36px;border-radius:var(--r-sm);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-spring);box-shadow:var(--shadow-inset-hi)}.icon-btn:hover{color:var(--text-primary);border-color:var(--border-light)}.icon-btn:active{transform:scale(.92);background:var(--bg-elevated)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card),var(--shadow-inset-hi)}.card-flat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-card),var(--shadow-inset-hi)}.card-accent{background:linear-gradient(135deg,rgba(var(--accent-blue-rgb),.1),rgba(var(--accent-cyan-rgb),.04));border:1px solid rgba(var(--accent-blue-rgb),.2);border-radius:var(--r-lg)}.input-row{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;transition:border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth);box-shadow:var(--shadow-inset-hi)}.input-row:focus-within{border-color:rgba(var(--accent-blue-rgb),.45);box-shadow:0 0 0 3px rgba(var(--accent-blue-rgb),.1),var(--shadow-inset-hi)}.input-row input{flex:1;font-size:16px;min-width:0}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);padding:5px 12px;border-radius:20px;cursor:pointer;transition:all .2s var(--ease-spring);-webkit-user-select:none;user-select:none}.chip:active{transform:scale(.95)}.chip.active{color:var(--accent-blue);background:rgba(var(--accent-blue-rgb),.12);border-color:rgba(var(--accent-blue-rgb),.3)}.tile{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-card),var(--shadow-inset-hi);transition:transform .15s var(--ease-spring),border-color .2s var(--ease-smooth),background .2s var(--ease-smooth)}.tile:hover{border-color:rgba(var(--accent-blue-rgb),.35);background:var(--bg-elevated)}.tile:active{transform:scale(.96)}.tile-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--c) 14%,transparent);border:1px solid color-mix(in oklab,var(--c) 30%,transparent);box-shadow:inset 0 1px 1px #ffffff0d}.seg{display:flex;gap:3px;padding:3px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md)}.seg-item{flex:1;text-align:center;padding:9px 8px;font-size:13px;font-weight:600;color:var(--text-muted);border-radius:calc(var(--r-md) - 4px);cursor:pointer;transition:all .25s var(--ease-spring);border:none;background:none}.seg-item.active{color:var(--on-accent);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));box-shadow:0 2px 10px rgba(var(--accent-blue-rgb),.3)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}input[type=date]{color-scheme:dark}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (min-width: 431px){.app-shell{border-radius:40px;overflow:hidden;box-shadow:0 0 0 8px #111827,0 32px 64px #0009;margin-top:20px;height:calc(100% - 40px)}body{background:#020509;display:flex;align-items:center;justify-content:center}#root{display:flex;align-items:center;justify-content:center}}