*{box-sizing:border-box}body{margin:0}:root{--bg: #fbfaf8;--ink: #1c1a17;--muted: #6b6a66;--line: #e6e3dd;--accent: #7a5c34;--accent-soft: #f0e9df;--good: #16a34a;--bad: #dc2626;--warn: #f59e0b}.page-title{margin:0 0 .25rem;font-size:1.5rem}.page-sub{margin:0 0 1.5rem;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:.7rem;padding:1.25rem;margin-bottom:1.25rem}.card h2{margin:0 0 .75rem;font-size:1.05rem}.card .hint{color:var(--muted);font-size:.85rem;margin:0 0 1rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field label{font-size:.8rem;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{padding:.5rem .65rem;border:1px solid var(--line);border-radius:.45rem;font:inherit;background:#fff}.field textarea{resize:vertical;min-height:4rem}.row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.btn{padding:.55rem 1rem;border:1px solid var(--accent);border-radius:.45rem;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--accent)}.stat{display:flex;flex-direction:column;gap:.15rem}.stat .k{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.stat .v{font-size:1.4rem;font-weight:700}.badge{display:inline-block;padding:.1rem .5rem;border-radius:.35rem;font-size:.72rem;font-weight:600}.badge.good{background:#e7f6ec;color:var(--good)}.badge.bad{background:#fdeaea;color:var(--bad)}.badge.warn{background:#fdf3e2;color:#9a6a00}.badge.neutral{background:#eee;color:#555}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.symbols{display:flex;gap:.4rem;flex-wrap:wrap}.chip{padding:.35rem .7rem;border:1px solid var(--line);border-radius:.4rem;background:#fff;font:inherit;font-weight:600;font-size:.85rem;cursor:pointer}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.quote-box{display:flex;align-items:center;gap:.75rem}.quote-box .price{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.feed{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted);text-transform:capitalize}.feed .dot{width:.55rem;height:.55rem;border-radius:50%;background:#bbb}.feed[data-state=live] .dot{background:var(--good)}.feed[data-state=connecting] .dot,.feed[data-state=reconnecting] .dot{background:var(--warn)}.feed[data-state=disconnected] .dot{background:var(--bad)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}.empty{color:var(--muted);padding:1rem 0;text-align:center}