*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--surface:#16213e;--surface2:#0f3460;--accent:#0078d4;--accent-hover:#1a8cff;--on-accent:#fff;--text:#e0e0e0;--text-dim:#888;--text-bright:#fff;--text-sub:color-mix(in srgb, var(--text) 45%, var(--text-dim));--btn-bg:#2a2a4a;--btn-hover:#3a3a5a;--btn-num:#363656;--btn-num-hover:#46466a;--btn-op:#005a9e;--btn-op-hover:#0070c0;--btn-eq:#0078d4;--btn-eq-hover:#1a8cff;--btn-func:#2d2d4d;--btn-func-hover:#3d3d5d;--sidebar-bg:#0d1b2a;--border:#1a2a4a;--radius:6px;--shadow:0 2px 8px #0000004d;--sidebar-w-closed:48px;--sidebar-w-open:220px;--right-sidebar-w:260px;--top-bar-h:40px}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w-closed);min-width:var(--sidebar-w-closed);background:var(--sidebar-bg);z-index:100;border-right:1px solid var(--border);flex-direction:column;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.sidebar.open{width:var(--sidebar-w-open);min-width:var(--sidebar-w-open)}.sidebar-overlay{display:none}.sidebar-header{align-items:center;gap:10px;height:46px;min-height:46px;padding:8px;display:flex}.hamburger{cursor:pointer;width:32px;height:32px;color:var(--text);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hamburger:hover{background:var(--btn-hover)}.sidebar-title{white-space:nowrap;color:var(--text-bright);font-size:15px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;padding:4px 0;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.nav-item{width:100%;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:7px 12px;font-size:13px;transition:background .15s;display:flex}.nav-item:hover{background:var(--btn-hover)}.nav-item.active{background:var(--accent);color:var(--on-accent)}.nav-sub{color:var(--text);padding:5px 12px 5px 46px;font-size:12px}.nav-sub.active{background:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--text-bright)}.nav-sub-list{border-left:2px solid var(--border);margin-left:22px}.nav-sub-list .nav-sub{padding-left:22px}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.nav-chevron{border-radius:3px;flex-shrink:0;align-items:center;padding:2px;display:flex}.nav-chevron:hover{background:#ffffff1f}.chevron{flex-shrink:0;transition:transform .2s}.chevron.expanded{transform:rotate(90deg)}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:4px}.sidebar-legal{gap:12px;padding:6px 14px 8px;font-size:11px;display:flex}.sidebar-legal a{color:var(--text-sub);text-decoration:none}.sidebar-legal a:hover{color:var(--text-bright)}.nav-section{margin-bottom:2px}.nav-section+.nav-section{border-top:1px solid color-mix(in srgb, var(--border) 55%, transparent)}.nav-section-header{padding:8px 12px}.nav-section-header .nav-label{letter-spacing:.3px;font-size:12.5px;font-weight:600}.nav-section-header.current .nav-icon,.nav-section-header.current .nav-label{color:var(--accent)}.nav-section-body{padding:1px 0 4px}.nav-section-body>div>.nav-item{padding-left:22px}.nav-section-body .nav-sub-list{margin-left:32px}.nav-rail-item{justify-content:center;padding:9px 6px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-bar{height:var(--top-bar-h);min-height:var(--top-bar-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:0 8px;display:flex}.hamburger-float-inner{cursor:pointer;width:28px;height:28px;color:var(--text);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger-float-inner:hover{background:var(--btn-hover)}.top-modes{flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.top-modes::-webkit-scrollbar{height:0}.top-bar-title{color:var(--text-bright);padding:0 8px;font-size:14px;font-weight:600}.top-mode-btn{color:var(--text-sub);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .15s;display:flex}.top-mode-btn:hover{background:var(--btn-hover);color:var(--text)}.top-mode-btn.active{background:var(--accent);color:var(--on-accent)}.tm-icon{align-items:center;display:flex}.tm-label{font-size:12px}.top-actions{flex-shrink:0;gap:2px;display:flex}.content-wrapper{flex:1;min-height:0;display:flex;overflow:hidden}.main-content{flex:1;justify-content:center;align-items:stretch;min-width:0;display:flex;overflow:hidden}.right-sidebar{width:var(--right-sidebar-w);min-width:var(--right-sidebar-w);background:var(--surface);border-left:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.rs-header{border-bottom:1px solid var(--border);align-items:center;padding:5px 6px;display:flex}.rs-tabs{flex:1;gap:2px;display:flex}.rs-tab{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:5px;font-size:12px;transition:all .15s}.rs-tab.active{background:var(--accent);color:var(--on-accent)}.rs-close{font-size:16px;display:none}.rs-content{flex:1;padding:4px;overflow-y:auto}.rs-content::-webkit-scrollbar{width:3px}.rs-content::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.wb-tabpanel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rs-actions{justify-content:flex-end;margin-bottom:2px;display:flex}.rs-clear-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:12px}.rs-clear-btn:hover{background:var(--btn-hover)}.rs-list{flex-direction:column;gap:1px;display:flex}.rs-item{border-radius:4px;align-items:center;transition:background .15s;display:flex}.rs-item:hover{background:var(--btn-hover)}.rs-item.pinned{border-left:2px solid var(--accent)}.rs-item-content{text-align:right;flex:1;min-width:0;padding:4px 6px}.rs-expr{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rs-result{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.rs-item-actions{gap:1px;padding-right:2px;display:flex}.rs-action-btn{cursor:pointer;width:22px;height:22px;color:var(--text-sub);opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.rs-item:hover .rs-action-btn,.rs-item:focus-within .rs-action-btn,.rs-action-btn:focus-visible{opacity:1}.rs-action-btn:hover{background:var(--btn-hover);color:var(--text)}@media (hover:none){.rs-action-btn{opacity:1}}@media (pointer:coarse){.rs-action-btn{width:40px;height:40px}.rs-tab,.rs-clear-btn{min-height:40px}.rs-close{width:40px;height:40px}.right-sidebar .toggle-btn{min-height:40px;padding:8px 10px}.wb-sendto-item{padding:11px 12px}}.settings-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:var(--surface);border-radius:12px;min-width:300px;max-width:420px;max-height:min(760px,92vh);padding:20px;overflow-y:auto;box-shadow:0 8px 32px #0006}.settings-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-header h3{color:var(--text-bright);font-size:16px}.settings-section{margin-bottom:16px}.settings-section h4{color:var(--text-sub);margin-bottom:8px;font-size:12px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.theme-option{border:2px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px;transition:all .15s;display:flex}.theme-option.active{border-color:var(--accent)}.theme-option:hover{border-color:var(--accent);opacity:.9}.theme-option span{font-size:11px}.theme-preview{gap:3px;display:flex}.theme-color{border-radius:50%;width:22px;height:22px}.lang-options{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;display:grid}.lang-btn{border:1px solid var(--border);background:var(--surface2);min-width:0;color:var(--text);cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:9px;padding:9px 10px;font-size:12.5px;line-height:1.35;transition:border-color .15s,background .15s,color .15s}.lang-btn:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.lang-btn.active{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}.icon-btn{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--btn-hover)}.empty-msg{color:var(--text-sub);text-align:center;padding:16px 0;font-size:12px}.file-pick{align-items:center;gap:8px;min-width:0;display:flex}.file-pick-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;padding:6px 12px;font-size:12.5px;display:inline-flex}.file-pick-btn:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--text-bright)}.file-pick-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-sub);font-size:12px;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.calc-panel{flex-direction:column;gap:5px;width:100%;padding:8px 12px;display:flex;overflow-y:auto}.calc-panel::-webkit-scrollbar{width:3px}.calc-panel::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.calc-header{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.calc-header h2{color:var(--text-bright);font-size:15px;font-weight:600}.display-area{background:var(--surface);border-radius:var(--radius);flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:65px;padding:10px 14px;display:flex}.expression{color:var(--text-sub);word-break:break-all;min-height:16px;font-size:12px}.display-value{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:30px;font-weight:300;line-height:1.2;overflow:hidden}.memory-row{gap:2px;display:flex}.mem-btn{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:4px 2px;font-size:10px;transition:all .15s}.mem-btn:hover:not(:disabled){background:var(--btn-hover);color:var(--text)}.mem-btn:disabled{opacity:.3;cursor:default}.keypad{flex:1;gap:2px;min-height:0;display:grid}.std-keypad{grid-template-columns:repeat(4,1fr)}.sci-keypad{grid-template-columns:repeat(5,1fr)}.prog-keypad{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(32px,1fr)}.prog-keypad .prog-zero{grid-column:span 3}.converter-keypad{grid-template-columns:repeat(4,1fr)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:34px;padding:5px 3px;font-size:14px;font-weight:500;transition:all .12s;display:flex}.btn.num{background:var(--btn-num);color:var(--text-bright)}.btn.num:hover{background:var(--btn-num-hover)}.btn.op{background:var(--btn-op);color:var(--on-accent)}.btn.op:hover{background:var(--btn-op-hover)}.btn.eq{background:var(--btn-eq);color:var(--on-accent)}.btn.eq:hover{background:var(--btn-eq-hover)}.btn.func{background:var(--btn-func);color:var(--text);font-size:11px}.btn.func:hover{background:var(--btn-func-hover)}.btn.hex-btn{background:var(--btn-func);color:#e8a838;font-size:12px}.btn.hex-btn:hover{background:var(--btn-func-hover)}.btn:disabled{opacity:.25;cursor:default}.btn.wide{grid-column:span 2}.btn:active:not(:disabled){transform:scale(.96)}.angle-toggle{flex-wrap:wrap;gap:3px;display:flex}.toggle-btn{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:10px;transition:all .15s}.toggle-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.toggle-btn:hover:not(.active){background:var(--btn-hover)}.shift-btn.active{background:#e65100;border-color:#e65100}.scientific-panel{max-width:520px}.programmer-panel{max-width:560px}.prog-display{font-family:Cascadia Code,Consolas,monospace}.base-displays{background:var(--surface);border-radius:var(--radius);overflow:hidden}.base-row{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:4px 10px;transition:all .15s;display:flex}.base-row:hover{background:var(--btn-hover)}.base-row.active{border-left-color:var(--accent);background:#0078d41a}.base-label{color:var(--text-sub);width:28px;font-size:10px;font-weight:600}.base-value{color:var(--text-bright);font-family:Cascadia Code,Consolas,monospace;font-size:12px}.bin-val{letter-spacing:1px;font-size:10px}.bit-grid{grid-template-columns:repeat(16,1fr);gap:1px;display:grid}.bit-cell{text-align:center;cursor:pointer;background:var(--btn-func);color:var(--text-sub);border:none;border-radius:2px;padding:2px 0;font-family:monospace;font-size:8px}.bit-cell.on{background:var(--accent);color:var(--on-accent)}.bit-cell:hover{opacity:.8}.word-size-row{gap:3px;display:flex}:root{--font-display:"SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, "Noto Sans Math", "STIX Two Math", "Cambria Math", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-keycap:var(--font-display);--font-mono-display:"Cascadia Code", "SF Mono", "JetBrains Mono", Consolas, "Noto Sans Mono", ui-monospace, monospace;--key-max:96px;--calc-panel-max:560px}.key-calc{container:calc/inline-size}.calc-panel.key-calc{max-width:var(--calc-panel-max);gap:clamp(5px,1.2cqw,10px);margin-inline:auto;padding:clamp(4px,2cqw,16px) clamp(6px,2.5cqw,20px)}.scientific-panel.key-calc{--calc-panel-max:640px}.programmer-panel.key-calc{--calc-panel-max:680px}.graph-side-calc .calc-panel.key-calc{max-width:none}.key-calc .display-area{gap:clamp(2px,.6cqw,6px);min-height:clamp(65px,22cqw,150px);padding:clamp(8px,2.5cqw,18px) clamp(12px,3cqw,22px)}.key-calc .expression{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-height:1.35em;font-size:clamp(12px,3.2cqw,20px);line-height:1.35}.key-calc .display-value{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.01em;text-overflow:clip;max-width:100%;font-size:clamp(28px,13cqw,72px);line-height:1.15;overflow:hidden}.key-calc .display-value.overflowing{scrollbar-width:thin;overflow-x:auto}.key-calc .display-text{white-space:nowrap;vertical-align:bottom;display:inline-block}.key-calc .display-text .dg+.dg{margin-left:.16em}.key-calc .display-text .dp{margin:0 .02em}.key-calc .display-text .de{color:var(--text-sub);margin-left:.14em;font-size:.62em}.key-calc .prog-display{font-family:var(--font-mono-display);letter-spacing:0}.key-calc .keypad{gap:clamp(2px,1cqw,8px)}.key-calc .btn{min-height:clamp(34px, 11cqw, var(--key-max));font-family:var(--font-keycap);font-variant-numeric:tabular-nums;font-size:clamp(14px,3.8cqw,26px)}.key-calc .btn.func{font-size:clamp(11px,3cqw,20px)}.key-calc .btn.hex-btn{font-size:clamp(12px,3.2cqw,22px)}.key-calc .btn sup,.key-calc .btn sub{font-size:.64em;line-height:1}.key-calc .btn sup{vertical-align:baseline;position:relative;top:-.44em}.key-calc .btn sub{vertical-align:baseline;position:relative;top:.16em}.key-calc .mem-btn{padding:clamp(4px,1cqw,8px) 2px;font-size:clamp(10px,2.4cqw,14px)}.key-calc .angle-toggle,.key-calc .word-size-row{gap:clamp(3px,.8cqw,6px)}.key-calc .toggle-btn{padding:clamp(4px,.9cqw,7px) clamp(8px,1.6cqw,12px);font-size:clamp(10px,2.2cqw,14px)}.programmer-panel.key-calc .btn{min-height:clamp(32px,8cqw,72px)}.programmer-panel.key-calc .prog-keypad{grid-auto-rows:minmax(32px,auto)}.key-calc .base-row{padding:clamp(4px,.8cqw,8px) clamp(10px,1.8cqw,14px)}.key-calc .base-label{width:clamp(28px,5cqw,40px);font-size:clamp(10px,1.8cqw,13px)}.key-calc .base-value{font-family:var(--font-mono-display);font-size:clamp(12px,2.4cqw,17px)}.key-calc .bin-val{font-size:clamp(10px,2cqw,14px)}.key-calc .bit-cell{padding:clamp(2px,.6cqw,5px) 0;font-size:clamp(8px,1.6cqw,12px)}.key-calc .prog-diag{font-size:clamp(11px,2.4cqw,14px)}.graphing-outer{width:100%;height:100%;display:flex;overflow:hidden}.graphing-main{flex-direction:column;flex:1;gap:5px;min-width:0;padding:8px;display:flex;overflow-y:auto}.graph-toolbar{gap:3px;display:flex}.graph-functions{flex-direction:column;gap:3px;display:flex}.func-row{align-items:center;gap:4px;display:flex}.func-vis{cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.func-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.func-input{background:var(--surface);border:1px solid var(--border);color:var(--text-bright);border-radius:4px;outline:none;flex:1;padding:4px 8px;font-family:Cascadia Code,Consolas,monospace;font-size:13px}.func-input:focus{border-color:var(--accent)}.func-input::placeholder{color:var(--text-sub)}.func-remove{width:22px;height:22px;color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.func-remove:hover{color:#ff6b6b;background:#6b2020}.add-func-btn{border:1px dashed var(--border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:12px;display:flex}.add-func-btn:hover{border-color:var(--accent);color:var(--accent)}.graph-container{border-radius:var(--radius);flex:1;min-height:200px;position:relative;overflow:hidden}.graph-container canvas{cursor:crosshair;display:block}.trace-info{background:#1a1a2ee6;border-radius:4px;flex-direction:column;gap:2px;padding:4px 8px;font-family:monospace;font-size:11px;display:flex;position:absolute;top:6px;right:6px}.graph-side-calc{border-left:1px solid var(--border);width:320px;min-width:300px;overflow-y:auto}.graph-side-calc .calc-panel{padding:6px 8px}.converter-panel{max-width:100%}.converter-row{align-items:stretch;gap:8px;display:flex}.converter-card{background:var(--surface);border-radius:var(--radius);border:2px solid #0000;flex:1;min-width:0;padding:10px;transition:border-color .15s}.converter-card.focused{border-color:var(--accent)}.converter-card select{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text-bright);cursor:pointer;border-radius:4px;outline:none;margin-bottom:6px;padding:4px 6px;font-size:11px}.converter-card select:focus{border-color:var(--accent)}.conv-input{width:100%;color:var(--text-bright);text-align:right;background:0 0;border:none;outline:none;padding:2px 0;font-size:22px;font-weight:300}.conv-symbol{color:var(--text-sub);text-align:right;font-size:11px;display:block}.swap-btn-inline{background:var(--btn-func);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;transition:all .2s;display:flex}.swap-btn-inline:hover{background:var(--accent);color:var(--text-bright);transform:rotate(180deg)}.converter-all-results{background:var(--surface);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:6px;overflow-y:auto}.converter-section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.converter-section-head h4{margin:0}.converter-keypad-toggle{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:3px 6px;display:inline-flex}.converter-keypad-toggle:hover{color:var(--text-bright);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.converter-keypad-toggle[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.converter-all-results h4{color:var(--text-sub);margin-bottom:3px;font-size:10px}.all-results-list{flex-direction:column;gap:1px;display:flex}.all-result-item{cursor:pointer;border-radius:4px;justify-content:space-between;padding:3px 6px;font-size:11px;display:flex}.all-result-item:hover{background:var(--btn-hover)}.all-result-item.highlight{background:#0078d426}.ar-name{color:var(--text-sub)}.ar-value{color:var(--text-bright);font-family:monospace;font-size:11px}.rate-info{color:var(--text-sub);text-align:center;padding:2px 0;font-size:9px}.loading-dot{color:var(--accent);animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.date-panel{max-width:460px}.date-mode-toggle{gap:4px;display:flex}.date-form{flex-direction:column;gap:8px;padding:4px 0;display:flex}.date-field{flex-direction:column;gap:3px;display:flex}.date-field label{color:var(--text-sub);font-size:11px}.date-field input[type=date]{background:var(--surface);border:1px solid var(--border);color:var(--text-bright);border-radius:4px;outline:none;padding:6px 10px;font-size:13px}.date-field input[type=date]:focus{border-color:var(--accent)}.date-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.date-preview{color:var(--text-sub);font-size:10px}.date-result{background:var(--surface);border-radius:var(--radius);padding:12px}.date-result h3{color:var(--text-sub);margin-bottom:8px;font-size:12px}.result-grid{justify-content:center;gap:16px;margin-bottom:8px;display:flex}.result-item{text-align:center}.result-number{color:var(--text-bright);font-size:26px;font-weight:300;display:block}.result-label{color:var(--text-sub);font-size:10px}.total-days{text-align:center;color:var(--text);font-size:12px}.total-days strong{color:var(--accent);font-size:15px}.add-sub-toggle{gap:4px;display:flex}.date-inputs{gap:8px;display:flex}.date-input-group{flex-direction:column;flex:1;gap:3px;display:flex}.date-input-group label{color:var(--text-sub);font-size:11px}.date-input-group input{background:var(--surface);border:1px solid var(--border);color:var(--text-bright);text-align:center;border-radius:4px;outline:none;width:100%;padding:6px;font-size:14px}.date-input-group input:focus{border-color:var(--accent)}.result-date-display{text-align:center;color:var(--accent);padding:4px 0;font-size:17px}.finance-panel{max-width:520px}.top-mode-bar{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.fin-form{flex-direction:column;gap:8px;display:flex}.fin-inputs{flex-wrap:wrap;gap:6px;display:flex}.fin-inputs label{min-width:130px;color:var(--text-sub);flex-direction:column;flex:1;gap:2px;font-size:11px;display:flex}.fin-inputs input,.fin-inputs select{background:var(--surface);border:1px solid var(--border);color:var(--text-bright);border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:13px}.fin-inputs input:focus,.fin-inputs select:focus{border-color:var(--accent)}.fin-results{flex-wrap:wrap;gap:6px;display:flex}.fin-result-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;flex:1;gap:3px;min-width:100px;padding:8px;display:flex}.fin-label{color:var(--text-sub);font-size:10px}.fin-value{color:var(--text-bright);font-size:18px;font-weight:300}.fin-value.accent{color:var(--accent)}.fin-table-wrap{border-radius:var(--radius);max-height:180px;overflow-y:auto}.fin-table-wrap::-webkit-scrollbar{width:3px}.fin-table-wrap::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.fin-table{border-collapse:collapse;width:100%;font-size:10px}.fin-table th{background:var(--surface2);color:var(--text-sub);text-align:left;padding:4px 6px;position:sticky;top:0}.fin-table td{border-bottom:1px solid var(--border);color:var(--text);padding:3px 6px}.budget-bar{border-radius:6px;height:24px;margin-top:4px;display:flex;overflow:hidden}.budget-seg{color:#fff;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex}.budget-seg.needs{background:#ef5350}.budget-seg.wants{background:#42a5f5}.budget-seg.savings{background:#66bb6a}.family-panel{max-width:460px}.family-chain{background:var(--surface);border-radius:var(--radius);min-height:40px;padding:8px}.chain-start{color:var(--text-sub);font-size:12px}.chain-path{flex-wrap:wrap;align-items:center;gap:2px;margin-top:3px;display:flex}.chain-step{color:var(--accent);font-size:13px}.chain-arrow{color:var(--text-sub)}.family-result-box{background:var(--surface);border-radius:var(--radius);text-align:center;padding:12px}.family-result-label{color:var(--text-sub);margin-bottom:4px;font-size:11px}.family-result-value{color:var(--accent);font-size:22px;font-weight:500}.family-result-sub{color:var(--text-sub);margin-top:3px;font-size:12px}.family-buttons{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.family-btn{padding:7px 3px!important;font-size:11px!important}.family-actions{gap:6px;display:flex}.family-actions .btn{flex:1}.math-tools-panel{max-width:1000px}.formula-workspace{flex:1;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:stretch;gap:16px;min-height:0;display:grid}.formula-browser{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex}.mt-search{border:1px solid var(--border);background:var(--bg);min-height:38px;color:var(--text-sub);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.mt-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.mt-search input{min-width:0;color:var(--text-bright);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.formula-categories{flex-wrap:wrap;gap:5px;display:flex}.formula-category{border:1px solid var(--border);min-height:28px;color:var(--text-sub);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:4px 9px;font-size:11px}.formula-category:hover{color:var(--text-bright);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.formula-category.active{color:var(--on-accent);border-color:var(--accent);background:var(--accent)}.formula-library-meta{color:var(--text-sub);justify-content:space-between;gap:8px;font-size:10px;display:flex}.mt-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.mt-list::-webkit-scrollbar{width:3px}.mt-list::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.mt-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px 10px;transition:background .15s,border-color .15s,color .15s;display:grid;position:relative}.mt-item:hover{background:var(--surface2);border-color:var(--border)}.mt-item.active{background:color-mix(in srgb, var(--accent) 18%, var(--surface));border-color:var(--accent);color:var(--text-bright)}.mt-item.fav:not(.active){border-color:color-mix(in srgb, #e8a838 50%, var(--border))}.mt-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.mt-item-formula{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-sub);grid-column:1/-1;font:10px/1.35 Cambria Math,Times New Roman,serif;overflow:hidden}.mt-item-star{color:#e8a838;grid-area:1/2;font-size:11px}.formula-empty{color:var(--text-sub);text-align:center;margin:auto;padding:24px 8px;font-size:12px}.mt-content{min-width:0;min-height:0;display:flex}.mt-content .calc-panel{padding:0}.formula-panel{gap:14px;width:100%;max-width:none;padding:0}.formula-headline{justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 2px 0;display:flex}.formula-title-block{min-width:0}.formula-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:inline-block}.formula-title-block h2{color:var(--text-bright);letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.3vw,28px);line-height:1.25}.formula-desc{max-width:68ch;color:var(--text-sub);margin:7px 0 0;font-size:12px;line-height:1.65}.formula-actions{flex:none;gap:4px;display:flex}.formula-equation-card{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface));border-radius:12px;gap:7px;padding:14px 16px;display:grid}.formula-equation-card>span{color:var(--text-sub);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.formula-eq{color:var(--accent);text-align:left;background:0 0;padding:0;font-family:Cambria Math,Times New Roman,serif;font-size:clamp(18px,2.1vw,26px);font-style:italic;line-height:1.35;overflow-x:auto}.fav-btn{cursor:pointer;width:32px;height:32px;color:var(--text-sub);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-size:14px;display:flex}.fav-btn.active{color:#ffc107}.fav-btn:hover{background:var(--btn-hover);border-color:var(--border)}.formula-inputs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:10px;display:grid}.formula-field{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:11px;display:flex}.formula-field.output-field{background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.formula-field label{min-height:18px;color:var(--text-sub);flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.formula-field label .field-tag{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 5px;font-size:8px}.formula-field label .field-tag.computed{background:color-mix(in srgb, var(--accent) 15%, var(--surface2));color:var(--accent)}.formula-field input{background:var(--bg);border:1px solid var(--border);min-height:38px;color:var(--text-bright);font-variant-numeric:tabular-nums;border-radius:7px;outline:none;width:100%;padding:8px 10px;font-size:15px}.formula-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.formula-field input.computed-val{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg));font-weight:600}@container (width<=720px){.formula-workspace{grid-template-columns:1fr}.formula-browser{max-height:300px}.formula-inputs{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}@media (width<=900px){.right-sidebar{z-index:131;height:100dvh;position:fixed;top:0;right:0;box-shadow:-4px 0 16px #0000004d}.rs-close{display:flex}}.rs-backdrop{z-index:130;background:#0006;position:fixed;inset:0}@media (width<=700px){.sidebar{z-index:100;height:100vh;position:fixed}.sidebar:not(.open){width:0;min-width:0;overflow:hidden}.sidebar.open~.sidebar-overlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}.hamburger-float-inner{display:flex}.right-sidebar{width:100vw;min-width:0;max-width:100vw}.calc-panel{padding:4px 6px}.display-value{font-size:24px}.btn{min-height:32px;font-size:12px}.btn.func{font-size:10px}.bit-grid{grid-template-columns:repeat(8,1fr)}.family-buttons{grid-template-columns:repeat(5,1fr)}.tm-icon+.tm-label{display:none}.converter-row{flex-direction:column}.graph-side-keypad{display:none}}@media (width>=701px){.hamburger-float-inner{display:none}}.graph-side-keypad{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;gap:2px;width:200px;min-width:180px;padding:6px;display:flex;overflow-y:auto}.gk-title{color:var(--text-sub);text-align:center;margin-bottom:2px;font-size:10px}.gk-row{gap:2px;display:flex}.gk-btn{background:var(--btn-num);color:var(--text-bright);cursor:pointer;border:none;border-radius:4px;flex:1;padding:6px 2px;font-size:11px;transition:background .12s}.gk-btn:hover{background:var(--btn-num-hover)}.gk-btn.gk-fn{background:var(--btn-func);color:var(--text);font-size:10px}.gk-btn.gk-fn:hover{background:var(--btn-func-hover)}.func-row.selected{background:#0078d41a;border-radius:4px}.adv-calc{flex-direction:column;gap:6px;padding:4px 0;display:flex}.adv-input-group{flex-direction:column;flex:1;gap:2px;min-width:80px;display:flex}.adv-input-group label{color:var(--text-sub);font-size:10px}.adv-input{background:var(--surface);border:1px solid var(--border);color:var(--text-bright);border-radius:4px;outline:none;padding:5px 8px;font-family:Cascadia Code,monospace;font-size:12px}.adv-input:focus{border-color:var(--accent)}.adv-row{align-items:flex-end;gap:6px;display:flex}.adv-result{background:var(--surface);border-radius:var(--radius);margin-top:4px;padding:8px}.adv-result label{color:var(--text-sub);margin-bottom:3px;font-size:10px;display:block}.adv-result-text{color:var(--accent);white-space:pre-wrap;word-break:break-all;margin:0;font-family:Cascadia Code,monospace;font-size:13px}.matrix-input-wrap{margin:4px 0}.matrix-label{color:var(--text-sub);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.matrix-grid{gap:2px;display:grid}.matrix-cell{background:var(--surface);border:1px solid var(--border);color:var(--text-bright);text-align:center;border-radius:3px;outline:none;width:100%;padding:4px;font-family:monospace;font-size:12px}.matrix-cell:focus{border-color:var(--accent)}.matrix-cell.aug-col{border-left:2px solid var(--accent)}.assessment-panel{max-width:560px}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin-bottom:4px;padding:4px 8px;font-size:12px;display:flex}.back-btn:hover{background:var(--btn-hover)}.asm-list{flex-direction:column;gap:4px;display:flex}.asm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text);align-items:center;padding:10px 12px;transition:all .15s;display:flex}.asm-card:hover{border-color:var(--accent);background:var(--surface2)}.asm-card-info{flex:1}.asm-card-info h3{color:var(--text-bright);margin-bottom:2px;font-size:13px}.asm-card-info p{color:var(--text-sub);margin-bottom:3px;font-size:11px}.asm-card-meta{color:var(--accent);font-size:10px}.asm-progress{background:var(--border);border-radius:2px;height:3px;margin:4px 0;overflow:hidden}.asm-progress-bar{background:var(--accent);height:100%;transition:width .3s}.asm-q-nav{color:var(--text-sub);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.asm-q-text{color:var(--text-bright);margin-bottom:12px;font-size:15px;line-height:1.5}.asm-options{flex-direction:column;gap:4px;display:flex}.asm-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;padding:10px 14px;font-size:13px;transition:all .15s}.asm-option:hover{border-color:var(--accent)}.asm-option.selected{border-color:var(--accent);color:var(--text-bright);background:#0078d426}.asm-result{text-align:center}.asm-result h2{color:var(--text-sub);margin-bottom:8px;font-size:13px}.asm-result-title{color:var(--accent);margin-bottom:8px;font-size:22px;font-weight:600}.asm-result-desc{color:var(--text);white-space:pre-line;text-align:left;margin-bottom:12px;font-size:13px;line-height:1.6}.asm-scores{flex-direction:column;gap:4px;margin:8px 0;display:flex}.asm-score-bar{align-items:center;gap:6px;display:flex}.asm-score-label{color:var(--text-sub);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:100px;font-size:10px;overflow:hidden}.asm-bar-track{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.asm-bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s}.asm-score-val{color:var(--text-bright);width:30px;font-size:10px}.asm-details{color:var(--text);white-space:pre-line;text-align:left;background:var(--surface);border-radius:var(--radius);margin-top:8px;padding:10px;font-size:12px;line-height:1.6}.stats-textarea{resize:vertical;min-height:40px;font-family:Cascadia Code,monospace}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px;display:grid}.stats-svg{background:var(--surface);border-radius:var(--radius);width:100%;height:110px}.stats-bar{fill:var(--accent);opacity:.55}.stats-bar.active{opacity:1}.stats-curve{stroke:var(--accent);stroke-width:1.6px}.stats-shade{fill:var(--accent);opacity:.25}.stats-dot{fill:var(--accent)}.stats-regline{stroke:#ff9800;stroke-width:1.4px;stroke-dasharray:5 3}.truth-table th,.truth-table td{text-align:center;font-family:Cascadia Code,monospace}.truth-table .tt-true{color:#66bb6a;font-weight:600}.truth-table .tt-false{color:#ef5350}.graph-preset-select{background:var(--surface);border:1px solid var(--border);color:var(--text-sub);cursor:pointer;border-radius:4px;outline:none;padding:3px 6px;font-size:11px}.graph-integral-controls{color:var(--text-sub);align-items:center;gap:4px;font-size:12px;display:flex}.graph-int-input{background:var(--surface);border:1px solid var(--border);width:44px;color:var(--text-bright);text-align:center;border-radius:4px;outline:none;padding:2px 4px;font-family:monospace;font-size:11px}.graph-int-input:focus{border-color:var(--accent)}.graph-int-value{color:var(--accent);font-family:monospace;font-size:11px}.icon-btn.active{background:var(--accent);color:var(--on-accent)}.func-deriv-off{color:var(--text-sub);opacity:.45}.family-panel{width:100%;max-width:460px}.pro-repl{background:var(--surface);border-radius:var(--radius);text-align:right;flex-direction:column;justify-content:flex-end;gap:4px;min-height:110px;max-height:230px;padding:10px 14px;display:flex;overflow-y:auto}.pro-repl::-webkit-scrollbar{width:3px}.pro-repl::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.pro-entry{cursor:pointer;border-radius:4px;padding:2px 6px}.pro-entry:hover{background:var(--btn-hover)}.pro-expr{color:var(--text-sub);word-break:break-all;font-family:Cascadia Code,monospace;font-size:11px}.pro-result{color:var(--text);word-break:break-all;font-family:Cascadia Code,monospace;font-size:15px}.pro-entry:last-child .pro-result{color:var(--text-bright);font-size:24px;font-weight:300}.pro-result.error{color:#ef5350;font-size:12px}.pro-keypad{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(34px,auto)}.math-tools-panel.pro-panel{max-width:480px}.pro-hint{color:var(--text-sub);flex-direction:column;gap:6px;font-size:11px;display:flex}.pro-examples{flex-wrap:wrap;gap:3px;display:flex}.pro-input-row{gap:4px;display:flex}.pro-input{flex:1;padding:8px 10px;font-size:14px}.pro-vars{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:2px;padding:6px 8px;display:flex}.pro-var-row{align-items:center;gap:8px;font-family:Cascadia Code,monospace;font-size:12px;display:flex}.pro-var-name{color:var(--accent);min-width:40px}.pro-var-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pro-consts{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:3px;display:grid}.pro-const{border:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;border-radius:4px;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 8px;transition:border-color .15s;display:flex}.pro-const:hover{border-color:var(--accent)}.pro-const-name{color:var(--text);font-size:10px}.pro-const-val{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:monospace;font-size:9px;overflow:hidden}.graph-kind-select{background:var(--surface);border:1px solid var(--border);color:var(--text-sub);cursor:pointer;border-radius:4px;outline:none;flex-shrink:0;padding:3px 4px;font-size:10px}.graph-table-panel{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:4px;padding:6px 8px;display:flex}.stats-fitcurve{stroke:#ff9800;stroke-width:1.6px}.smart-input-row{align-items:stretch;gap:3px;min-width:0;display:flex}.smart-input-row>input{flex:1;min-width:0}.smart-input-toggle{width:26px;height:auto;color:var(--text-sub);border:1px solid var(--border);border-radius:4px;flex-shrink:0}.smart-input-toggle:hover{color:var(--accent);border-color:var(--accent)}.math-input-host{flex:1;min-width:0;display:flex}.math-input-field{background:var(--surface);border:1px solid var(--border);min-width:0;min-height:32px;color:var(--text-bright);--caret-color:var(--accent);--selection-background-color:#0078d459;--contains-highlight-background-color:#0078d426;border-radius:4px;flex:1;padding:2px 6px;font-size:15px}.math-input-field:focus-within{border-color:var(--accent);outline:none}.func-row .smart-input-row{flex:1;min-width:0}.cas-result-head{align-items:center;gap:4px;margin-bottom:4px;display:flex}.cas-result-head label{color:var(--text-sub);flex:1;font-size:10px}.cas-latex{color:var(--text-sub);border-top:1px dashed var(--border);margin-top:4px;padding-top:4px;font-size:11px}.graph-sliders{background:var(--surface);border-radius:var(--radius);flex-direction:column;gap:3px;padding:6px 10px;display:flex}.graph-slider-row{align-items:center;gap:8px;display:flex}.graph-slider-row input[type=range]{accent-color:var(--accent);flex:1;height:18px}.export-btns{gap:3px;display:inline-flex}.std-embedded{flex-direction:column;gap:5px;display:flex}.conv-calc-note{color:var(--text-sub);text-align:center;padding-top:2px;font-size:10px}.smith-svg{background:var(--surface);border-radius:var(--radius);align-self:center;width:100%;max-width:340px}.smith-outer{fill:none;stroke:var(--text-sub);stroke-width:1.2px}.smith-grid{fill:none;stroke:var(--border);stroke-width:.7px}.smith-point{fill:#ef5350;stroke:#fff;stroke-width:1px}.smith-vswr-circle{fill:none;stroke:#ef5350;stroke-width:.8px;stroke-dasharray:4 3;opacity:.7}.smith-label{fill:var(--text-sub);font-family:monospace;font-size:9px}.pro-script{resize:vertical;white-space:pre;min-height:180px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.calc-panel::-webkit-scrollbar{width:3px;height:3px}.converter-all-results::-webkit-scrollbar{width:3px;height:3px}.tool-viewport::-webkit-scrollbar{width:3px;height:3px}.rs-content::-webkit-scrollbar{width:3px;height:3px}.calc-panel::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.converter-all-results::-webkit-scrollbar-thumb{background:#334;border-radius:2px}.rs-content::-webkit-scrollbar-thumb{background:#334;border-radius:2px}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.lab-svg{background:var(--surface);border-radius:var(--radius);width:100%;height:auto}.lab-grid{stroke:var(--border,#33364a);stroke-width:.5px;opacity:.6}.lab-axis{stroke:#667;stroke-width:1px}.lab-axis-warn{stroke:#ef5350;stroke-width:.8px;stroke-dasharray:4 3}.lab-line{stroke:var(--accent);stroke-width:1.6px;fill:none}.lab-line2{stroke:#ff9800;stroke-width:1.3px;fill:none;opacity:.9}.lab-line-dim{stroke:var(--accent);stroke-width:1.1px;fill:none;opacity:.45}.lab-marker{stroke:#ffca28;stroke-width:.9px;stroke-dasharray:5 3}.lab-critical{fill:none;stroke:#ef5350;stroke-width:1.5px}.lab-pole{fill:var(--accent)}.lab-tick{fill:var(--text-sub,#889);font-size:8px}.lab-label{fill:var(--accent);font-size:9px}.lab-label2{fill:#ff9800;font-size:9px}.lab-region{fill:var(--accent);opacity:.22}.ode-canvas{border-radius:var(--radius);cursor:crosshair;touch-action:manipulation;width:100%;height:360px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-head{text-align:center;color:var(--text-sub,#889);padding:2px 0;font-size:11px}.cal-cell{background:var(--surface);cursor:pointer;min-height:46px;color:inherit;font:inherit;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:3px 1px;display:flex;position:relative}.cal-cell:hover{border-color:var(--accent)}.cal-cell.dim{opacity:.35}.cal-cell.today .cal-day{color:var(--accent);font-weight:700}.cal-cell.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.cal-day{font-size:14px;line-height:1.2}.cal-lunar{opacity:.75;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.2;overflow:hidden}.cal-badge{color:#fff;border-radius:3px;padding:1px 2px;font-size:8px;line-height:1;position:absolute;top:2px;right:2px}.cal-badge.rest{background:#2e7d32}.cal-badge.work{background:#c62828}.plot3d-canvas{border-radius:var(--radius);cursor:grab;touch-action:none;background:#161824;width:100%;height:420px}.plot3d-canvas:active{cursor:grabbing}.ide-grid{align-items:start;gap:10px;display:grid}.ide-col{flex-direction:column;gap:10px;min-width:0;display:flex}.ide-transcript{border:1px solid var(--border,#2a2d42);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;background:#14161f;height:340px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.ide-line-input{color:var(--accent)}.ide-line-output{color:var(--text,#dfe3f0)}.ide-line-value{color:#66bb6a}.ide-line-error{color:#ef5350}.ide-line-note{color:#ffb74d}.ide-cell{border:1px solid var(--border,#2a2d42);border-radius:var(--radius);background:var(--surface);padding:8px}.ide-cell-head{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.ide-cell-badge{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent);border-radius:10px;padding:1px 6px;font-size:10px}.ide-fig-card{border:1px solid var(--border,#2a2d42);border-radius:var(--radius);background:var(--surface);padding:6px}.ide-fig-expanded{grid-column:1/-1}.badge-warn,.badge-error{white-space:nowrap;border-radius:8px;margin-left:4px;padding:0 5px;font-size:10px}.badge-warn{color:#ffb74d;background:#ffb74d2e}.badge-error{color:#ef5350;background:#ef53502e}.tiny-btn{background:var(--surface);min-height:22px;color:var(--text-sub,#99a);border:1px solid var(--border,#2a2d42);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:3px;padding:2px 5px;font-size:11px;line-height:1;display:inline-flex}.tiny-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.tiny-btn:disabled{opacity:.45;cursor:not-allowed}@media (width<=640px){.ide-transcript{height:260px;font-size:11px}}.rate-stale{color:#ffb74d;background:#ffb74d1a;border:1px solid #ffb74d59;border-radius:8px;padding:6px 10px;line-height:1.5}.rate-src{opacity:.65}.prog-diag{margin-top:4px;font-size:12px;line-height:1.5}.prog-diag-error{color:#ef5350}.prog-diag-note{color:#ffb74d}.palette-trigger{background:var(--surface-2,#ffffff0f);border:1px solid var(--border,#ffffff1f);color:var(--text-sub,#9aa0b0);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;transition:background .15s,color .15s;display:flex}.palette-trigger:hover{background:var(--surface-3,#ffffff1a);color:var(--text-bright,#fff)}.palette-trigger kbd{font:inherit;opacity:.7;border:1px solid;border-radius:4px;padding:0 3px;font-size:10px}@media (width<=640px){.palette-trigger-hint,.palette-trigger kbd{display:none}}.palette-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{background:var(--surface-1,#1a1c26);border:1px solid var(--border,#ffffff24);border-radius:12px;flex-direction:column;width:100%;max-width:620px;max-height:70vh;display:flex;overflow:hidden;box-shadow:0 18px 50px #00000080}.palette-input-row{border-bottom:1px solid var(--border,#ffffff1a);color:var(--text-sub,#9aa0b0);align-items:center;gap:9px;padding:12px 14px;display:flex}.palette-input-row input{color:var(--text-bright,#fff);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.palette-input-row kbd{opacity:.55;border:1px solid;border-radius:4px;padding:1px 4px;font-size:10px}.palette-list{padding:6px;overflow-y:auto}.palette-item{text-align:left;cursor:pointer;width:100%;color:var(--text,#d5d8e0);background:0 0;border:none;border-radius:7px;align-items:baseline;gap:10px;padding:7px 10px;display:flex}.palette-item.active{background:var(--accent-dim,#6496ff29);color:var(--text-bright,#fff)}.palette-item-name{font-size:13.5px;font-weight:500}.palette-item-path{opacity:.55;margin-left:auto;padding-left:12px;font-size:12px}.palette-item-enter{opacity:.6;flex:none}.palette-empty{text-align:center;opacity:.6;padding:24px;font-size:13px}.palette-foot{border-top:1px solid var(--border,#ffffff1a);opacity:.5;padding:7px 14px;font-size:12px}.badge-ok{color:#66bb6a;background:#66bb6a2e}.lab-line3{stroke:#66bb6a;stroke-width:1.3px;fill:none}.lab-tension{stroke:#ef5350}.lab-compression{stroke:#42a5f5}.lab-bar{fill:var(--accent);opacity:.55}.lab-load{stroke:#ef5350;fill:#ef53502e}.wb-tabs{gap:1px}.wb-tab{justify-content:center;align-items:center;gap:3px;min-width:0;padding:5px 2px;display:flex}.wb-tab-text{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (width<=350px){.wb-tab-text{display:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wb-status{color:var(--accent);font-size:12px;line-height:1.4}.wb-status:empty{display:none}.right-sidebar .toggle-btn{font-size:12px}.wb-subtabs{gap:2px;margin:2px 0 4px;display:flex}.wb-subtab{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:3px;font-size:12px;transition:all .15s}.wb-subtab.active{background:var(--surface2);color:var(--text-bright);border-color:var(--accent)}.wb-trust{white-space:nowrap;border-radius:8px;margin-left:4px;padding:1px 5px;font-size:12px}.wb-trust-exact{color:#66bb6a;background:#66bb6a26}.wb-trust-verified{color:#42a5f5;background:#42a5f526}.wb-trust-approximate{color:#ffb74d;background:#ffb74d26}.wb-trust-heuristic{color:#ef5350;background:#ef535026}.wb-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;padding:8px}.wb-card-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.wb-card-module{color:var(--accent);font-size:12px;text-decoration:none}.wb-card-module:hover{text-decoration:underline}.wb-card-title{color:var(--text-bright);margin-top:2px;font-size:12px}.wb-card-input{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.wb-card-primary{justify-content:space-between;align-items:baseline;gap:6px;margin-top:4px;display:flex}.wb-card-primary-label{color:var(--text-sub);font-size:12px}.wb-card-primary-value{color:var(--text-bright);text-overflow:ellipsis;font-size:16px;overflow:hidden}.wb-card-unit{color:var(--text-sub);font-size:12px}.wb-card-metrics{flex-direction:column;gap:1px;margin-top:4px;display:flex}.wb-card-metric{justify-content:space-between;gap:6px;font-size:12px;display:flex}.wb-card-metric-label{color:var(--text-sub)}.wb-card-metric-value{color:var(--text)}.wb-card-method{color:var(--text-sub);margin-top:4px;font-size:12px}.wb-card-warnings{color:#ffb74d;margin:4px 0 0;padding-left:14px;font-size:12px}.wb-card-actions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.wb-sendto{display:inline-flex;position:relative}.wb-sendto-menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:150px;max-height:220px;box-shadow:var(--shadow);padding:2px;position:absolute;top:calc(100% + 2px);right:0;overflow-y:auto}.wb-sendto-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 8px;font-size:12px;display:block}.wb-sendto-item:hover,.wb-sendto-item:focus-visible{background:var(--btn-hover);color:var(--text-bright)}.wb-insights{flex-direction:column;gap:2px;margin:4px 0 0;padding:0;list-style:none;display:flex}.wb-insight{color:var(--text-sub);align-items:flex-start;gap:5px;font-size:12px;line-height:1.45;display:flex}.wb-insight-icon{flex:none;margin-top:1px}.wb-insight-info .wb-insight-icon{color:#42a5f5}.wb-insight-note{color:var(--text)}.wb-insight-note .wb-insight-icon,.wb-insight-warn{color:#ffb74d}.wb-insight-warn .wb-insight-icon{color:#ef5350}.wb-varport{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.wb-varport-empty{color:var(--text-sub);font-size:12px}.wb-varport-select,.wb-varport-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:4px;max-width:130px;padding:3px 6px;font-size:12px}.wb-varport-select:focus,.wb-varport-input:focus{border-color:var(--accent);outline:none}.wb-varport-hint{color:var(--text-sub);font-size:12px}.wb-varport-bad{color:#ef5350}.wb-scratchpad{flex-direction:column;display:flex}.wb-pad-actions{flex-wrap:wrap;justify-content:flex-start;gap:3px}.wb-pad-textarea{resize:none;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);min-height:140px;color:var(--text);flex:1;padding:6px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5}.wb-pad-textarea:focus{border-color:var(--accent);outline:none}.wb-conclusions{border-top:1px solid var(--border);margin-top:6px;padding-top:4px}.wb-conclusions-head{color:var(--text-sub);margin-bottom:2px;font-size:12px}.wb-conclusion{align-items:flex-start;gap:4px;padding:2px 0;font-size:12px;display:flex}.wb-conclusion:hover .rs-action-btn,.wb-conclusion:focus-within .rs-action-btn{opacity:1}.wb-conclusion-flag{color:var(--accent);flex:none;margin-top:2px}.wb-conclusion-text{color:var(--text);word-break:break-word;flex:1;line-height:1.4}.wb-values-save{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;padding:6px}.wb-values-save-label{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:12px;overflow:hidden}.wb-var .rs-item-content{text-align:left}.wb-var-name{color:var(--accent);font-family:Consolas,monospace;font-size:12px}.wb-var-shape,.wb-var-unit{color:var(--text-sub);font-size:12px}.wb-var-note{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;overflow:hidden}.wb-panel-foot{text-align:center;margin-top:8px}.wb-panel-link{color:var(--accent);align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.wb-panel-link:hover{text-decoration:underline}.wb-tray-group{margin-bottom:10px}.wb-tray-group-head{color:var(--text-bright);border-bottom:1px solid var(--border);margin-bottom:4px;padding:2px 0 4px;font-size:12px}.wb-tray-scroll{overflow-x:auto}.wb-tray-table{border-collapse:collapse;min-width:100%;font-size:12px}.wb-tray-table th,.wb-tray-table td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:3px 6px}.wb-tray-table th{color:var(--text);vertical-align:top;font-weight:400}.wb-tray-table th .rs-action-btn{opacity:1;width:16px;height:16px;display:inline-flex}.wb-tray-col-title{text-overflow:ellipsis;max-width:90px;font-size:12px;overflow:hidden}.wb-tray-metric{color:var(--text-sub);text-align:left!important}.wb-tray-best{color:#66bb6a;font-weight:600}.wb-tray-params{color:var(--text-sub);text-overflow:ellipsis;max-width:110px;font-size:12px;overflow:hidden}.wb-tray-incomparable{color:#ffb74d;white-space:nowrap;margin-left:4px;font-size:12px}.wb-report-actions{flex-wrap:wrap;justify-content:flex-start;gap:3px}.wb-report-block .rs-item-content{text-align:left}.wb-block-index{color:var(--text-sub);margin-right:3px;font-size:12px}.wb-block-kind{background:var(--surface2);color:var(--text-sub);border-radius:8px;padding:1px 5px;font-size:12px}.wb-block-title{color:var(--text-bright);font-size:12px}.wb-block-thumb{border:1px solid var(--border);background:#fff;border-radius:4px;max-height:90px;margin-top:3px;overflow:hidden}.wb-block-thumb svg{max-width:100%;height:auto;display:block}.explainer{width:100%;max-width:860px;color:var(--text);flex:none;margin:8px auto 28px;padding:0 20px;font-size:14px;line-height:1.75}.explainer-header{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-top:18px;display:flex}.explainer-header h2{color:var(--text-bright);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.explainer-controls{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.explainer-toggle,.explainer-mode-toggle{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.explainer-toggle:hover,.explainer-mode-toggle:hover{background:var(--btn-hover);color:var(--text)}.explainer-lede{max-width:72ch;color:var(--text-sub);margin:10px 0 0;font-size:15px}.explainer-info{color:var(--text-sub);flex-wrap:wrap;gap:4px 0;margin:10px 0 0;font-size:12px;display:flex}.explainer-info>*+:before{content:"·";color:var(--text-dim);margin:0 8px}.explainer-info a{color:var(--text-sub)}.explainer-info a:hover{color:var(--accent)}.explainer-toc{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);align-items:baseline;gap:10px;margin:14px -4px 0;padding:8px 4px;font-size:12px;display:flex;position:sticky;top:0}.explainer-toc-label{color:var(--text-dim);flex-shrink:0;font-weight:600}.explainer-toc ul{flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.explainer-toc a{color:var(--text-sub);border:1px solid #0000;border-radius:999px;padding:2px 9px;text-decoration:none;display:inline-block}.explainer-toc a:hover{color:var(--text-bright);border-color:var(--border);background:var(--surface)}@media (width<=700px){.explainer{padding:0 12px}.explainer-toc{position:static}}.explainer-article{max-width:72ch}.explainer-section{overflow-wrap:anywhere;min-width:0;margin-top:26px;scroll-margin-top:48px}.explainer-section>h3{color:var(--text-bright);border-left:3px solid var(--accent);margin:0 0 10px;padding-left:10px;font-size:16px;font-weight:650}.explainer-prose>*+*{margin-top:10px}.explainer-prose p{margin:0}.explainer-prose a{color:var(--accent)}.explainer-prose strong{color:var(--text-bright)}.explainer-prose dfn{cursor:help;font-style:normal;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.explainer-prose h3,.explainer-prose h4,.explainer-prose h5{color:var(--text-bright);margin:18px 0 6px}.explainer-prose h3{font-size:14.5px}.explainer-prose h4{font-size:13.5px}.explainer-prose ul,.explainer-prose ol{margin:0;padding-left:1.4em}.explainer-prose li+li{margin-top:5px}.explainer-prose blockquote{border-left:2px solid var(--border);color:var(--text-sub);padding-left:12px}.explainer-prose code{background:var(--surface2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.explainer-prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;overflow-x:auto}.explainer-prose pre code{background:0 0;padding:0}.explainer-prose .table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.explainer-prose table{border-collapse:collapse;width:100%;font-size:13px}.explainer-prose th,.explainer-prose td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:7px 10px}.explainer-prose th{background:var(--surface2);color:var(--text-bright);font-size:12px;position:sticky;top:0}.explainer-prose tr:last-child td{border-bottom:none}.explainer-prose .steps{padding:0;list-style:none}.explainer-prose .step{align-items:flex-start;gap:12px;display:flex}.explainer-prose .step+.step{margin-top:10px}.explainer-prose .step-no{color:var(--accent);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;min-width:34px;font-size:22px;font-weight:700;line-height:1.2}.explainer-prose .step-title{color:var(--text-bright);margin-right:4px}.explainer-prose dl.limits,.explainer-prose dl.glossary{gap:8px;margin:0;display:grid}.explainer-prose .limit,.explainer-prose .term{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.explainer-prose dt{color:var(--text-bright);font-weight:600}.explainer-prose dd{color:var(--text-sub);margin:2px 0 0}.explainer-prose .use-cases{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.explainer-prose .use-case{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.explainer-prose .use-case h3{margin:0 0 4px;font-size:13px}.explainer-prose .faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.explainer-prose .faq-item+.faq-item{margin-top:8px}.explainer-prose .faq-item summary{cursor:pointer;list-style:none}.explainer-prose .faq-item summary h3{margin:0;font-size:13.5px;display:inline}.explainer-prose .faq-answer{color:var(--text-sub);margin-top:8px}.explainer-prose .example-tabs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.explainer-prose .example-tab figcaption{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.explainer-prose .admonition{border-radius:var(--radius);border-left:3px solid;padding:10px 14px}.explainer-prose .admonition-title{letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.explainer-prose .admonition-body>*+*{margin-top:8px}.explainer-prose .admonition-note{background:color-mix(in srgb, #38bdf8 12%, var(--surface));border-color:#38bdf8}.explainer-prose .admonition-note .admonition-title{color:color-mix(in srgb, #38bdf8 55%, var(--text))}.explainer-prose .admonition-tip{background:color-mix(in srgb, #34d399 12%, var(--surface));border-color:#34d399}.explainer-prose .admonition-tip .admonition-title{color:color-mix(in srgb, #34d399 55%, var(--text))}.explainer-prose .admonition-warning{background:color-mix(in srgb, #fbbf24 12%, var(--surface));border-color:#fbbf24}.explainer-prose .admonition-warning .admonition-title{color:color-mix(in srgb, #fbbf24 55%, var(--text))}.explainer-prose .admonition-example{background:color-mix(in srgb, #a78bfa 12%, var(--surface));border-color:#a78bfa}.explainer-prose .admonition-example .admonition-title{color:color-mix(in srgb, #a78bfa 55%, var(--text))}.explainer-prose .content-details,.explainer-prose .content-tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.explainer-prose .content-details>summary,.explainer-prose .content-tab>summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;padding:8px 12px;font-weight:600;list-style:none}.explainer-prose .content-details>summary:before,.explainer-prose .content-tab>summary:before{content:"▸";color:var(--text-dim);margin-right:8px;transition:transform .15s;display:inline-block}.explainer-prose .content-details[open]>summary:before,.explainer-prose .content-tab[open]>summary:before{transform:rotate(90deg)}.explainer-prose .content-details[open]>summary,.explainer-prose .content-tab[open]>summary{color:var(--accent)}.explainer-prose .content-details-body,.explainer-prose .content-tab-body{border-top:1px solid var(--border);padding:10px 12px}.explainer-prose .content-details-body>*+*,.explainer-prose .content-tab-body>*+*{margin-top:8px}.explainer-prose .content-tabs{gap:6px;display:grid}.explainer-prose .content-figure{margin:14px 0}.explainer-prose .content-figure img{border:1px solid var(--border);border-radius:var(--radius);cursor:zoom-in;background:#fdfdfd;max-width:100%;height:auto;max-height:400px;margin:0 auto;padding:6px;display:block}.explainer-prose .content-figure figcaption{text-align:center;color:var(--text-sub);margin-top:6px;font-size:12px}.explainer-prose .math-block{padding:4px 2px;overflow-x:auto}.explainer-prose .math-block .katex-display{margin:4px 0}.explainer-prose .katex{font-size:1.08em}.explainer-prose .math-error{background:color-mix(in srgb, #ef4444 18%, var(--surface));color:#fca5a5;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace}.explainer-prose .footnotes{border-top:1px solid var(--border);color:var(--text-sub);margin-top:16px;padding-top:8px;font-size:12px}.explainer-prose .footnotes ol{padding-left:1.4em}.explainer-prose .footnote-ref a{padding:0 2px;font-weight:700;text-decoration:none}.explainer-prose .footnote-back{text-decoration:none}.explainer-prose kbd{border:1px solid var(--border);background:var(--surface2);color:var(--text-bright);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:.82em;font-weight:600;display:inline-block}.explainer-prose .kbd-plus{color:var(--text-dim);margin:0 2px}.explainer-prose .content-island{margin:14px 0}.island-live{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.island-live-title{color:var(--accent);letter-spacing:.04em;margin:0 0 10px;font-size:12px;font-weight:700}.island-live-fields{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.island-live-field{color:var(--text-sub);flex-direction:column;gap:3px;font-size:12px;display:flex}.island-live-field input{background:var(--surface2);border:1px solid var(--border);color:var(--text-bright);border-radius:4px;outline:none;width:100%;padding:5px 8px;font-size:13px}.island-live-field input:focus{border-color:var(--accent)}.island-live-results{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.island-live-results th{text-align:left;color:var(--text-sub);width:40%;padding:5px 8px 5px 0;font-weight:500}.island-live-results td{text-align:right;color:var(--text-bright);font-variant-numeric:tabular-nums;padding:5px 0;font-size:15px}.island-live-results tr+tr th,.island-live-results tr+tr td{border-top:1px solid var(--border)}.island-live-actions{gap:8px;margin-top:10px;display:flex}.island-live-actions button{border:1px solid var(--border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:12px}.island-live-actions button:hover{color:var(--accent);border-color:var(--accent)}.island-chart-axis{stroke:var(--text-dim);stroke-width:1.5px}.island-chart-line-alt{stroke:#a78bfa}.island-chart-controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 14px;margin-top:8px;display:grid}.island-chart-control{color:var(--text-sub);flex-direction:column;gap:2px;font-size:11px;display:flex}.island-chart-control input[type=range]{width:100%;accent-color:var(--accent)}.island-chart{margin:0}.island-chart svg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto;display:block}.island-chart-grid{stroke:var(--border);stroke-width:1px}.island-chart-tick{fill:var(--text-sub);font-size:11px}.island-chart-line{fill:none;stroke:var(--accent);stroke-width:2.5px}.island-chart-line-compare{stroke:var(--text-dim);stroke-width:2px;stroke-dasharray:6 4}.island-chart-dot{fill:var(--accent)}.island-chart figcaption{text-align:center;color:var(--text-sub);margin-top:6px;font-size:12px}.explainer-expand-rest{cursor:pointer;border:1px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--text-sub);background:0 0;margin-top:18px;padding:8px 14px;font-size:13px}.explainer-expand-rest:hover{color:var(--accent);border-color:var(--accent)}.explainer-disclaimer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid #e0a800;padding:10px 14px}.explainer-disclaimer p{color:var(--text-sub);margin:0}.explainer-meta{color:var(--text-sub);flex-wrap:wrap;gap:4px 14px;margin:0 0 6px;font-size:12px;display:flex}.explainer-meta div{display:inline}.explainer-meta dt,.explainer-meta dd{margin:0;display:inline}.explainer-sources ul{margin:0;padding-left:1.3em}.explainer-sources li+li{margin-top:4px}.explainer-sources a{color:var(--accent)}.explainer-source-date{color:var(--text-sub);font-size:12px}.explainer-related{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.explainer-related a{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 11px;font-size:12px;text-decoration:none;display:inline-block}.explainer-related a:hover{background:var(--btn-hover);color:var(--text-bright)}.guide-view{margin-top:0;padding-top:14px}.guide-view .explainer-header{border-top:none;padding-top:0}.guide-view h1{color:var(--text-bright);letter-spacing:-.01em;margin:6px 0 0;font-size:24px;font-weight:700}.guide-view .explainer-section>h2{color:var(--text-bright);border-left:3px solid var(--accent);margin:0 0 10px;padding-left:10px;font-size:17px;font-weight:650}.guide-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:5px;margin:0;font-size:11px;font-weight:700;display:inline-flex}.guide-draft-note{background:color-mix(in srgb, #fbbf24 15%, var(--surface));color:color-mix(in srgb, #fbbf24 60%, var(--text));border-radius:6px;margin:10px 0 0;padding:4px 10px;font-size:12px;display:inline-block}.explainer-lightbox{max-width:min(92vw,1100px);color:var(--text);background:#101423;border:none;border-radius:10px;margin:auto;padding:14px;position:relative}.explainer-lightbox::backdrop{background:#000000b8}.explainer-lightbox figure{margin:0}.explainer-lightbox img{background:#fdfdfd;border-radius:6px;max-width:100%;max-height:82vh;display:block}.explainer-lightbox figcaption{text-align:center;color:#cbd2e0;margin-top:8px;font-size:13px}.explainer-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:10px;right:10px}.explainer-lightbox-close:hover{background:#ffffff40}.legal-page{max-width:72ch;color:var(--text);overflow-wrap:anywhere;margin:0 auto;padding:20px 16px 40px;font-size:14px;line-height:1.7}.legal-page h1{color:var(--text-bright);margin:0 0 4px;font-size:22px;font-weight:700}.legal-updated{color:var(--text-sub);margin:0 0 12px;font-size:12px}.legal-intro{color:var(--text-sub);margin:0}.legal-section{margin-top:22px}.legal-section h2{color:var(--text-bright);margin:0 0 8px;font-size:15px;font-weight:600}.legal-section p{margin:0 0 8px}.legal-section ul{margin:0 0 8px;padding-left:1.3em}.legal-page a{color:var(--accent,var(--text-bright));text-underline-offset:2px;text-decoration:underline}.legal-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px 16px;margin-top:28px;padding-top:12px;font-size:12px;display:flex}.legal-footer a{color:var(--text-sub);text-decoration:none}.legal-footer a:hover{color:var(--text-bright)}.app{width:100%;height:100dvh}.main-content{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;overflow:auto}.tool-viewport{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;justify-content:center;align-items:stretch;min-width:0;min-height:0;display:flex;overflow:auto;container-type:inline-size}.tool-viewport>*{min-width:0}.tool-viewport>.calc-panel{max-width:1100px;min-height:min-content}.tool-viewport>.key-calc{min-height:0}.tool-viewport>.math-tools-panel,.tool-viewport>.finance-panel,.tool-viewport>.assessment-panel,.tool-viewport>.date-panel,.tool-viewport>.converter-panel{max-width:1000px}.calculator-finance-note{color:var(--text-sub);background:var(--surface);border-bottom:1px solid var(--border);flex:none;padding:8px 16px;font-size:12px;line-height:1.6}.nav-item-row,.home-tool-row{position:relative}.nav-favorite{width:26px;height:26px;color:var(--text-sub);cursor:pointer;opacity:0;z-index:1;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .12s,color .12s;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.nav-item-row:has(>.nav-chevron)>.nav-favorite{right:24px}.nav-item-row:hover>.nav-favorite,.nav-item-row:focus-within>.nav-favorite,.home-tool-row:hover>.nav-favorite,.home-tool-row:focus-within>.nav-favorite,.nav-favorite:focus-visible{opacity:1}.nav-favorite:hover,.nav-favorite.is-favorite{color:var(--accent);background:0 0}.nav-favorite:focus-visible,.home-tool-row a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-tool-row a>svg{transition:opacity .12s}.home-tool-row:hover a>svg,.home-tool-row:focus-within a>svg{opacity:0}@media (hover:none){.nav-favorite{opacity:1}.home-tool-row a>svg{opacity:0}}.nav-item-row>.nav-item{min-width:0}.nav-sub-list .nav-item-row .nav-sub{flex:1;width:auto}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border) transparent;min-height:0}.sidebar-nav .nav-icon svg{width:18px;height:18px}.workbench-guide{overscroll-behavior:contain;scrollbar-width:thin;background:color-mix(in srgb, var(--surface) 86%, var(--bg));flex:1;min-height:0;overflow-y:auto}.workbench-guide[hidden]{display:none}.explainer.explainer-docked{width:100%;max-width:none;color:var(--text);overflow-wrap:anywhere;border:0;margin:0;padding:clamp(20px,3vw,34px);font-size:13px;line-height:1.8}.explainer-docked .explainer-header{border:0;align-items:flex-start;gap:16px;padding:0;display:flex}.explainer-docked .explainer-header h2{letter-spacing:-.02em;max-width:34ch;font-size:clamp(19px,2vw,26px);line-height:1.38}.explainer-docked .explainer-controls{margin:0 0 0 auto}.explainer-docked .explainer-info{gap:6px;margin:12px 0 0}.explainer-docked .explainer-info>*{background:var(--surface2);border:1px solid var(--border);min-height:25px;color:var(--text-sub);border-radius:999px;align-items:center;padding:3px 8px;text-decoration:none;display:inline-flex}.explainer-docked .explainer-info>*+:before{content:none;margin:0}.explainer-summary{border:1px solid var(--border);border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface));border-radius:10px;margin:16px 0 18px;padding:16px 18px}.explainer-summary-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.explainer-summary .explainer-prose,.explainer-summary .explainer-lede{color:var(--text);font-size:13px;line-height:1.75}.explainer-summary .explainer-prose p,.explainer-summary .explainer-lede{text-indent:2em}.explainer-summary .explainer-prose p+p{margin-top:8px}.explainer-docked .explainer-lede,.explainer-docked .explainer-prose{font-size:13px;line-height:1.85}.explainer-docked .explainer-toc{z-index:6;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);margin:0 -8px 18px;padding:10px 8px 12px;display:block;position:sticky;top:0}.explainer-docked .explainer-toc-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:10px;display:block}.explainer-docked .explainer-toc ul{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:5px;display:grid}.explainer-docked .explainer-toc a{text-overflow:ellipsis;white-space:nowrap;background:var(--surface);border-color:var(--border);padding:5px 8px;display:block;overflow:hidden}.explainer-docked .explainer-article{max-width:none}.explainer-docked .explainer-section{margin:28px 0;padding-left:2px}.explainer-docked .explainer-section>h3{margin-bottom:12px;padding-left:12px;font-size:15px}.explainer-docked .explainer-article .explainer-prose p{text-indent:2em}.explainer-docked .explainer-article .explainer-prose li p,.explainer-docked .explainer-article .explainer-prose blockquote p,.explainer-docked .explainer-article .admonition p,.explainer-docked .explainer-article .faq-answer p{text-indent:0}.explainer-docked .explainer-prose ul,.explainer-docked .explainer-prose ol{padding-left:1.7em}.explainer-docked table,.explainer-docked pre{max-width:100%;display:block;overflow-x:auto}.guide-status,.capability-guide{color:var(--text-sub);padding:24px;font-size:13px;line-height:1.8}.capability-guide h2{color:var(--text-bright);margin-bottom:12px;font-size:18px}.capability-guide h3{margin-top:20px}.capability-guide a{color:var(--accent)}.inspector-dock .rs-header{flex-wrap:nowrap;min-height:42px;padding:5px 34px 5px 8px;position:relative}.inspector-dock .rs-close{position:absolute;top:6px;right:2px}.inspector-dock .wb-tabs{flex-wrap:nowrap;width:100%;min-width:0;overflow:hidden}.inspector-dock .wb-tab{flex:1 1 0;min-width:0;min-height:32px}@container inspector (width<=470px){.inspector-dock .wb-tab-text{display:none}.inspector-dock .wb-tab{padding-inline:4px}.explainer.explainer-docked{padding:22px 24px}.explainer-docked .explainer-header h2{font-size:20px;line-height:1.4}}.home-content .tool-viewport{display:block}.calcx-home{width:100%;max-width:1360px;color:var(--text);margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,44px) 56px}.calcx-home-hero{border:1px solid var(--border);background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 8%, var(--surface)) 0%, var(--surface) 60%);border-radius:18px;max-width:820px;margin-bottom:26px;padding:clamp(20px,3vw,30px);position:relative;overflow:hidden}.calcx-home-hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:340px;height:340px;position:absolute;top:-160px;right:-120px}.calcx-home-eyebrow{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--accent);letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;display:inline-flex}.calcx-home h1{color:var(--text-bright);letter-spacing:-.02em;margin:14px 0 8px;font-size:clamp(26px,3.4vw,38px);font-weight:650;position:relative}.calcx-home-hero p{max-width:60ch;color:var(--text-sub);margin:0;font-size:14px;line-height:1.75;position:relative}.calcx-home-search{border:1px solid var(--border);background:var(--surface2);color:var(--text-sub);border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:13px 16px;display:flex;position:relative}.calcx-home-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.calcx-home-search input{width:100%;min-width:0;color:var(--text-bright);font:inherit;background:0 0;border:0;outline:none;font-size:14px}.calcx-home-personal{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;margin-bottom:16px;display:grid}.calcx-home-categories{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.calcx-home-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;margin:0;padding:16px 16px 14px;display:flex}.calcx-home-card h2{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);color:var(--text-bright);align-items:center;gap:10px;margin:0 0 10px;padding-bottom:10px;font-size:14.5px;font-weight:600;display:flex}.calcx-home-card h2>svg{background:color-mix(in srgb, var(--accent) 14%, transparent);width:27px;height:27px;color:var(--accent);border-radius:8px;flex:none;padding:5px}.calcx-home-card h2>span{color:var(--text-sub);margin-left:auto;font-size:12px;font-weight:400}.calcx-home-tools{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:4px;display:grid}.home-tool-row{border-radius:9px;align-items:center;min-width:0;display:flex}.home-tool-row:hover{background:var(--surface2)}.home-tool-row a{min-width:0;color:var(--text);border-radius:9px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:13px;text-decoration:none;display:flex}.home-tool-row a>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.home-tool-row a>svg{color:var(--text-sub);flex:none}.home-module-row small{color:var(--text-sub);margin-top:3px;font-size:11.5px;line-height:1.5;display:block}.calcx-home-empty{color:var(--text-sub);padding:10px 2px;font-size:13px;line-height:1.8}@media (width<=760px){.calcx-home-personal,.calcx-home-categories{grid-template-columns:1fr}.calcx-home-hero:after{display:none}.tool-viewport{overscroll-behavior-y:contain}}@media (pointer:coarse){.nav-favorite{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.sidebar,.chevron{transition:none}}.top-modes-wrap{flex:1;min-width:0;position:relative}.top-modes-wrap:before,.top-modes-wrap:after{content:"";pointer-events:none;opacity:0;z-index:1;width:28px;transition:opacity .15s;position:absolute;top:0;bottom:0}.top-modes-wrap:before{background:linear-gradient(to right, var(--surface), transparent);left:0}.top-modes-wrap:after{background:linear-gradient(to left, var(--surface), transparent);right:0}.top-modes-wrap.fade-l:before,.top-modes-wrap.fade-r:after{opacity:1}.nav-item-row{align-items:stretch;display:flex}.nav-item-row>.nav-item{flex:auto;min-width:0}.nav-item-row:hover{background:var(--btn-hover)}.nav-chevron-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 10px;transition:background .15s;display:flex}.nav-chevron-btn:hover{background:var(--btn-hover)}.nav-item-row.active-row{background:var(--accent)}.nav-item-row.active-row>.nav-chevron-btn{color:var(--on-accent)}.nav-section-body>div>.nav-item-row>.nav-item{padding-left:22px}.main-content:focus{outline:none}.wb-hint-toast{right:12px;top:calc(var(--top-bar-h) + 8px);z-index:300;background:var(--surface2);color:var(--text-bright);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:fixed}.wb-hint-toast .wb-hint-open{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.wb-hint-toast .wb-hint-open:hover{background:var(--accent-hover)}
