:root{--primary: #3b82f6;--primary-hover: #2f6fe0;--primary-ink: #ffffff;--ink: #2b2b2b;--ink-muted: #666666;--ink-faint: #8f8a83;--ground: #f4ede5;--surface: #ffffff;--surface-soft: #ede4d8;--hairline: #d6ccbe;--success: #059669;--danger: #b91c1c;--warn: #b45309;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--font-num: "Montserrat", -apple-system, sans-serif;--font-text: "Inter", -apple-system, sans-serif;--card-shadow: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{background:var(--ground)}body{background:var(--ground);color:var(--ink);font-family:var(--font-text);font-size:.875rem;font-weight:400;line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 32px)}.label{font-family:var(--font-text);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.metric{font-family:var(--font-num);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink)}.hero-value{font-family:var(--font-num);font-size:2.4rem;font-weight:800;letter-spacing:-.025em;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--ink)}.small{font-size:.75rem;font-weight:500;color:var(--ink-muted)}.faint{color:var(--ink-faint)}.brand{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-lg)}.brand-mark{font-family:var(--font-num);font-weight:800;font-size:.95rem;letter-spacing:.2em;color:var(--ink)}.brand-mark span{color:var(--primary)}.hero{padding:var(--sp-sm) 0 var(--sp-lg);border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-md)}.hero .label{margin-bottom:var(--sp-sm)}.hero-sub{margin-top:var(--sp-sm);color:var(--ink-muted);font-size:.8125rem}.toggle-wrap{position:sticky;top:0;z-index:10;padding:var(--sp-sm) 0 var(--sp-md);background:linear-gradient(var(--ground) 75%,transparent)}.toggle{display:inline-flex;background:var(--surface-soft);border-radius:999px;padding:3px}.toggle button{border:0;background:transparent;color:var(--ink-muted);font-family:var(--font-text);font-size:.8125rem;font-weight:600;padding:9px 20px;min-height:44px;border-radius:999px;cursor:pointer;transition:color .15s ease}.toggle button.active{background:var(--primary);color:var(--primary-ink)}.cards{display:grid;gap:var(--sp-md)}.card{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid rgb(255 255 255 / .2);border-radius:var(--r-lg);box-shadow:var(--card-shadow);padding:var(--sp-md);color:var(--ink);font-family:var(--font-text);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;animation:rise .4s ease both}@media (hover: hover){.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-2px)}}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md)}.card-head .chev{color:var(--ink-faint);font-size:1rem}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md) var(--sp-sm)}.stat .label{font-size:.625rem;margin-bottom:3px}.card.stale{color:var(--ink-muted);background:color-mix(in srgb,var(--surface) 70%,var(--ground))}.stale-note{margin-top:var(--sp-md);font-size:.75rem;color:var(--warn)}.delta-up{color:var(--success);font-weight:600}.delta-down{color:var(--danger);font-weight:600}.screen-head{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-lg)}.back-btn{border:0;background:var(--surface);box-shadow:var(--card-shadow);color:var(--ink);width:44px;height:44px;min-width:44px;border-radius:999px;font-size:1.05rem;cursor:pointer}.screen-title{font-family:var(--font-num);font-weight:800;letter-spacing:-.01em;font-size:1.15rem}.section{margin-bottom:var(--sp-lg);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--card-shadow);padding:var(--sp-md)}.section>.label{margin-bottom:var(--sp-sm);display:block}.row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--hairline) 45%,transparent);gap:var(--sp-md)}.row:last-child{border-bottom:0}.row .name{color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .val{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.spark{width:100%;height:56px;display:block}.bar-row{margin-bottom:10px}.bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-muted);margin-bottom:4px}.bar-track{background:var(--surface-soft);border-radius:4px;height:6px}.bar-fill{background:var(--primary);height:6px;border-radius:4px}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin-bottom:var(--sp-md)}.chip{border:1px solid var(--hairline);background:var(--surface);color:var(--ink-muted);font-family:var(--font-text);font-size:.75rem;font-weight:600;padding:8px 14px;min-height:36px;border-radius:999px;cursor:pointer}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.guest{padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--hairline) 45%,transparent)}.guest:last-child{border-bottom:0}.guest-top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-md)}.guest-name{font-weight:600;color:var(--ink)}.login{min-height:80dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-lg)}.login input{width:100%;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-text);font-size:1rem;padding:14px 16px}.login input:focus{outline:2px solid var(--primary);border-color:transparent}.btn-primary{width:100%;border:0;background:var(--primary);color:var(--primary-ink);font-family:var(--font-text);font-weight:600;font-size:.95rem;padding:15px;border-radius:var(--r-md);cursor:pointer}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.5}.btn-ghost{width:100%;border:1px solid var(--hairline);background:var(--surface);color:var(--ink-muted);font-family:var(--font-text);font-weight:500;font-size:.8125rem;padding:12px;min-height:44px;border-radius:var(--r-md);cursor:pointer}.footer{margin-top:var(--sp-xl);display:grid;gap:var(--sp-sm);text-align:center}.error-note{color:var(--danger);font-size:.8125rem}.ok-note{color:var(--success);font-size:.8125rem}.loading{color:var(--ink-faint);text-align:center;padding:var(--sp-xl) 0;letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;animation:pulse 1.4s ease infinite}@keyframes pulse{50%{opacity:.45}}