:root{color-scheme:dark;--bg: #0f1419;--bg-elevated: #1a222c;--text: #e8eef4;--muted: #8b9aab;--accent: #3d9cf0;--accent-soft: rgba(61, 156, 240, .16);--danger: #f07178;--radius: 14px;--font: "Segoe UI", "SF Pro Text", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 500px at 10% -10%,#1c3a55 0%,transparent 55%),radial-gradient(900px 400px at 100% 0%,#243447 0%,transparent 50%),var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:16px 16px 28px;min-height:100dvh;display:flex;flex-direction:column;gap:16px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.brand{font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.user{color:var(--muted);font-size:.85rem;text-align:right}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--bg-elevated);color:var(--muted);border-radius:999px;padding:10px 8px;font:inherit;font-size:.92rem;cursor:pointer}.tab.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.panel{flex:1;padding:8px 2px 0}.panel h1{margin:0 0 8px;font-size:1.35rem;letter-spacing:-.02em}.lead{margin:0 0 18px;color:var(--muted);line-height:1.45}.badge{display:inline-block;margin:0;padding:8px 12px;border-radius:var(--radius);background:var(--bg-elevated);color:var(--muted);font-size:.9rem}.muted{color:var(--muted)}.error{color:var(--danger);line-height:1.4}.stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.stats-row>div,.stat-card{background:var(--bg-elevated);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:4px;text-align:left;color:inherit;border:1px solid transparent}.stats-row b,.stat-card b{font-size:1.25rem}.stats-row span,.stat-card span{color:var(--muted);font-size:.82rem}.stat-card.clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer;border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.stat-card.clickable:active{transform:scale(.98)}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);font:inherit;font-size:.95rem;padding:0;margin:0 0 10px;cursor:pointer}.block{margin-bottom:18px}.block h2{margin:0 0 10px;font-size:1.05rem}.count{color:var(--muted);font-weight:500}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.list li{background:var(--bg-elevated);border-radius:var(--radius);padding:12px}.list a{color:var(--accent);text-decoration:none;font-weight:600}.meta{margin-top:4px;color:var(--muted);font-size:.86rem;line-height:1.35}.raw{white-space:pre-wrap;background:var(--bg-elevated);border-radius:var(--radius);padding:12px;color:var(--muted);font-size:.82rem;overflow:auto}.action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:#061018;font:inherit;font-weight:600;border-radius:999px;padding:12px 16px;cursor:pointer;margin:0 0 12px;display:inline-flex}.action.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.action:disabled{opacity:.6;cursor:default}.stats-row.single{margin-top:-8px}.period{margin-bottom:14px}.period-label{color:var(--muted);font-size:.86rem;margin-bottom:8px}.period-presets{display:flex;flex-wrap:wrap;gap:6px}.period-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--bg-elevated);color:var(--muted);border-radius:999px;padding:8px 12px;font:inherit;font-size:.85rem;cursor:pointer}.period-chip.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.period-custom{display:flex;gap:10px;margin-top:10px}.period-custom label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.8rem;flex:1}.period-custom input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:var(--bg-elevated);color:var(--text);border-radius:10px;padding:10px;font:inherit}