:root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-accent-2: #a7a1db;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-accent-2-100: #f5f4ff;--color-accent-2-200: #e7e5fe;--color-accent-2-300: #d2cefd;--color-accent-2-400: #b5afe8;--color-accent-2-500: #9690c9;--color-accent-2-600: #7972a9;--color-accent-2-700: #5c5783;--color-accent-2-800: #423e5d;--color-accent-2-900: #2b293a;--color-section: #262a60;--color-section-glow: #353b80;--color-section-ghost: #4c5397;--font-heading: "Inter", system-ui, -apple-system, sans-serif;--font-heading-weight: 500;--font-body: "Inter", system-ui, -apple-system, sans-serif;--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-6: 16.8px;--space-8: 22.4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0,0,0,.55);--shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0,0,0,.65)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0}a{color:var(--color-accent);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--color-accent-300)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:8px 14px;border-radius:var(--radius-md);transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.btn-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.btn-secondary{border-color:var(--color-divider);background:#e9e9ed08}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-2)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:5px}.field>label{display:block;font-size:12px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:8px 12px;font:inherit;font-size:13px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);transition:border-color .15s ease}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline:none}textarea.input{min-height:90px;resize:vertical}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse-dot{animation:pulseDot 2s ease-in-out infinite}.animate-slide-up{animation:slideUp .22s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .18s ease forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e9e9ed1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#e9e9ed40}.glass-panel{background:#232532b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-wrapper{min-height:100vh;background:radial-gradient(120% 80% at 88% -10%,#22203c,#161826 55%);color:var(--color-text);font-family:var(--font-body);padding:14px 12px calc(84px + env(safe-area-inset-bottom));box-sizing:border-box}@media (min-width: 768px){.app-wrapper{padding:clamp(20px,3vw,36px) clamp(16px,3vw,36px) 64px}}.responsive-tab-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:8px env(safe-area-inset-right) max(8px,env(safe-area-inset-bottom)) env(safe-area-inset-left);background:#161826e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(233,233,237,.08);z-index:50;box-sizing:border-box}.tab-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;cursor:pointer;font-family:var(--font-heading);font-size:11px;font-weight:500;border:none;background:transparent;color:var(--color-neutral-500);transition:all .15s ease;flex:1}.tab-nav-btn.active{color:var(--color-accent-200)}.tab-nav-btn-icon-wrapper{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:15px;background:transparent;transition:all .15s ease}.tab-nav-btn.active .tab-nav-btn-icon-wrapper{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}@media (min-width: 768px){.responsive-tab-nav{position:static;display:inline-flex;align-self:flex-start;padding:5px;gap:6px;border-radius:12px;background:#e9e9ed0a;border:1px solid rgba(233,233,237,.07);border-top:1px solid rgba(233,233,237,.07);width:fit-content;z-index:auto}.tab-nav-btn{flex-direction:row;gap:8px;padding:8px 16px;border-radius:9px;font-size:13px;flex:none;border:1px solid transparent}.tab-nav-btn.active{background:color-mix(in srgb,var(--color-accent) 16%,transparent);border:1px solid var(--color-accent-700)}.tab-nav-btn-icon-wrapper{width:auto;height:auto;border-radius:0;background:transparent!important}}