@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg-void: #080810;--bg-base: #0E0E18;--bg-surface: #13131F;--bg-elevated: #1A1A2E;--bg-hover: #1F1F35;--border-subtle: rgba(255,255,255,.05);--border-mid: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.12);--indigo: #6366f1;--indigo-glow: rgba(99,102,241,.35);--indigo-dim: rgba(99,102,241,.12);--indigo-light: #a5b4fc;--emerald: #34d399;--emerald-glow: rgba(52,211,153,.25);--emerald-dim: rgba(52,211,153,.1);--coral: #f87171;--coral-glow: rgba(248,113,113,.25);--coral-dim: rgba(248,113,113,.1);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.12);--text-primary: #f0f0ff;--text-secondary: #9090b0;--text-muted: #50507a;--text-faint: #30304a;--glass-bg: rgba(19,19,31,.75);--glass-border: rgba(255,255,255,.07);--glass-blur: blur(20px);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-indigo: 0 4px 20px rgba(99,102,241,.4);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-mid: .22s;--t-slow: .38s}:root.light{color-scheme:light;--bg-void: #F5F4F0;--bg-base: #EFEDE8;--bg-surface: #FAFAF8;--bg-elevated: #FFFFFF;--bg-hover: #F0EEE9;--border-subtle: rgba(0,0,0,.06);--border-mid: rgba(0,0,0,.09);--border-strong: rgba(0,0,0,.14);--indigo: #4f46e5;--indigo-glow: rgba(79,70,229,.2);--indigo-dim: rgba(79,70,229,.08);--indigo-light: #4f46e5;--emerald: #059669;--emerald-glow: rgba(5,150,105,.15);--emerald-dim: rgba(5,150,105,.08);--coral: #dc2626;--coral-glow: rgba(220,38,38,.15);--coral-dim: rgba(220,38,38,.07);--amber: #d97706;--amber-dim: rgba(217,119,6,.1);--text-primary: #1a1523;--text-secondary: #4a4560;--text-muted: #7c7a8e;--text-faint: #b0aec0;--glass-bg: rgba(255,255,255,.8);--glass-border: rgba(0,0,0,.06);--glass-blur: blur(20px);--shadow-sm: 0 1px 4px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);--shadow-indigo: 0 4px 16px rgba(79,70,229,.3)}:root.light .glass-nav{background:#f5f4f0e6;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}:root.light .glass-modal{background:#fffffff5}:root.light .card{box-shadow:var(--shadow-sm)}:root.light .auth-bg{background:var(--bg-void);background-image:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(79,70,229,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(5,150,105,.05) 0%,transparent 70%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;overscroll-behavior:none;-webkit-font-smoothing:antialiased;transition:background .3s var(--ease-out),color .3s var(--ease-out)}input,select,button,textarea{font-family:inherit}::-webkit-scrollbar{width:0;height:0}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl)}.glass-nav{background:#0d0d16e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-subtle)}.glass-modal{background:#12121eeb;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border-mid)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:1.1rem;margin-bottom:10px}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:var(--r-xl)}.input-base{width:100%;background:var(--bg-void);border:1.5px solid var(--border-mid);border-radius:var(--r-md);padding:10px 13px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input-base:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-dim)}.btn-primary{width:100%;padding:14px;background:var(--indigo);color:#fff;border:none;border-radius:var(--r-lg);font-size:15px;font-weight:700;cursor:pointer;transition:transform var(--t-fast) var(--ease-spring),box-shadow var(--t-fast);box-shadow:var(--shadow-indigo)}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{width:100%;padding:12px;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-mid);border-radius:var(--r-lg);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.btn-ghost:active{background:var(--bg-hover)}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-full);border:1.5px solid var(--border-mid);background:var(--bg-surface);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--t-fast)}.pill:active{transform:scale(.95)}.pill-active{border-color:var(--indigo);background:var(--indigo-dim);color:var(--indigo-light);font-weight:600}.pill-amber{border-color:var(--amber);background:var(--amber-dim);color:var(--amber);font-weight:600}.label-xs{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:overlayIn var(--t-mid) var(--ease-out) both}.sheet-body{width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:0 1.25rem 2rem;animation:sheetUp var(--t-slow) var(--ease-spring) both;max-height:92svh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-handle{width:36px;height:4px;border-radius:var(--r-full);background:var(--border-strong);margin:14px auto 16px}.nav-tab{flex:1;padding:8px 0 12px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;transition:opacity var(--t-fast)}.nav-tab:active{opacity:.7}.nav-tab-icon{font-size:20px;line-height:1}.nav-tab-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);transition:color var(--t-fast)}.nav-tab-label.active{color:var(--indigo)}.nav-tab-dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--indigo);box-shadow:0 0 8px var(--indigo);animation:dotPulse 2s ease-in-out infinite}.progress-track{background:var(--bg-void);border-radius:var(--r-full);height:7px;overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);transition:width .6s var(--ease-out)}.sync-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sync-dot.saving{animation:syncPulse 1s ease-in-out infinite}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dialogPop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes syncPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tabIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideIn var(--t-mid) var(--ease-out) both}.tab-in{animation:tabIn var(--t-mid) var(--ease-out) both}.auth-bg{min-height:100vh;background:var(--bg-void);background-image:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(99,102,241,.12) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(52,211,153,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 60% 10%,rgba(248,113,113,.06) 0%,transparent 60%);display:flex;align-items:center;justify-content:center;padding:1.5rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monospace{font-family:SF Mono,Fira Code,monospace}