:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--neutrium-blue:#426094;--neutrium-blue-strong:#314b78;--neutrium-blue-deep:#1d304f;--ink:#19263b;--muted:#5c6b80;--paper:#eef3f8;--surface:#f9fbfd;--surface-strong:#fff;--line:#d7e0eb;--line-strong:#aebbd0;--accent:var(--neutrium-blue);--accent-strong:var(--neutrium-blue-strong);--accent-soft:#e6edf7;--success:#28705a;--danger:#a13d48;--code-surface:#17263d;--shadow:0 18px 50px #1d304f1a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% -10%, #42609421, transparent 25rem), linear-gradient(180deg, #f5f8fb 0, var(--paper) 28rem);min-width:320px;min-height:100vh;color:var(--ink);margin:0}::selection{color:var(--neutrium-blue-deep);background:#cbd8ea}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #42609447}a{color:inherit}.skip-link{z-index:30;background:var(--surface-strong);color:var(--neutrium-blue-deep);border-radius:.4rem;padding:.6rem .8rem;font-weight:750;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.topbar{border-bottom:3px solid var(--neutrium-blue-strong);background:var(--neutrium-blue);color:#fff;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,3vw,3rem);display:flex;box-shadow:0 6px 22px #1d304f2e}.brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-weight:760;text-decoration:none;display:flex}.brand-mark{background:#edf1f5;border:1px solid #ffffffa6;border-radius:.45rem;place-items:center;width:2.25rem;height:2.25rem;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.topnav{gap:1.25rem;font-size:.9rem;display:flex}.topnav a{color:#e1e9f5;text-decoration:none}.topnav a:hover,.topnav a:focus-visible{color:#fff;text-decoration:underline}.page{width:min(1480px,100%);margin:0 auto;padding:clamp(1.25rem,3vw,3rem)}.intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.eyebrow,.section-index{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;font-weight:700}h1{max-width:760px;color:var(--neutrium-blue-deep);letter-spacing:-.055em;margin:0;font-size:clamp(2.1rem,5vw,4.4rem);line-height:.96}.intro-copy{max-width:480px;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.presets{scrollbar-width:thin;gap:.55rem;padding:0 0 1rem;display:flex;overflow-x:auto}.preset-chip{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff85;border-radius:999px;flex:none;padding:.55rem .85rem;font-size:.84rem;font-weight:650;transition:border-color .18s,color .18s,background .18s}.preset-chip:hover,.preset-chip:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.preset-chip.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.workspace-grid{grid-template-columns:minmax(520px,1.45fr) minmax(310px,.8fr);align-items:start;gap:1rem;display:grid}.panel{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:.85rem;overflow:hidden}.calculator-panel,.code-panel{padding:0 1rem 1rem}.panel-heading{border-bottom:1px solid var(--line);background:#f2f6fa;justify-content:space-between;align-items:center;gap:1rem;margin:0 -1rem 1rem;padding:.9rem 1rem;display:flex}.panel-heading.compact{margin-bottom:1rem}.panel-heading .section-index{display:none}.panel-heading h2{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem}.live-badge{color:var(--success);align-items:center;gap:.38rem;font-size:.75rem;font-weight:720;display:inline-flex}.live-badge span{background:currentColor;border-radius:50%;width:.48rem;height:.48rem}.expression-grid,.settings-grid{grid-template-columns:minmax(0,1fr) 154px minmax(0,1fr);gap:.75rem;display:grid}.settings-grid{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(145px,.7fr);margin-top:1rem;padding-top:1rem}.field{gap:.42rem;display:grid}.field>span{color:var(--neutrium-blue-deep);letter-spacing:.025em;justify-content:space-between;font-size:.76rem;font-weight:720;display:flex}.field output{color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}input[type=text],input[type=number],select{border:1px solid var(--line-strong);background:var(--surface-strong);width:100%;min-height:2.65rem;color:var(--ink);border-radius:.48rem;outline:none;padding:.62rem .72rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #42609429}select:disabled{cursor:not-allowed;opacity:.42}.setting-shell{opacity:.58;transition:opacity .18s}.setting-shell.is-relevant{opacity:1}input[type=range]{width:100%;min-height:2.65rem;accent-color:var(--accent);margin:0}.field-help{color:var(--muted);margin:.5rem 0 0;font-size:.72rem;line-height:1.5}.error-message{color:var(--danger);margin:.85rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55}.comparison{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f9fc;grid-template-columns:1fr 1fr;gap:0;margin:1.25rem -1rem 0;display:grid}.result-card{border-right:1px solid var(--line-strong);background:linear-gradient(135deg, var(--surface-strong), #f2f6fb);min-width:0;min-height:170px;padding:clamp(1rem,2vw,1.5rem)}.result-card:last-child{border-right:0}.decimal-card{background:linear-gradient(135deg, var(--surface-strong), var(--accent-soft))}.result-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem;font-size:.72rem;font-weight:720;display:flex}.result-label strong{color:var(--accent-strong);font-size:.66rem}.native-card .result-label strong{color:var(--muted)}.result-value{overflow-wrap:anywhere;min-height:2.4rem;color:var(--accent-strong);letter-spacing:-.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.25rem,3vw,2.2rem);font-weight:650;line-height:1.12;display:block}.native-card .result-value{color:var(--ink)}.result-meta{color:var(--muted);margin-top:.8rem;font-size:.7rem;display:block}.comparison-status{border:1px solid var(--line);background:var(--surface-strong);border-radius:.55rem;align-items:flex-start;gap:.65rem;margin-top:1rem;padding:.85rem;display:flex}.status-icon{background:var(--muted);border-radius:50%;flex:none;width:.48rem;height:.48rem;margin-top:.3rem}.comparison-status strong{color:var(--ink);font-size:.78rem}.comparison-status p{color:var(--muted);margin:.2rem 0 0;font-size:.72rem;line-height:1.5}.comparison-status[data-state=same]{background:#f3faf7;border-color:#b8d4ca}.comparison-status[data-state=same] .status-icon{background:var(--success)}.comparison-status[data-state=error] .status-icon{background:var(--danger)}.code-panel{position:sticky;top:1rem}.copy-button{border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--accent-strong);border-radius:.4rem;padding:.4rem .6rem;font-size:.7rem;font-weight:700}.copy-button:hover,.copy-button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}pre{background:var(--code-surface);color:#edf3fb;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.55rem;min-height:250px;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;line-height:1.55;overflow:auto}.install-block{border:1px solid var(--line);background:var(--accent-soft);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:.48rem;justify-content:space-between;align-items:center;gap:.75rem;margin:.75rem 0 1.2rem;padding:.7rem .8rem;font-size:.68rem;font-weight:700;display:flex}.install-block code{color:var(--accent-strong);letter-spacing:0;text-transform:none;font-size:.68rem;font-weight:500}.feature-list{gap:.75rem;display:grid}.feature-list>div{grid-template-columns:1.75rem 1fr;gap:.5rem;display:grid}.feature-list span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;line-height:1.5}.feature-list p{color:var(--muted);margin:0;font-size:.73rem;line-height:1.45}.feature-list strong{color:var(--ink);margin-bottom:.1rem;font-size:.76rem;display:block}.rounding-panel{grid-template-columns:minmax(260px,.72fr) minmax(450px,1.28fr);gap:clamp(2rem,6vw,5rem);margin-top:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.rounding-panel h2{color:var(--neutrium-blue-deep);letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,3vw,2.5rem)}.rounding-copy>p:not(.section-index){max-width:420px;color:var(--muted);margin:.85rem 0 0;font-size:.9rem;line-height:1.6}.rounding-inputs{grid-template-columns:1fr 120px;gap:.75rem;margin-top:1.5rem;display:grid}.table-shell{border:1px solid var(--line);background:var(--surface-strong);border-radius:.55rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.78rem}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.72rem .8rem}thead th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#f2f6fa;font-size:.66rem}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}tbody th{color:var(--accent-strong);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:650}tbody td:nth-child(2){color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}tbody td:last-child{color:var(--muted)}tbody tr{transition:background .15s}tbody tr:hover,tbody tr.selected-mode{background:var(--accent-soft)}.table-error{color:var(--danger);text-align:center}.footnote{width:min(1480px,100%);color:var(--muted);justify-content:space-between;gap:1rem;margin:0 auto;padding:0 3rem 2rem;font-size:.75rem;display:flex}.footnote p{margin:0}.footnote a{color:var(--accent-strong);text-decoration:none}.footnote a:hover,.footnote a:focus-visible{text-decoration:underline}@media (width<=980px){.intro{gap:1rem;display:grid}.workspace-grid{grid-template-columns:1fr}.code-panel{position:static}.rounding-panel{grid-template-columns:1fr}}@media (width<=620px){.topbar{align-items:flex-start}.topnav{gap:.8rem;font-size:.8rem}.page{padding:1rem}h1{font-size:clamp(2.5rem,13vw,4rem)}.expression-grid,.settings-grid{grid-template-columns:1fr}.operator-field{order:-1}.comparison{grid-template-columns:1fr}.result-card{border-right:0;border-bottom:1px solid var(--line-strong)}.result-card:last-child{border-bottom:0}.rounding-panel{padding:1rem}.rounding-inputs{grid-template-columns:1fr 110px}thead th:last-child,tbody td:last-child{display:none}.footnote{padding:0 1rem 1.5rem;display:grid}}@media (prefers-reduced-motion:no-preference){.panel{animation:.38s ease-out both rise}.code-panel{animation-delay:60ms}.rounding-panel{animation-delay:.1s}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}