:root{color-scheme:light dark;--bg: #f6f7f9;--card: #ffffff;--text: #1c2026;--muted: #5f6b7a;--line: #d9dee5;--accent: #1d5fd1;--accent-text: #ffffff;--ok: #17703a;--off: #a12a2a;--warn-bg: #fff4d6;--warn-text: #5c4400}@media (prefers-color-scheme: dark){:root{--bg: #14171b;--card: #1e2329;--text: #e6e9ed;--muted: #9aa5b3;--line: #333b45;--accent: #6ea3ff;--accent-text: #0b1a33;--ok: #5fd08a;--off: #ff8a8a;--warn-bg: #3a3014;--warn-text: #ffd978}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif}.page{max-width:1100px;margin:0 auto;padding:16px}.page.narrow{max-width:420px;padding-top:12vh}h1{font-size:20px;margin:0 0 12px}h2{font-size:16px;margin:16px 0 0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.topbar h1{margin:0}.hub-version{margin-left:8px;color:#8a9196;font-size:13px;font-weight:400}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row input{flex:1 1 160px}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px}input,button{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:8px 12px}input{min-width:0}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.link{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;text-align:left}.muted{color:var(--muted)}.error{color:var(--off);margin:0}.warn{background:var(--warn-bg);color:var(--warn-text);padding:8px;border-radius:6px;margin:0}.issued .code{font:600 28px/1.3 ui-monospace,SF Mono,Consolas,monospace;letter-spacing:.08em;margin:4px 0 12px;word-break:break-all;-webkit-user-select:all;user-select:all}.issued p{margin:0}.issued{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.badge{font-weight:600}.badge.on{color:var(--ok)}.badge.off{color:var(--off)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--card)}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}tr:last-child td{border-bottom:0}td.num{text-align:right;font-variant-numeric:tabular-nums}pre{margin:0;padding:8px;overflow-x:auto;background:var(--bg);border-radius:6px;font:12px/1.5 ui-monospace,SF Mono,Consolas,monospace}.tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-weight:600;color:var(--muted)}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}:root{--buy: #e5484d;--sell: #2f6fe4}@media (prefers-color-scheme: dark){:root{--buy: #ff7b80;--sell: #7aa7ff}}.buy{color:var(--buy)}.sell{color:var(--sell)}.dr-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}@media (max-width: 680px){.dr-form{grid-template-columns:1fr}}.dr-field{display:block}.dr-field>.dr-label{display:block;font-weight:700;margin-bottom:8px}.dr-input{display:flex;align-items:center;gap:8px}.dr-input input{width:100%;border-radius:12px;padding:10px 12px}.dr-input input:focus{outline:2px solid var(--accent)}.dr-unit{white-space:nowrap}.dr-help{color:var(--muted);font-size:12px;margin:4px 0 0}.dr-seg{display:flex;flex-wrap:wrap;background:var(--bg);border-radius:10px;padding:3px;gap:2px}.dr-seg button{flex:1 1 auto;border:0;background:transparent;border-radius:8px;padding:8px 10px;white-space:nowrap}.dr-seg button.on{background:var(--card);color:var(--accent);font-weight:700;box-shadow:0 1px 3px #00000026}.dr-check{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.dr-check input{width:18px;height:18px;padding:0;accent-color:var(--accent)}.dr-wide{grid-column:1 / -1}.dr-name{display:flex;align-items:center;gap:6px}.dr-tipbtn{padding:0 6px;border-radius:999px;font-size:12px;line-height:18px;color:var(--muted)}.dr-tip{white-space:normal;max-width:320px;color:var(--muted);font-size:12px;margin-top:2px}.dr-sub{white-space:normal;color:var(--muted);font-size:12px;max-width:260px}.dr-chart{width:100%;height:auto;display:block}.dr-chart text{fill:var(--muted);font-size:11px}.dr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 680px){.dr-grid2{grid-template-columns:1fr}}.dr-confirm{background:var(--warn-bg);color:var(--warn-text);border-radius:6px;padding:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}tr.clickable{cursor:pointer}
