:root{color:#f1f6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#031221;--panel:#071c30;--panel-deep:#061727;--text:#f1f6ff;--muted:#aec2d6;--subtle:#8fa8be;--border:#1a3a51;--cyan:#00d5ff;--purple:#cf8bff;--gold:#ffd35c;--positive:#37e6b4;--danger:#ffabb4;background:#031221;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:18px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button{border:1px solid var(--border);background:#0b263b;border-radius:8px;min-height:44px}button:hover{background:#12334b}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}main:focus{outline:none}input:focus-visible{outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}h1{letter-spacing:-.045em;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:650}h2{letter-spacing:-.02em;font-size:1.08rem;font-weight:650}h3{font-size:.9rem;font-weight:600}p{line-height:1.6}svg{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--panel);padding:14px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}button,input,dd,td,.contract-number{font-variant-numeric:tabular-nums}::selection{color:#fff;background:#075873}@media (prefers-reduced-motion:no-preference){button,a,input{transition:background .15s,border-color .15s}}.app-shell{grid-template-columns:216px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--border);background:#041625;flex-direction:column;height:100svh;padding:34px 16px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:13px;padding:0 9px 36px;font-size:1.2rem;font-weight:700;line-height:1.35;text-decoration:none;display:flex}.brand>span>span{display:block}.brand-mark{height:42px;color:var(--cyan);align-items:center;gap:5px;display:flex}.brand-mark i{background:linear-gradient(var(--cyan), #0084d5);border-radius:2px;width:7px;height:20px;display:block;position:relative}.brand-mark i:before{content:"";background:var(--cyan);width:1px;height:33px;position:absolute;top:-6px;left:3px}.brand-mark i:first-child{height:14px;transform:translateY(8px)}.brand-mark i:last-child{transform:translateY(-8px)}.sidebar-caption{color:var(--subtle);letter-spacing:.17em;margin:6px 12px 14px;font-size:.57rem}.navigation{flex-direction:column;gap:8px;display:flex}.nav-item{text-align:left;color:var(--muted);background:0 0;border-color:#0000;align-items:center;gap:13px;padding:13px 16px;font-size:.86rem;display:flex}.nav-item[aria-current]{color:var(--cyan);box-shadow:inset 3px 0 var(--cyan);background:linear-gradient(100deg,#073751,#0a2a40);border-color:#12617b}.nav-short{display:none}.nav-settings{border-top-color:var(--border);border-radius:0;margin-top:28px;padding-top:22px}.sidebar-bottom{color:var(--subtle);align-items:center;gap:7px;margin-top:auto;padding:32px 8px 0;font-size:.62rem;display:flex}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 30px;display:flex}.workspace-label{color:var(--subtle);font-size:.75rem}.workspace-label span{color:#42627a;margin:0 12px}.workspace-label strong{color:var(--muted);font-weight:500}.topbar-actions{align-items:center;gap:12px;display:flex}.connection{color:var(--muted);align-items:center;gap:7px;font-size:.68rem;display:flex}.settings-link{background:0 0!important;border-color:#0000!important}.status-dot{background:var(--positive);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.is-offline{background:var(--gold)}main{max-width:1600px;margin:0 auto;padding:30px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading>div>p:last-child{color:var(--muted);margin-top:8px;font-size:.8rem}.eyebrow{letter-spacing:.18em;color:var(--cyan);margin-bottom:10px;font-size:.56rem;font-weight:650}.private-badge{border:1px solid var(--border);color:var(--subtle);white-space:nowrap;border-radius:5px;padding:8px 10px;font-size:.62rem}.overview{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:20px;display:grid}.overview-left,.overview-right{flex-direction:column;gap:20px;min-width:0;display:flex}.support-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.reference-view,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.selector-panel{max-width:650px;margin-bottom:24px}.reading-width{max-width:900px}.app-footer{color:var(--subtle);justify-content:space-between;gap:20px;padding:0 30px 24px;font-size:.6rem;display:flex}@media (width>=1550px){.support-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}}@media (width<=1199px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{padding:26px 10px 18px}.brand{justify-content:center;padding:0 0 32px}.brand>span:last-child,.sidebar-caption,.sidebar-bottom{display:none}.nav-item{flex-direction:column;gap:6px;padding:10px 3px;font-size:.62rem}.nav-long{display:none}.nav-short{display:inline}main{padding:24px}.topbar{padding-inline:24px}.overview,.overview-left,.overview-right{gap:16px}.private-badge,.desktop-support{display:none}.reference-view,.settings-grid{grid-template-columns:1fr}}@media (width>=768px) and (width<=1000px) and (orientation:portrait){.overview{grid-template-columns:1fr;max-width:700px;margin:auto}}@media (width<=767px){.app-shell{display:block}.sidebar{border:0;height:auto;padding:0;position:static}.brand{gap:11px;padding:0;font-size:.95rem;position:absolute;top:21px;left:20px}.brand>span:last-child{display:block}.brand>span>span{margin-left:4px;display:inline}.brand-mark{transform-origin:0;width:27px;transform:scale(.75)}.navigation{bottom:0;z-index:20;border-top:1px solid var(--border);padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:#061a2af5;flex-direction:row;gap:0;position:fixed;inset-inline:0}.nav-item{border-radius:8px;flex:1;gap:4px;min-width:0;padding:9px 1px 7px;font-size:.59rem}.nav-item[aria-current]{box-shadow:none;background:#0b344a;border-color:#0000}.nav-settings{display:none}.topbar{justify-content:flex-end;min-height:86px;padding:18px 15px}.workspace-label,.connection{display:none}main{padding:24px 16px 18px}.page-heading{margin-bottom:23px}.page-heading>div>p:last-child{font-size:.76rem}.overview{flex-direction:column;display:flex}.overview-left,.overview-right{gap:16px;width:100%}.app-footer{padding:6px 20px calc(100px + env(safe-area-inset-bottom));flex-direction:column;gap:5px}.reference-view,.settings-grid{gap:16px}}@media (width<=359px){main{padding-inline:12px}.brand{font-size:.83rem;left:14px}}.panel{border:1px solid var(--border);background:linear-gradient(135deg,#081f33,#061828);border-radius:12px;min-width:0;padding:22px;box-shadow:0 5px 24px #0000000a}.panel-heading{align-items:center;gap:11px;margin-bottom:22px;display:flex}.panel-heading>div:not(.panel-action){min-width:0}.panel-heading p{color:var(--muted);margin-top:5px;font-size:.7rem;line-height:1.5}.panel-icon{width:40px;height:40px;color:var(--cyan);background:#082d43;border:1px solid #19526b;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.panel-action{flex-shrink:0;margin-left:auto}.auto-label{color:var(--positive);background:#08352e;border:1px solid #175349;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:.62rem;display:flex}.auto-label i{background:var(--positive);border-radius:50%;width:5px;height:5px}.instrument-group{border:0;min-width:0;margin:0;padding:0}.instrument-group legend{color:var(--muted);margin-bottom:11px;padding:0;font-size:.68rem}.instrument-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cyan{--instrument-color:var(--cyan)}.purple{--instrument-color:var(--purple)}.gold{--instrument-color:var(--gold)}.instrument{color:var(--instrument-color);background:#071826;border-color:#284256;flex-direction:column;align-items:center;gap:5px;padding:13px 5px 11px;display:flex;position:relative}.instrument strong{letter-spacing:-.01em;font-size:1rem}.instrument>span:not(.sr-only){color:var(--muted);font-size:.52rem;line-height:1.5}.instrument[aria-pressed=true]{border:1px solid var(--instrument-color);box-shadow:inset 0 -3px var(--instrument-color);background:color-mix(in srgb, var(--instrument-color) 10%, #071826)}.instrument:hover{border-color:var(--instrument-color);background:#10334a}.instrument-detail{color:var(--subtle);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0 20px;font-size:.62rem;display:flex}.field+.field{margin-top:18px}.field label{align-items:center;gap:8px;margin-bottom:9px;font-size:.78rem;font-weight:600;display:flex}.field label svg{color:var(--muted);width:18px}.input-wrap{background:#041320;border:1px solid #2a4a61;border-radius:8px;align-items:center;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #00d5ff0d}.input-wrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:15px 14px;font-size:1.2rem;font-weight:550}.input-wrap input::placeholder{color:#7893a9;font-size:1rem;font-weight:400}.input-wrap>span{color:var(--subtle);padding:0 14px 0 6px;font-size:.7rem}.input-error{border-color:var(--danger)}.field-hint,.field-error{margin-top:7px;font-size:.64rem}.field-hint{color:var(--subtle)}.field-error{color:var(--danger)}.form-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:9px;display:flex}.form-footer>span{color:var(--muted);align-items:center;gap:6px;font-size:.62rem;display:flex}.save-status{color:var(--subtle);min-height:2.8em;margin-top:4px;font-size:.6rem}.text-button{color:var(--cyan);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 2px;font-size:.65rem;display:inline-flex}.text-button:hover{background:#12334b66}.icon-button{width:44px;height:44px;color:var(--muted);place-items:center;padding:0;display:inline-grid}.result-hero{background:linear-gradient(110deg,#0a302f,#072626);border:1px solid #285444;border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:22px 18px;display:grid}.contracts-block{align-items:center;gap:13px;display:flex}.result-symbol{width:48px;height:48px;color:var(--positive);background:#0c5444;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.result-hero h3{color:#c9e8df;font-size:.7rem;font-weight:500}.contract-number{letter-spacing:-.05em;color:var(--positive);overflow-wrap:anywhere;margin:5px 0;font-size:clamp(2.5rem,4vw,4rem);font-weight:650;line-height:1.2}.result-hero p{color:#a6c7c0;font-size:.58rem}.gross-block{border-left:1px solid #236252;min-width:0;padding-left:20px}.gross-block>strong{letter-spacing:-.04em;color:var(--positive);overflow-wrap:anywhere;margin:9px 0;font-size:clamp(1.3rem,2.2vw,2.2rem);display:block}.result-hero:not(.has-result){border-color:var(--border);background:#081c2b}.result-hero:not(.has-result) .contract-number,.result-hero:not(.has-result) .gross-block>strong{color:var(--muted)}.result-details{justify-content:space-between;gap:12px;margin:19px 0;display:flex}.result-details>div{min-width:0}.result-details dt{color:var(--subtle);font-size:.6rem}.result-details dt span{font-size:.5rem;display:block}.result-details dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:.82rem}.disclosure{color:var(--subtle);border-top:1px solid var(--border);padding-top:12px;font-size:.58rem;line-height:1.6}.symbol-tag{color:var(--instrument-color);border:1px solid color-mix(in srgb, var(--instrument-color) 40%, var(--border));background:color-mix(in srgb, var(--instrument-color) 6%, #061727);border-radius:5px;justify-content:center;align-items:center;min-width:44px;padding:6px 8px;font-size:.66rem;font-weight:650;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:.76rem}th,td{border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 14px}thead th{color:var(--muted);background:#041725;font-size:.62rem;font-weight:500}tr>:first-child{text-align:left}tbody th{color:var(--muted);font-weight:400}tbody td:last-child{font-weight:550}tbody tr:nth-child(odd){background:#0a263a66}tbody tr:hover{background:#0c344a}tbody tr:last-child>*{border-bottom:0}.panel-note{color:var(--subtle);margin-top:15px;font-size:.62rem;line-height:1.7}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.example{background:#071b2d;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:14px 12px;font-size:.72rem;display:flex}.example:hover{border-color:var(--instrument-color)}.example small{color:var(--subtle);font-size:.6rem}.example svg{color:var(--subtle)}.example strong{color:var(--instrument-color);overflow-wrap:anywhere;font-size:.75rem}.formula-box{border:1px solid var(--border);text-align:center;background:#041725;border-radius:8px;padding:18px 10px}.formula-box>span{color:var(--muted);margin-bottom:12px;font-size:.65rem;display:block}.formula-box>strong{color:var(--positive);justify-content:center;align-items:center;gap:7px;font-size:.9rem;font-weight:500;display:flex}.fraction{color:var(--cyan);flex-direction:column;font-size:.7rem;display:flex}.fraction>span:first-child{color:var(--positive);border-bottom:1px solid #46647a;padding-bottom:7px}.fraction>span:last-child{padding-top:7px}.parenthesis{font-size:2.2rem;font-weight:300}.formula-copy{color:var(--muted);margin:17px 0;font-size:.7rem}.instrument-values{gap:10px;display:grid}.instrument-values>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.instrument-values strong{font-size:.76rem;font-weight:500}.instrument-values small{color:var(--subtle);font-size:.62rem}.instrument-values>div>span:last-child{color:var(--subtle);margin-left:auto;font-size:.6rem}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--border);align-items:center;gap:3px;padding:6px 0;display:flex}.history-list li:first-child{padding-top:0}.history-list li:last-child{border-bottom:0}.history-restore{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 3px;display:flex}.history-summary{flex:1;min-width:0}.history-summary strong{overflow-wrap:anywhere;font-size:.68rem;font-weight:500;display:block}.history-summary time{color:var(--subtle);margin-top:6px;font-size:.55rem;display:block}.history-contracts{text-align:right;font-size:.85rem}.history-contracts small{color:var(--muted);margin-top:3px;font-size:.53rem;display:block}.delete-button{background:0 0;border-color:#0000}.delete-button:hover{color:var(--danger)}.empty-state{text-align:center;color:var(--subtle);padding:23px 10px}.empty-state>svg{opacity:.6;margin-bottom:12px}.empty-state h3{color:var(--muted);font-size:.8rem}.empty-state p{max-width:270px;margin:8px auto 0;font-size:.67rem}.primary-button{background:var(--cyan);color:#001625;border-color:var(--cyan);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.8rem;font-weight:650;display:inline-flex}.primary-button:hover{background:#69e8ff}.body-copy{color:var(--muted);margin:12px 0 20px;font-size:.8rem}.help-box{border:1px solid var(--border);background:#051624;border-radius:8px;margin-top:20px;padding:18px}.help-box>strong{font-size:.78rem}.help-box p{color:var(--muted);margin-top:10px;font-size:.72rem}.notice,.update-banner{color:#ffe5a3;background:#2b2719;border:1px solid #72602a;border-radius:10px;margin-bottom:20px;padding:16px 20px;font-size:.76rem;line-height:1.6}.update-banner{color:var(--text);background:#082f3b;border-color:#205a6b;align-items:center;gap:14px;display:flex}.update-banner>div{flex:1}.update-banner p{color:var(--muted);font-size:.7rem}dialog{color:var(--text);background:var(--panel);border:1px solid #3a5a70;border-radius:14px;max-width:min(450px,100vw - 32px);padding:28px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a}dialog p{color:var(--muted);margin-top:14px;font-size:.85rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.dialog-actions button{padding:10px 16px;font-size:.8rem}button.danger{background:#632a38;border-color:#9a4354}@media (width>=1550px){.support-grid .panel{padding:18px}.support-grid h2{font-size:.9rem}.support-grid .panel-icon{border-radius:7px;width:32px;height:32px}.support-grid .panel-heading{gap:8px}.support-grid .instrument-values>div>span:last-child{display:none}}@media (width<=1399px) and (width>=768px){.result-hero{grid-template-columns:1fr}.gross-block{border-top:1px solid #236252;border-left:0;padding:17px 0 0}.instrument>span:not(.sr-only){display:none}}@media (width<=767px){.panel{border-radius:10px;padding:19px 16px}.panel-heading{gap:10px;margin-bottom:20px}.panel-heading p{font-size:.66rem}h2{font-size:1rem}.panel-icon{border-radius:8px;width:36px;height:36px}.instrument{padding:14px 4px}.instrument>span:not(.sr-only){display:none}.instrument strong{font-size:.9rem}.instrument-options{gap:7px}.instrument-detail{padding-top:12px;font-size:.58rem}.result-hero{grid-template-columns:1fr;gap:21px;padding:22px}.contracts-block{gap:20px}.contract-number{font-size:3.6rem}.gross-block{border-top:1px solid #236252;border-left:0;padding:20px 0 0}.gross-block>strong{font-size:2rem}.result-hero h3{font-size:.8rem}.result-hero p{font-size:.65rem}.example{padding:13px 10px;font-size:.67rem}.example strong{font-size:.68rem}.example svg{width:13px}.update-banner{flex-wrap:wrap}.update-banner>div{flex-basis:100%}.history-summary strong{font-size:.63rem}}.toast-notification{top:calc(12px + env(safe-area-inset-top));z-index:100;border:1px solid var(--gold);background:var(--panel);width:min(460px,100% - 24px);color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 28px #0004}.toast-notification p{flex:1;font-size:.85rem;line-height:1.5}.toast-dismiss{width:44px;height:44px;color:var(--muted);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:grid}.toast-action{max-width:100px;min-height:44px;color:var(--cyan);flex-shrink:0;padding:8px;font-size:.75rem;line-height:1.4}.app-shell .page-heading{display:none}.currency-controls{margin-bottom:20px}.currency-selector{border:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:0;padding:0;display:flex}.currency-selector legend{float:left;color:var(--muted);padding:0;font-size:.72rem}.currency-options{gap:5px;margin-left:auto;display:flex}.currency-options button{background:var(--panel-deep);min-width:58px;padding:8px 12px;font-size:.7rem}.currency-options button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.exchange-info{border:1px solid var(--border);background:var(--panel-deep);border-radius:8px;margin-top:14px;padding:14px}.exchange-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.exchange-heading strong{font-size:.75rem;font-weight:600;display:block}.exchange-heading p>span{color:var(--muted);margin-top:4px;font-size:.65rem;display:block}.exchange-status,.exchange-disclaimer{color:var(--muted);margin-top:10px;font-size:.63rem;line-height:1.7}.exchange-status:empty{display:none}.exchange-disclaimer a{text-underline-offset:3px}.theme-toggle{border-color:var(--border);color:var(--text);background:0 0}.history-notice{margin-top:20px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#132a3e;--background:#f3f6fa;--panel:#fff;--panel-deep:#f1f6fa;--text:#132a3e;--muted:#425f73;--subtle:#50697c;--border:#cad7e2;--cyan:#006c88;--purple:#8144b5;--gold:#805d00;--positive:#087655;--danger:#b4233c;background:#f3f6fa}[data-theme=light] button{background:#e9f1f7}[data-theme=light] button:hover{background:#dceaf3}[data-theme=light] .sidebar{background:#fff}[data-theme=light] .nav-item{background:0 0}[data-theme=light] .nav-item[aria-current]{background:#e2f2f8;border-color:#86bccb}[data-theme=light] .panel{background:linear-gradient(135deg,#fff,#f8fbfd);box-shadow:0 5px 24px #284d6e08}[data-theme=light] .panel-icon{background:#e9f5fa;border-color:#a3cbd8}[data-theme=light] .auto-label{background:#e6f5ed;border-color:#a3cdbb}[data-theme=light] .instrument{background:#f7fafc;border-color:#b5c8d8}[data-theme=light] .instrument[aria-pressed=true]{background:color-mix(in srgb, var(--instrument-color) 9%, white);border-color:var(--instrument-color)}[data-theme=light] .instrument:hover{background:#e9f1f7}[data-theme=light] .input-wrap{background:#fff;border-color:#91a9bc}[data-theme=light] .input-wrap:focus-within{border-color:var(--cyan)}[data-theme=light] .input-error{border-color:var(--danger)}[data-theme=light] .input-wrap input::placeholder{color:#627b90}[data-theme=light] .result-hero{background:linear-gradient(110deg,#e7f7ee,#edf8f5);border-color:#91c7b5}[data-theme=light] .result-symbol{background:#ccebdc}[data-theme=light] .result-hero h3{color:#255c49}[data-theme=light] .result-hero p{color:#3d6859}[data-theme=light] .gross-block{border-color:#a2cdbc}[data-theme=light] .result-hero:not(.has-result){border-color:var(--border);background:#f0f5f8}[data-theme=light] .symbol-tag{background:color-mix(in srgb, var(--instrument-color) 7%, white)}[data-theme=light] thead th,[data-theme=light] .formula-box,[data-theme=light] .help-box{background:#eef4f8}[data-theme=light] tbody tr:nth-child(odd){background:#f4f8fb}[data-theme=light] tbody tr:hover{background:#e4f0f7}[data-theme=light] .example{background:#f7fafc}[data-theme=light] .history-restore,[data-theme=light] .delete-button,[data-theme=light] .text-button,[data-theme=light] .theme-toggle{background:0 0}[data-theme=light] .history-restore:hover,[data-theme=light] .delete-button:hover,[data-theme=light] .text-button:hover,[data-theme=light] .theme-toggle:hover{background:#e7f0f6}[data-theme=light] .primary-button{color:#fff;background:#006c88;border-color:#006c88}[data-theme=light] .primary-button:hover{background:#00536b}[data-theme=light] .notice{color:#664800;background:#fff6de;border-color:#c5a455}[data-theme=light] .update-banner{color:var(--text);background:#e4f3f8;border-color:#89bdcc}[data-theme=light] button.danger{color:#fff;background:#ac2940;border-color:#ac2940}[data-theme=light] ::selection{color:#132a3e;background:#b3e1ed}@media (width<=767px){.topbar{min-height:86px;position:relative}.topbar-actions{gap:12px;display:flex}.topbar-actions .connection{white-space:nowrap;display:flex;position:absolute;top:calc(100% + 24px);right:16px}.app-shell[data-input-active=true] .navigation{display:none}html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}.nav-item svg{width:28px;height:28px}.nav-item{gap:6px;min-height:64px}.brand{font-size:.85rem;top:20px}.brand>span>span{margin-left:0;display:block}[data-theme=light] .navigation{background:#fffffff5}}@media (width<=479px){.examples-grid{grid-template-columns:minmax(0,1fr)}.example strong{white-space:nowrap}}.navigation-options{gap:4px;display:grid}.navigation-option{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:8px 0;font-size:.85rem;display:flex}.navigation-option:last-child{border-bottom:0}.market-option>span{border:1px solid var(--border);background:var(--panel-deep);min-height:48px;color:var(--instrument-color);border-radius:8px;flex:1;align-items:center;padding:12px 14px;font-weight:600;display:flex}.market-option:has(input:checked)>span{border-color:var(--instrument-color);background:color-mix(in srgb, var(--instrument-color) 10%, var(--panel-deep));box-shadow:inset 0 -3px var(--instrument-color)}.market-option:hover>span{border-color:var(--instrument-color)}.market-option:has(input:focus-visible)>span{border-color:var(--instrument-color)}.navigation-option.market-option input:checked{border-color:var(--instrument-color);background:var(--instrument-color)}[data-theme=dark] .market-option>span{text-shadow:0 0 14px color-mix(in srgb, var(--instrument-color) 30%, transparent)}.navigation-option input{appearance:none;border:2px solid var(--subtle);background:var(--panel-deep);cursor:pointer;border-radius:20px;flex-shrink:0;width:48px;height:28px;margin:8px 0}.navigation-option input:before{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;margin:3px;display:block}.navigation-option input:checked{border-color:var(--cyan);background:var(--cyan)}.navigation-option input:checked:before{background:var(--background);transform:translate(20px)}.mobile-inline-result{display:none}@media (width<=767px){.overview .calculator-panel{position:relative}.overview .calculator-panel .form-footer{display:contents}.calculator-panel .form-footer>span{display:none}.mobile-inline-result{border:1px solid var(--border);background:var(--panel-deep);color:var(--muted);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:16px;padding:14px;display:flex}.mobile-inline-result.has-result{border-color:var(--positive);color:var(--positive);background:color-mix(in srgb, var(--positive) 7%, var(--panel-deep))}.mobile-result-contracts{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:.8rem;display:flex}.mobile-result-contracts strong{font-size:1.5rem}.mobile-result-gross{text-align:right;overflow-wrap:anywhere;gap:4px;min-width:0;margin-left:auto;display:grid}.mobile-result-gross strong{font-size:.95rem}.mobile-result-gross>span{color:var(--muted);font-size:.65rem}}.compact-result-bar{display:none}@media (width<=767px){html:has(.compact-result-bar){scroll-padding-top:calc(110px + env(safe-area-inset-top))}.compact-result-bar{inset-inline:12px;top:var(--compact-result-top,calc(8px + env(safe-area-inset-top)));z-index:25;border:1px solid var(--positive);background:var(--panel);color:var(--text);text-align:left;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;padding:12px 14px;display:grid;position:fixed;bottom:auto;box-shadow:0 4px 24px #0004}.compact-result-count{align-items:center;gap:8px;font-size:.7rem;display:flex}.compact-result-count svg,.compact-result-count strong{color:var(--positive)}.compact-result-count strong{font-size:1.15rem}.compact-result-money{overflow-wrap:anywhere;text-align:right;justify-self:end;font-size:.72rem;font-weight:600}.compact-result-details{color:var(--muted);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:5px;font-size:.6rem;display:flex}.compact-result-details svg{transform:rotate(-90deg)}[data-theme=light] .compact-result-bar{background:var(--panel);box-shadow:0 4px 24px #193f6426}}@keyframes compact-result-dismiss{to{transform:translateY(calc(-100% - 24px - env(safe-area-inset-top)));opacity:0}}@media (prefers-reduced-motion:no-preference){.compact-result-bar.is-dismissing{pointer-events:none;animation:.22s ease-in forwards compact-result-dismiss}}.support-grid.history-only{grid-template-columns:minmax(0,1fr)}@media (width<=767px){.calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.calculator-fields .field{min-width:0}.overview .calculator-panel .calculator-fields .field+.field{margin-top:0}.calculator-fields .field label{gap:6px;min-height:2.6em;line-height:1.3}.calculator-fields .field label svg{flex-shrink:0;width:16px}.overview .calculator-panel .calculator-fields input{padding-inline:10px}.calculator-fields .input-wrap>span{padding-inline:0 8px;font-size:.65rem}.app-shell .page-heading{display:none}.app-shell .topbar{min-height:76px;padding-block:12px}.app-shell .brand{top:10px}.app-shell .connection{top:54px;left:58px;right:auto}.app-shell main{padding-top:12px}.overview .calculator-panel{padding:16px}.overview .calculator-panel .panel-heading{margin-bottom:16px}.overview .calculator-panel .instrument{min-height:48px;padding-block:12px}.overview .calculator-panel .instrument strong{font-size:1rem}.overview .calculator-panel .instrument-detail{padding-block:10px 14px}.overview .calculator-panel .input-wrap input{min-height:56px;padding-block:12px;font-size:1.2rem}.overview .calculator-panel .field+.field{margin-top:14px}.overview .calculator-panel .form-footer{margin-top:14px;padding-top:4px}.overview .calculator-panel .form-footer button{min-width:56px;min-height:44px}.overview .calculator-panel .save-status{min-height:0}.app-shell[data-input-active=true] .calculator-panel .panel-heading p,.app-shell[data-input-active=true] .calculator-panel .instrument-detail,.app-shell[data-input-active=true] .calculator-panel .field-hint{display:none}.app-shell[data-input-active=true] .calculator-panel .instrument-group{margin-bottom:14px}.overview .calculator-panel .save-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.overview{align-items:stretch}.overview-left,.overview-right{display:contents}.overview .calculator-panel{order:0;width:100%}.overview .result-panel{order:1;width:100%}.overview-reference{order:2;width:100%}.overview-examples{order:3;width:100%}.overview .support-grid{order:4;width:100%}}@media (width>=768px){.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.workspace-label{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.topbar-actions{grid-area:1/3;justify-self:end}.trading-motto{grid-area:1/2}}.trading-motto{color:var(--cyan);letter-spacing:.09em;text-align:center;font-size:.72rem;font-weight:650;line-height:1.5}@media (width>=1200px){.trading-motto{font-size:1rem}}.result-reset{min-height:44px;color:var(--cyan);letter-spacing:.05em;padding:8px 12px;font-size:.7rem;font-weight:650;position:relative}.settings-grid{align-items:stretch}.settings-grid>.panel{width:100%;min-width:0}@media (width>=768px) and (hover:hover) and (pointer:fine){.result-reset:hover:after,.result-reset:focus-visible:after{content:"Resets calculation inputs";z-index:30;border:1px solid var(--border);background:var(--panel);width:max-content;max-width:220px;color:var(--text);letter-spacing:normal;pointer-events:none;border-radius:8px;padding:10px 12px;font-size:.75rem;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0003}}@media (width<=767px){.app-shell .topbar{flex-wrap:wrap;row-gap:8px;min-height:96px;padding:14px 16px 12px}.app-shell .brand{white-space:nowrap;gap:6px;font-size:.85rem;top:16px;left:16px}.app-shell .brand>span>span{margin-left:4px;display:inline}.app-shell .connection{gap:5px;font-size:.65rem;top:30px;left:auto;right:68px}.topbar-actions{min-height:44px}.trading-motto{letter-spacing:.05em;flex-basis:100%;padding-top:0;font-size:.82rem}}
