@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.grid{display:grid}.rounded{border-radius:.25rem}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101114;--bg-soft:#191b20;--text:#f5f6f8;--muted:#b9c0cc;--line:#ffffff1f;--orange:#ff8a16;--yellow:#ffd539;--purple:#7360b8;--green:#9bd46b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#ff8a161f,#0000 28rem),linear-gradient(145deg,#111216 0%,#20242b 48%,#0d0e10 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ffd539d9}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;border:1px solid var(--line);color:var(--muted);background:#101114e6;border-radius:999px;padding:.55rem .85rem;font-size:.78rem;position:fixed;bottom:1rem;right:1rem}.site-header,.site-footer{width:min(1180px,100% - 2rem);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.site-logo{letter-spacing:0;align-items:center;gap:.6rem;font-weight:800;display:inline-flex}.logo-mark{width:2.1rem;height:2.1rem;color:var(--yellow);background:#252934;border:1px solid #ffffff2e;border-radius:.5rem;place-items:center;font-style:italic;display:grid}.site-nav,.footer-links{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;font-size:.94rem;display:flex}.site-nav a,.footer-links a{border-radius:999px;padding:.5rem .7rem}.site-nav a:hover,.footer-links a:hover{color:var(--text);background:#ffffff14}.hero-section,.content-section,.seo-content,.page-section,.disclaimer-band{width:min(1180px,100% - 2rem);margin:0 auto}.hero-section{grid-template-columns:minmax(0,1fr) minmax(320px,414px);place-items:center stretch;gap:clamp(1.25rem,5vw,5rem);min-height:calc(100svh - 5.2rem);padding:1rem 0 1.5rem;display:grid}.hero-section:not(.focus-mode){align-content:center}.hero-section.focus-mode{grid-template-columns:minmax(320px,840px);justify-content:center;justify-items:center}.hero-copy{text-align:left;align-self:center;width:100%;max-width:720px}.focus-mode .hero-copy{z-index:30;width:2.5rem;max-width:2.5rem;min-height:0;padding-top:0;position:fixed;top:50%;left:.35rem;transform:translateY(-50%)}.intro-rail-toggle{color:#ffffff8c;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:2.2rem;height:4.5rem;font-size:1.45rem;font-weight:800;display:none}.intro-rail-toggle:hover{color:#ffffffd9;background:#ffffff1a}.focus-mode .intro-rail-toggle{display:grid}.focus-mode .hero-copy-body{display:none}.open-calculator-button{color:#fff;cursor:pointer;background:#2f65df;border:0;border-radius:.55rem;align-items:center;gap:.55rem;margin-top:.8rem;padding:.85rem 1.1rem;font-weight:900;display:inline-flex}.open-calculator-button:hover{background:#3973f2}.eyebrow{color:var(--yellow);letter-spacing:0;text-transform:uppercase;margin:0 0 .75rem;font-size:.77rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:1rem;font-size:clamp(2.4rem,7vw,5.3rem);line-height:.94}h2{letter-spacing:0;margin-bottom:.85rem;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05}h3{letter-spacing:0;margin-bottom:.5rem;font-size:1.05rem}p{color:var(--muted);line-height:1.7}.hero-subtitle{max-width:52rem;font-size:clamp(1.05rem,2vw,1.35rem)}.hero-copy-body{max-height:calc(100svh - 9rem)}.calculator-layout{grid-template-columns:minmax(320px,414px) minmax(220px,414px);justify-content:center;align-items:start;gap:clamp(.9rem,2vw,1.5rem);width:100%;max-width:850px;display:grid}.calculator-layout.history-is-collapsed{grid-template-columns:minmax(320px,414px);position:relative}.calculator-layout.history-is-collapsed .history-side{width:0;height:0;min-height:0}.history-side{width:min(100%,414px);height:min(624px,100svh - 7rem);min-height:0;display:flex;position:relative}.calculator-shell{aspect-ratio:414/624;background:linear-gradient(160deg,#ffffff17,#0000 18%),linear-gradient(#303238 0%,#15171b 45%,#0b0c0f 100%);border:1px solid #ffffff29;border-radius:1.65rem 1.65rem 2.35rem 2.35rem;width:100%;min-width:0;max-width:min(100%,414px);padding:.92rem;box-shadow:0 2rem 5rem #00000073,inset 0 0 0 .35rem #24272d}.calculator-topline{color:#f7f7f7;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.22rem;font-weight:800;display:flex}.calculator-topline span:first-child{font-size:1.15rem}.calculator-topline span:last-child{font-size:.73rem;font-style:italic}.calculator-display{color:#d9ead3;background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 38%),linear-gradient(#252826 0%,#141715 100%);border:.35rem solid #050607;border-radius:.55rem;min-height:6.3rem;padding:.58rem .72rem;overflow:hidden;box-shadow:inset 0 1.4rem 2rem #ffffff08,inset 0 -1rem 1.5rem #00000080}.display-status{color:var(--green);justify-content:space-between;font-size:.68rem;font-weight:800;display:flex}.display-expression,.display-result{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.display-expression{color:#e5f3dd;min-height:2.15rem;margin-top:.55rem;font-family:Courier New,Courier,monospace;font-size:clamp(1.15rem,4vw,1.7rem)}.display-result{color:#c4d9bd;font-family:Courier New,Courier,monospace;font-size:1rem}.display-error{color:#ffb6a3;font-weight:800}.calculator-controls-row{grid-template-columns:1fr 5.45rem 1fr;align-items:center;gap:.62rem;margin:.35rem 0 .25rem;display:grid}.small-pill{color:var(--yellow);text-align:center;background:linear-gradient(#8d7bd0,#5b4aa0);border-radius:999px;padding:.28rem .45rem;font-size:.65rem;font-weight:800;box-shadow:inset 0 .25rem .35rem #fff3,0 .35rem .6rem #00000059}.round-pad{aspect-ratio:1;color:#ded8ff;background:radial-gradient(circle,#7d6bc3 0%,#6756ad 48%,#332c58 100%);border-radius:999px;justify-self:center;width:4.85rem;font-size:.68rem;font-weight:800;position:relative;box-shadow:inset 0 .35rem .5rem #ffffff29,0 .45rem .8rem #0000006b}.pad-center,.pad-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pad-up{top:18%}.pad-down{top:82%}.pad-left{left:18%}.pad-right{left:82%}.calculator-keypad{gap:.31rem;display:grid}.key-row{gap:.31rem;display:flex}.calc-key{color:#f8f8f8;cursor:pointer;text-align:center;background:linear-gradient(#464a52 0%,#1d2026 92%);border:1px solid #ffffff1f;border-radius:.42rem;flex:1 1 0;min-width:0;min-height:1.9rem;font-weight:800;transition:transform .12s,filter .12s,box-shadow .12s;position:relative;box-shadow:inset 0 .18rem .2rem #fff3,0 .18rem #050607}.calc-key:hover:not(:disabled){filter:brightness(1.12)}.calc-key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 .25rem .35rem #00000073}.calc-key:disabled{cursor:not-allowed}.calc-key-number{background:linear-gradient(#585c63 0%,#23262d 92%);font-size:1.08rem}.calc-key-operator,.calc-key-function{background:linear-gradient(#3b3f47 0%,#14171d 92%)}.calc-key-special,.calc-key-memory{background:linear-gradient(#4b5060 0%,#222631 92%)}.shift-is-active button[aria-label=Shift\ function]{border-color:#ffd539e6;box-shadow:0 0 0 2px #ffd5392e,inset 0 .18rem .2rem #fff3}.calc-key-danger{color:#fff;background:linear-gradient(#ff9f2d 0%,#dc6400 94%)}.calc-key-equals{background:linear-gradient(#626773 0%,#20242c 94%);font-size:1.12rem}.calc-key-disabled{opacity:.62}.key-main-label{text-overflow:ellipsis;white-space:nowrap;padding:.36rem .16rem .16rem;display:block;overflow:hidden}.key-shift-label,.key-alpha-label{color:var(--yellow);pointer-events:none;font-size:.52rem;font-weight:800;line-height:1;position:absolute;top:-.52rem;left:0;right:0}.key-alpha-label{color:#ff75cc}.history-dock{flex:1;width:min(100%,414px);height:100%;min-height:0;display:flex;position:relative}.history-edge-toggle{color:#ffffff61;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:1.35rem;height:2.5rem;font-size:1rem;font-weight:900;display:grid;position:absolute;top:1rem;right:.35rem}.history-edge-toggle:hover{color:#ffffffb8;background:#ffffff17}.history-edge-toggle-collapsed{z-index:30;position:fixed;top:50%;right:.35rem;transform:translateY(-50%)}.focus-mode .history-edge-toggle{right:-1.75rem}.focus-mode .history-edge-toggle-collapsed{right:.35rem}.history-panel{background:#13151ab8;border:2px solid #fff3;border-radius:.8rem;flex-direction:column;width:min(100%,414px);height:100%;min-height:100%;padding:.85rem;display:flex;overflow:hidden}.history-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.history-header h2{margin:0;font-size:1.1rem}.history-clear{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:.45rem .7rem;font-size:.78rem}.history-clear:disabled{cursor:not-allowed;opacity:.45}.history-empty{margin:1.3rem 0 0;font-size:.9rem}.history-list{gap:.55rem;min-height:0;margin:1rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.history-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.65rem;padding:.7rem;display:grid}.history-expression,.history-result{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-result{color:var(--yellow);font-weight:800}.history-mode{color:var(--muted);font-size:.72rem}.content-section,.seo-content,.page-section,.disclaimer-band{padding:3rem 0}.section-heading,.page-heading{max-width:780px;margin-bottom:1.3rem}.feature-grid,.steps-grid,.prose-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-grid article,.steps-grid article,.prose-grid article,.article-list article,.faq-item{border:1px solid var(--line);background:#ffffff0e;border-radius:.75rem;padding:1.2rem}.steps-grid span{background:var(--orange);color:#fff;border-radius:999px;place-items:center;width:2rem;height:2rem;margin-bottom:.8rem;font-weight:900;display:grid}.faq-list,.article-list{gap:.85rem;display:grid}.faq-item summary{cursor:pointer;font-weight:800}.faq-item p{margin:.75rem 0 0}.page-section{min-height:62vh}.narrow-page{width:min(860px,100% - 2rem)}.page-heading h1{font-size:clamp(2.2rem,5vw,4.1rem)}.article-list h2{font-size:1.25rem}.article-list p:last-child{margin-bottom:0}.disclaimer-band{padding-top:1rem}.disclaimer-band p,.footer-disclaimer{border-top:1px solid var(--line);padding-top:1rem;font-size:.86rem}.site-footer{justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem 0 3rem;display:flex}.footer-disclaimer{max-width:760px;margin:0}@media (max-width:1060px){.hero-section{grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:1.5rem}.hero-section.focus-mode{grid-template-columns:minmax(320px,1fr)}.calculator-layout{grid-template-columns:minmax(320px,390px) minmax(220px,390px);max-width:810px}}@media (max-width:760px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.site-nav,.footer-links{justify-content:flex-start}.site-nav{display:none}.feature-grid,.steps-grid,.prose-grid{grid-template-columns:1fr}.hero-section{grid-template-columns:1fr;align-content:start;justify-items:center;min-height:calc(100svh - 4.2rem);padding-top:0}.hero-section.focus-mode{grid-template-columns:1fr}.calculator-layout,.calculator-layout.history-is-collapsed{grid-template-columns:1fr;max-width:360px}.history-side{width:min(100%,360px);height:auto}.hero-copy{text-align:center;max-width:360px}.focus-mode .hero-copy,.hero-copy .eyebrow{display:none}.hero-copy-body{display:block}.hero-copy-body h1{font-size:clamp(1.9rem,8vw,2.6rem)}.hero-subtitle{display:none}.open-calculator-button{margin-top:0;padding:.65rem .85rem}.history-panel{width:min(100%,360px);max-height:10rem}.history-edge-toggle{width:1.15rem;height:2rem;font-size:.85rem;top:.65rem;right:-.15rem}.history-edge-toggle-collapsed{top:50%;right:.2rem}.focus-mode .hero-copy{left:.2rem}}@media (max-width:430px){.hero-section,.content-section,.seo-content,.page-section,.disclaimer-band,.site-header,.site-footer{width:min(100% - .8rem,1180px)}.calculator-shell{border-radius:1.25rem 1.25rem 1.8rem 1.8rem;width:min(100%,360px);padding:.64rem}.calculator-display{min-height:5.85rem}.calculator-controls-row{grid-template-columns:1fr 4.85rem 1fr;gap:.4rem}.round-pad{width:4.62rem}.key-row{gap:.25rem}.calc-key{border-radius:.34rem;min-height:2rem}.calc-key-number{font-size:1.05rem}.key-main-label{padding-top:.42rem;font-size:clamp(.62rem,3vw,.95rem)}.key-shift-label,.key-alpha-label{font-size:.46rem;top:-.46rem}}