:root{--bg: #0b0d10;--bg-elev: #14171c;--bg-elev-2: #1c2026;--border: #2a2f37;--text: #e6e8eb;--text-dim: #9aa2ad;--text-muted: #6b7280;--accent: #60a5fa;--accent-strong: #3b82f6;--danger: #f87171;--success: #34d399;--warning: #fbbf24;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--tabbar-h: 64px;--header-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0);--safe-top: env(safe-area-inset-top, 0);--r-1: 6px;--r-2: 10px;--r-3: 14px}@media (prefers-color-scheme: light){:root{--bg: #fafafa;--bg-elev: #ffffff;--bg-elev-2: #f3f4f6;--border: #e5e7eb;--text: #111827;--text-dim: #4b5563;--text-muted: #9ca3af}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5;overscroll-behavior-y:contain}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--sp-3);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}a{color:var(--accent);text-decoration:none}.app{display:flex;flex-direction:column;min-height:100%}.app-header{position:sticky;top:0;z-index:10;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);padding-inline:var(--sp-4);display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.app-main{flex:1;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-4))}.app-tabbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-elev);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);z-index:10}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--text-dim)}.tab.active{color:var(--accent)}.tab-icon{font-size:20px;line-height:1}@media (min-width: 900px){.app{flex-direction:row}.app-tabbar{position:sticky;top:0;bottom:auto;height:100vh;width:220px;padding:var(--sp-4) 0;grid-template-columns:1fr;grid-auto-rows:max-content;border-top:none;border-right:1px solid var(--border)}.tab{flex-direction:row;justify-content:flex-start;padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);font-size:14px}.app-main{padding-bottom:var(--sp-6);flex:1}}.container{max-width:720px;margin:0 auto;padding:var(--sp-4)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--sp-4);margin-bottom:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);font-size:15px;font-weight:500;min-height:44px}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn-danger{color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted);font-size:13px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.empty{padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-muted)}.sync-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--bg-elev-2);color:var(--text-dim)}.sync-badge.offline{background:#f8717126;color:var(--danger)}.sync-badge.syncing{background:#60a5fa26;color:var(--accent)}