:root{color-scheme:dark;font-family:SF Pro Text,system-ui,sans-serif;background:#0a0a0a;color:#f5f5f5}*{box-sizing:border-box}body{margin:0}.page{max-width:1280px;margin:0 auto;padding:24px 20px 64px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}h1{margin:0 0 4px;font-size:1.75rem}h2{margin:0 0 12px;font-size:1.05rem;font-weight:600}.subtitle{margin:0;color:#888;font-size:.9rem}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:#141414;border:1px solid #333;color:#aaa;border-radius:10px;padding:10px 18px;font-weight:600;cursor:pointer}.tab--active{background:#052e16;border-color:#22c55e;color:#bbf7d0}.mode-banner{padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:.9rem;line-height:1.45}.mode-banner--platform{background:#172554;border:1px solid #1e40af;color:#bfdbfe}.mode-banner--user{background:#052e16;border:1px solid #166534;color:#bbf7d0}.mode-banner code{background:#00000040;padding:2px 6px;border-radius:4px}.user-picker{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;max-width:480px}.user-picker label{font-size:.8rem;color:#888;font-weight:600}.user-picker select{background:#141414;border:1px solid #333;color:#f5f5f5;border-radius:10px;padding:10px 12px;font-size:.95rem}.btn{background:#22c55e;color:#052e16;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.error{background:#450a0a;color:#fecaca;padding:12px 16px;border-radius:10px;margin-bottom:16px}.empty-state,.loading-hint{color:#888;padding:32px;text-align:center;background:#141414;border:1px dashed #333;border-radius:14px}.grid.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:800px){.grid-2{grid-template-columns:1fr}}.stat-card{background:#141414;border:1px solid #262626;border-radius:12px;padding:14px 16px}.stat-label{color:#888;font-size:.78rem;margin-bottom:6px}.stat-value{font-size:1.25rem;font-weight:700}.panel{background:#141414;border:1px solid #262626;border-radius:14px;padding:20px;margin-bottom:20px}.panel-desc{margin:-6px 0 16px;color:#888;font-size:.85rem}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #262626}th{color:#888;font-weight:500}.clickable-row{cursor:pointer}.clickable-row:hover{background:#1a1a1a}.muted{color:#666;text-decoration:line-through}.footnote{color:#666;font-size:.85rem}.footnote a{color:#22c55e}.streak-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.streak-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:#0f0f0f;border:1px solid #262626;border-radius:14px}.streak-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.streak-ring-text{fill:#22c55e;font-weight:700}.streak-ring-label{font-size:.72rem;color:#888;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streak-meta{text-align:center}.streak-merchant{font-weight:600;font-size:.9rem}.streak-sub{font-size:.75rem;color:#888;margin-top:4px}.header-actions{display:flex;gap:8px;align-items:center}.btn-ghost{background:transparent;border:1px solid #333;color:#aaa;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}.btn-full{width:100%;margin-top:8px}.btn-link{background:none;border:none;color:#888;margin-top:12px;cursor:pointer;text-decoration:underline}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#141414;border:1px solid #262626;border-radius:16px;padding:32px;width:100%;max-width:400px}.login-card label{display:block;font-size:.8rem;color:#888;margin-bottom:6px}.login-card input{width:100%;background:#0a0a0a;border:1px solid #333;border-radius:10px;padding:12px;color:#f5f5f5;font-size:1rem}.search-input{width:100%;max-width:360px;background:#0a0a0a;border:1px solid #333;border-radius:10px;padding:10px 12px;color:#f5f5f5;margin-bottom:12px}.streak-card--clickable{cursor:pointer;border:1px solid #262626;background:#0f0f0f;text-align:center}.streak-card--clickable:hover{border-color:#22c55e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.overlay-panel{background:#0a0a0a;border:1px solid #333;border-radius:16px;width:100%;max-width:900px;padding:24px}.overlay-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.day-rings-row{display:flex;gap:8px;justify-content:space-between}.stat-card--ring{display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-value--sm{font-size:1rem}.day-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.day-ring{width:32px;height:32px;border-radius:50%;border:3px solid #2a2a2a;display:flex;align-items:center;justify-content:center}.day-ring--active{border-color:#22c55e;background:#22c55e24}.day-ring-count{font-size:11px;font-weight:700;color:#22c55e}.day-ring-day{font-size:.65rem;color:#666}.day-ring-day--active{color:#aaa}