:root{--bg:#f4f4f5;--border:#e4e4e7;--text:#18181b;--muted:#52525b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,sans-serif}main{width:100%;padding:20px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h1{font-size:24px;margin:0}p{margin:6px 0;color:var(--muted)}a{color:inherit}.surface{background:white;border:1px solid var(--border);border-radius:12px;padding:20px}form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}input,button{font:inherit;border:1px solid #d4d4d8;border-radius:6px;background:white;padding:7px 12px;height:36px}input[type=checkbox]{height:17px;width:17px;padding:0;accent-color:#18181b;cursor:pointer}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}#search{width:260px}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{background:#fafafa;color:var(--muted);font-weight:500}.swatch{display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:8px}.plot{position:relative;height:clamp(400px,58vh,1000px);margin-top:20px}.note{font-size:12px;margin-top:12px}#status{min-height:22px}td:last-child button{padding:0 9px}.up{color:#dc2626}.down{color:#2563eb}
:where(select){font:inherit;border:1px solid #d4d4d8;border-radius:6px;background:white;padding:7px 12px;height:36px}