:root{--text:#e7e9f0;--text-muted:#9aa3b8;--text-faint:#6e7790;--bg:#0f1217;--panel-bg:#181c24;--panel-bg-alt:#20242e;--input-bg:#11141a;--border:#2a2f3a;--border-strong:#3a4150;--accent:#5b8cff;--accent-dark:#3f6fe6;--accent-soft:#5b8cff29;--positive:#3ddc8f;--positive-bg:#3ddc8f24;--negative:#ff6b6b;--negative-bg:#ff6b6b24;--radius:10px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006, 0 1px 3px #0000004d;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font:14.5px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}h1{color:var(--text);font-size:20px}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:12px;font-size:14px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:7px 10px}th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--panel-bg-alt);font-size:11px;font-weight:600;position:sticky;top:0}input,select{font:inherit;color:var(--text);border:1px solid var(--border-strong);background:var(--input-bg);border-radius:6px;padding:5px 8px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[type=range]{accent-color:var(--accent)}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-weight:500;transition:background .15s,transform 50ms}button:hover{background:var(--accent-dark)}button:active{transform:translateY(1px)}.app{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:0 24px 40px;display:flex}.app-header{background:var(--panel-bg);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 -24px;padding:18px 24px;display:flex;position:sticky;top:0}.header-title{flex-direction:column;gap:2px;display:flex}.header-subtitle{color:var(--text-muted);font-size:12px;font-weight:400}.header-controls{align-items:center;gap:20px;display:flex}.sync-status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:500}.sync-loading,.sync-saving{background:var(--accent-soft);color:var(--accent)}.sync-saved{background:var(--positive-bg);color:var(--positive)}.sync-offline{background:var(--negative-bg);color:var(--negative)}.portfolio-size-input{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.portfolio-size-input input{width:160px;font-size:14px;font-weight:500}.export-import{gap:8px;display:flex}.export-import button{background:var(--panel-bg-alt);color:var(--text);border:1px solid var(--border-strong)}.export-import button:hover{background:var(--panel-bg-alt)}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px}.panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.panel-header h2{margin-bottom:0}.hint{color:var(--text-faint);margin:6px 0 12px;font-size:12px;line-height:1.5}.underlyings-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.underlying-panel{flex:340px;min-width:300px}.underlying-panel .panel-header{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:12px}.underlying-panel .label-input{color:var(--text);background:0 0;border:none;flex:1;padding:0;font-size:16px;font-weight:600}.underlying-panel .label-input:focus{box-shadow:none;border-bottom:1px solid var(--accent);border-radius:0}.icon-btn{color:var(--text-faint);border:1px solid var(--border);background:0 0;border-radius:6px;width:24px;height:24px;padding:0;font-size:15px;line-height:1}.icon-btn:hover{background:var(--negative-bg);color:var(--negative);border-color:var(--negative)}.spot-row,.field-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.spot-row label,.field-row label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);flex-direction:column;gap:3px;font-size:10.5px;font-weight:600;display:flex}.spot-row input,.field-row input{width:90px}.symbol-input{width:110px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.spot-row .computed-value{color:var(--accent);margin-left:auto;font-size:13px;font-weight:600}.spot-row button{background:var(--accent-soft);color:var(--accent);padding:5px 10px;font-size:12px}.spot-row button:hover{background:var(--accent);color:#fff}.slider-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.slider-header span{text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-size:10.5px;font-weight:600}.reset-btn{color:var(--text-muted);border:1px solid var(--border-strong);background:0 0;padding:3px 9px;font-size:11px}.reset-btn:hover{background:var(--negative-bg);color:var(--negative);border-color:var(--negative)}.slider-row{margin-bottom:14px}.slider-row:last-child{margin-bottom:0}.slider-row label{color:var(--text);flex-direction:column;gap:6px;font-size:12.5px;font-weight:500;display:flex}.slider-row input[type=range]{width:100%;height:4px}.add-underlying-btn{background:var(--panel-bg-alt);color:var(--accent);border:1px dashed var(--border-strong);align-self:flex-start;height:fit-content;margin-top:4px}.add-underlying-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.table-scroll{border:1px solid var(--border);border-radius:8px;margin:0 -2px;overflow-x:auto}.position-table{margin-bottom:0}.position-table tbody tr:hover{background:var(--panel-bg-alt)}.position-table td.num{text-align:right;font-variant-numeric:tabular-nums}.capitalize{text-transform:capitalize}.short-row{background:color-mix(in srgb, var(--negative-bg) 60%, var(--panel-bg))}.long-row{background:color-mix(in srgb, var(--positive-bg) 50%, var(--panel-bg))}.side-pill{text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.side-long{background:var(--positive-bg);color:var(--positive)}.side-long:hover{background:var(--positive);color:#fff}.side-short{background:var(--negative-bg);color:var(--negative)}.side-short:hover{background:var(--negative);color:#fff}.qty-input{width:60px}.premium-input{width:75px}.num-input-sm{width:80px}.positive{color:var(--positive);font-weight:500}.negative{color:var(--negative);font-weight:500}.add-row{background:var(--panel-bg-alt)}.add-row td{border-bottom:none;border-top:2px solid var(--border);padding-top:10px;padding-bottom:10px}.add-row-hint{color:var(--text-faint);font-size:11.5px;font-style:italic}.add-btn{background:var(--accent);white-space:nowrap;font-size:12.5px}.greeks-table{font-size:13px}.greeks-table td.positive,.greeks-table td.negative{font-weight:600}.greeks-table .pct{color:var(--text-faint);margin-left:2px;font-size:11px;font-weight:400}.heatmap-selectors{color:var(--text-faint);align-items:center;gap:8px;font-size:13px;display:flex}.heatmap-table{font-size:11px}.heatmap-table th{text-align:center}.heatmap-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:#1c2333;border:1px solid #00000014}.distributions-row{flex-wrap:wrap;gap:16px;display:flex}.distributions-row .panel{flex:420px}