:root{--bg: #0e1116;--panel: #161a22;--line: #262c38;--text: #e8ebf1;--muted: #8b94a7;--accent: #2ecc8f;--danger: #ff5d5d}:root[data-theme=light]{--bg: #f3f5f8;--panel: #ffffff;--line: #dfe3ea;--text: #141821;--muted: #5d6677;--accent: #0f9d68;--danger: #d63b3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:700;font-size:18px;letter-spacing:-.01em}.brand span{color:var(--accent)}nav{display:flex;gap:4px;margin-right:auto;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;font-size:14px;padding:5px 10px;border-radius:8px}nav a:hover{color:var(--text);background:var(--bg)}#clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.status{font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--line)}.status.open{color:var(--accent);border-color:var(--accent)}.status.closed{color:var(--muted)}button,input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px}button{cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);color:#06130d;border-color:var(--accent);font-weight:600}#tape{border-bottom:1px solid var(--line);min-height:46px}main{padding:4px 20px 28px}section{display:flex;flex-direction:column;gap:16px;padding-top:20px;scroll-margin-top:56px}.section-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.grid{display:grid;gap:16px}.grid.side{grid-template-columns:300px minmax(0,1fr)}.grid.side.wide{grid-template-columns:380px minmax(0,1fr)}.grid.half{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.panel h2{margin:0;padding:12px 16px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.panel .body{flex:1;min-height:0}form{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}form input{flex:1;min-width:0;text-transform:uppercase}form input::placeholder{text-transform:none;color:var(--muted)}form button{background:var(--accent);color:#06130d;border-color:var(--accent);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--line)}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:13px}.chip.active{border-color:var(--accent)}.chip button{border:0;border-radius:0;background:transparent;padding:4px 10px}.chip .x{padding:4px 8px 4px 2px;color:var(--muted)}.chip .x:hover{color:var(--danger)}.stat{display:flex;flex-direction:column;min-width:0}.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.stat .value small{font-size:12px;font-weight:400;color:var(--muted)}.stat .value.up{color:var(--accent)}.stat .value.down{color:var(--danger)}.stats{flex-direction:row;flex-wrap:wrap;gap:14px 36px;padding:16px}.wallet-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;padding:16px}.wallet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.or{color:var(--muted)}.watch-form{padding:0;border:0;flex:1 1 320px;max-width:520px}.watch-form input{text-transform:none}.watch-form button{background:var(--bg);color:var(--text);border-color:var(--line);font-weight:400}.hint{color:var(--muted);font-size:13px;flex-basis:100%}.wallet-error{color:var(--danger);font-size:14px;padding:0 16px 14px}.note{color:var(--muted);font-size:12px;text-align:center;padding:0 20px 24px}.note a{color:inherit}@media (max-width: 900px){main{padding:0 12px 20px}header{padding:10px 12px}.grid.side,.grid.side.wide,.grid.half{grid-template-columns:minmax(0,1fr)}section{scroll-margin-top:100px}#clock{display:none}}
