:root{color-scheme:dark;--bg: #0f1419;--panel: #1a222c;--line: #2c3948;--text: #e8eef4;--muted: #8ea0b3;--call: #3dd68c;--put: #f07178;--warn: #f0c14b;--err: #ff6b6b;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{max-width:1100px;margin:0 auto;padding:24px 20px 48px}.header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}h1{margin:0;font-size:1.6rem}.sub{margin:6px 0 0;color:var(--muted);font-size:.9rem}.meta{display:flex;gap:8px;flex-wrap:wrap}.pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.8rem}.pill.open{color:var(--call)}.pill.closed{color:var(--muted)}.pill.delayed{color:var(--warn)}.quote-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.quote-cell{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.quote-cell .label{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.quote-cell .value{font-size:1.3rem;font-variant-numeric:tabular-nums}.quote-cell .value.dates{font-size:1.05rem}.settings{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:18px 0 8px}.settings label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.settings input{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:1rem;width:120px}.settings button,.actions button{background:#243140;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}.actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.panel th,.panel td{text-align:left}.banner{border-radius:8px;padding:10px 12px;margin-bottom:16px;font-size:.9rem}.banner.warn{background:#3a3118;color:var(--warn)}.banner.error{background:#3a1c1c;color:var(--err)}.empty{color:var(--muted)}.expirations{display:grid;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 12px 4px;overflow-x:auto}.panel h2{margin:0 0 10px;font-size:1.05rem}.panel h2 span{color:var(--muted);font-weight:500;margin-left:8px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:8px 10px;text-align:right;border-top:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase}.strike{text-align:center;font-weight:700}.call{color:var(--call)}.put{color:var(--put)}.callback p{color:var(--muted)}.callback code{font-size:.9rem;word-break:break-all}.callback dl{display:grid;grid-template-columns:80px 1fr;gap:8px 12px}.callback dt{color:var(--muted)}.callback dd{margin:0}@media(max-width:720px){.quote-bar{grid-template-columns:repeat(2,1fr)}}