:root{color-scheme:dark;--page-bg: #020617;--surface: #0f172a;--surface-sunken: #111c33;--surface-raised: #1e293b;--surface-chip: #334155;--surface-hover: #16294d;--border-faint: #1e293b;--border: #243044;--border-strong: #334155;--text-loudest: #f1f5f9;--text-loud: #e2e8f0;--text-title: #cbd5e1;--text-body: #94a3b8;--text-caption: #64748b;--wash-green: rgba(34, 197, 94, .12);--wash-red: rgba(239, 68, 68, .12);--wash-amber: rgba(245, 158, 11, .12);--wash-blue: rgba(59, 130, 246, .12);--wash-green-strong: rgba(34, 197, 94, .18);--wash-red-strong: rgba(239, 68, 68, .18);--wash-amber-strong: rgba(245, 158, 11, .18);--wash-blue-strong: rgba(59, 130, 246, .18);--text-green: #4ade80;--text-red: #f87171;--text-amber: #fbbf24;--text-blue: #60a5fa;--chart-bg: #0f172a;--chart-grid: rgba(148, 163, 184, .1);--chart-axis-text: #94a3b8;--chart-label: #cbd5e1;--chart-up: #3f7d5c;--chart-down: #9c4a4a;--chart-up-block: rgba(63, 125, 92, .5);--chart-down-block: rgba(156, 74, 74, .5);--chart-up-fill: rgba(63, 125, 92, .22);--chart-down-fill: rgba(156, 74, 74, .22);--chart-zero-line: rgba(148, 163, 184, .45);--chart-reference: #94a3b8;--chart-line-blue: #5b9dd9;--chart-line-purple: #a78bfa;--chart-line-teal: #2dd4bf;--chart-line-amber: #fbbf24;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--size-page-title: 13px;--size-body: 12px;--size-small: 11px;--size-tiny: 10px;--pad-cell: 3px 8px;--pad-card: 6px 10px;--gap: 8px}html,body{margin:0;background:var(--page-bg);color:var(--text-body);font-family:var(--font);font-size:var(--size-body);line-height:1.35}body{padding:10px 12px}h1{margin:0 0 6px;font-size:var(--size-page-title);font-weight:600;color:var(--text-loudest)}h2,h3{margin:0 0 4px;font-size:var(--size-body);font-weight:600;color:var(--text-title)}[title]{text-decoration:underline dotted var(--text-caption);text-underline-offset:3px;cursor:help}.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:var(--pad-card)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap)}.stack>*+*{margin-top:var(--gap)}table{border-collapse:collapse;width:100%;font-size:var(--size-body);font-variant-numeric:tabular-nums}th{background:var(--surface-sunken);color:var(--text-title);font-weight:600;text-align:right;padding:var(--pad-cell);border-bottom:1px solid var(--border);white-space:nowrap}td{color:var(--text-body);text-align:right;padding:var(--pad-cell);border-bottom:1px solid var(--border-faint);white-space:nowrap}th:first-child,td:first-child{text-align:left}tr:hover td{background:var(--surface-hover)}tr.total td,td.total,th.total{color:var(--text-title);font-weight:600;border-top:1px solid var(--border-strong)}.key,.caption{color:var(--text-caption);font-size:var(--size-small)}.chip{background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;padding:4px 8px;text-align:center}.chip .label{display:block;color:var(--text-caption);font-size:var(--size-tiny)}.chip .value{display:block;color:var(--text-title);font-size:var(--size-page-title);font-weight:600}.gain{color:var(--text-green)}.loss{color:var(--text-red)}.warn{color:var(--text-amber)}.wash-green{background:var(--wash-green)}.wash-red{background:var(--wash-red)}.wash-amber{background:var(--wash-amber)}.wash-blue{background:var(--wash-blue)}.mono{font-family:var(--font-mono)}.topbar{display:flex;align-items:center;gap:10px;padding:4px 0 8px;margin-bottom:8px;border-bottom:1px solid var(--border)}.brand{color:var(--text-title);font-size:var(--size-page-title);font-weight:600}.who{color:var(--text-caption);font-size:var(--size-small)}.spacer{flex:1}.row{display:flex;align-items:center;gap:var(--gap)}.row h1{margin:0}button,a.button{font:inherit;font-size:var(--size-body);color:var(--text-title);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:4px;padding:3px 10px;cursor:pointer;text-decoration:none}button:hover:not(:disabled),a.button:hover{background:var(--surface-hover)}button:disabled{color:var(--text-caption);cursor:default}button.link{background:none;border:none;padding:0;color:var(--text-body);text-decoration:underline;text-underline-offset:3px}button.tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:2px 4px;color:var(--text-body)}button.tab.on{color:var(--text-title);border-bottom-color:var(--chart-line-blue)}a{color:var(--text-blue)}.field{display:flex;flex-direction:column;gap:2px}.field span{color:var(--text-caption);font-size:var(--size-small)}input{font:inherit;color:var(--text-title);background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:4px;padding:3px 6px;width:220px}input:focus{outline:1px solid var(--chart-line-blue)}.narrow{width:300px}.qr svg{width:200px;height:200px;display:block}.qr svg path[fill]{fill:var(--text-body)}.qr svg path[stroke]{stroke:var(--page-bg)}.chips-5,.chips-6{display:grid;gap:var(--gap)}.chips-5{grid-template-columns:repeat(5,minmax(0,1fr))}.chips-6{grid-template-columns:repeat(6,minmax(0,1fr))}th.left,td.left{text-align:left}td.wrap{white-space:normal}.table-scroll{overflow-x:auto}.chips-5 .value,.chips-6 .value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
