@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.css";:root{--black-1: #0B0B0E;--black-2: #121217;--black-3: #1A1A20;--black-4: #22222A;--grey-2: #555560;--grey-3: #7A7A85;--grey-4: #A8A8B0;--pearl: #ECECEE;--gold-300: #D8B45A;--gold-400: #C8A24A;--gold-500: #B08A35;--green-400: #6FB089;--amber-400: #D8A04A;--red-400: #C66B5C;--bg: var(--black-1);--surface-1: var(--black-2);--surface-2: var(--black-3);--fg-1: var(--pearl);--fg-2: var(--grey-4);--fg-3: var(--grey-3);--fg-on-gold: #1A1305;--line-1: rgba(255,255,255,.06);--line-2: rgba(255,255,255,.1);--line-gold: rgba(200,162,74,.4);--accent: var(--gold-400);--accent-hover: var(--gold-300);--accent-press: var(--gold-500);--success: var(--green-400);--warning: var(--amber-400);--danger: var(--red-400);--focus-ring: 0 0 0 2px rgba(200,162,74,.5);--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--r-sm: 6px;--r-md: 10px;--font-display: "Manrope", "Geist", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", "Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-13: 13px;--lh-13: 18px;--fs-14: 14px;--lh-14: 20px;--fs-24: 24px;--lh-24: 32px;--t-h3: 600 var(--fs-24)/var(--lh-24) var(--font-display);--t-body: 400 var(--fs-14)/var(--lh-14) var(--font-body);--t-ui: 500 var(--fs-14)/var(--lh-14) var(--font-body);--t-mono: 400 var(--fs-13)/var(--lh-13) var(--font-mono)}html,body{background:var(--bg);color:var(--fg-1);font:var(--t-body);margin:0;-webkit-font-smoothing:antialiased}.btn{font:var(--t-ui);padding:0 16px;height:36px;border-radius:var(--r-sm);border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn-primary{background:var(--accent);color:var(--fg-on-gold)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 0 1px var(--line-gold)}.btn-secondary{background:transparent;color:var(--fg-1);border-color:var(--line-2)}.btn-secondary[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost[aria-pressed=true]{color:var(--fg-1);background:var(--surface-2)}.input{font:var(--t-body);height:36px;padding:0 12px;background:var(--surface-1);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--fg-1);outline:none}.input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.t-mono{font:var(--t-mono)}main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.card{background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-md);padding:var(--s-4);margin-bottom:var(--s-3)}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.metric-card{display:flex;flex-direction:column;gap:4px}.metric-label{font:var(--t-ui);color:var(--fg-2);margin:0}.metric-value{font:var(--t-h3);color:var(--fg-1);margin:0}.metric-hint{font-size:11px;line-height:15px;color:var(--fg-3);margin:0}.badge{display:inline-flex;align-items:center;gap:4px;font:var(--t-ui);padding:2px 10px;border-radius:999px;border:1px solid transparent}.badge-success{background:#6fb0891f;color:var(--success);border-color:#6fb0894d}.badge-warning{background:#d8a04a1f;color:var(--warning);border-color:#d8a04a4d}.badge-danger{background:#c66b5c1f;color:var(--danger);border-color:#c66b5c4d}.skeleton{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;border-radius:var(--r-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--surface-2)}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);text-align:center}.empty-state-title{font:var(--t-ui);color:var(--fg-1);margin:0}.empty-state-description{font:var(--t-body);color:var(--fg-2);margin:0}.toast{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--surface-2);color:var(--fg-1);padding:10px 16px;border-radius:var(--r-md);font:var(--t-ui);box-shadow:0 4px 16px #0006;z-index:100}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface-1);border-top:1px solid var(--line-1);padding-bottom:env(safe-area-inset-bottom,0px);z-index:50}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;min-height:44px;background:transparent;border:0;color:var(--fg-2);font:var(--t-ui);cursor:pointer}.bottom-nav button[aria-pressed=true]{color:var(--accent)}