.calc-page{max-width:var(--max);padding:140px var(--gutter) 0;margin:0 auto}.calc-head{max-width:46rem;margin-bottom:2.4rem}.calc-head .display{font-size:clamp(2.6rem,5.6vw,4.6rem)}.calc-head .lead{margin-top:1.1rem}.calc-back{width:fit-content;color:var(--muted);gap:.4em;margin-bottom:1.2rem;font-size:.92rem;display:flex}.calc-card>.help{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.calc-back:hover{color:var(--accent)}.calc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.calc-grid.wide{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.calc-card,.result-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#ffffff0e,#ffffff05);padding:clamp(1.3rem,3vw,2rem)}.calc-card{background:linear-gradient(160deg,#9bd5f317,#ffffff06 55%);border-color:#9bd5f338}.result-card{position:sticky;top:100px;overflow:hidden}.field{margin-bottom:1.15rem}.field>label,.field>.label{color:var(--muted);margin-bottom:.45rem;font-size:.9rem;display:block}.field .help{color:var(--muted);margin:.4rem 0 0;font-size:.82rem}.input-wrap{border:1px solid var(--line);background:#00000059;border-radius:16px;transition:border-color .25s,box-shadow .25s;display:flex}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #9bd5f326}.input-wrap.is-invalid{border-color:var(--warn)}.input-wrap input,.input-wrap textarea{background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:.85rem 1rem;font-size:1.25rem;font-weight:600}.input-wrap textarea{font:500 .95rem/1.5 var(--font-mono);resize:vertical;min-height:7.5rem}.input-wrap select{border:0;border-left:1px solid var(--line);cursor:pointer;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239bd5f3' stroke-width='2'/%3E%3C/svg%3E") right .9rem center/12px no-repeat;outline:none;padding:0 2.2rem 0 1rem;font-size:1rem}.input-wrap select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.input-wrap select option{background:var(--bg-2);color:var(--text)}.field-row{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.seg{border-radius:var(--pill);border:1px solid var(--line);background:#0000004d;padding:4px;display:inline-flex}.seg button{border-radius:var(--pill);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.55em 1.1em;font-weight:600;transition:background .25s,color .25s}.seg button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.result-text{min-height:3em;margin:1.2rem 0 0;font-size:1.25rem;line-height:1.5}.result-text b{color:var(--accent);font-size:1.35em;font-weight:700}.result-big{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;margin-top:.2rem;font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.05;display:block}.calc-note{min-height:1.4em;color:var(--warn);margin:.7rem 0 0;font-size:.9rem}.calc-note.info{color:var(--muted)}.calc-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex}.calc-actions .btn{padding:.65em 1.2em;font-size:.88rem}.copied{color:var(--green);align-self:center;font-size:.85rem}.app-note{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:1.2rem;padding:1.3rem 1.6rem;display:flex}.app-note p{color:var(--muted);max-width:40em;margin:0}.app-note strong{color:var(--text)}.app-note .cta-row{margin:0}.app-note .store{padding:.5rem 1rem .5rem .8rem;font-size:.95rem}.app-note .store svg{width:22px;height:22px}.calc-explain{max-width:46rem;color:var(--muted);margin-top:3rem}.calc-explain h2{color:var(--text);margin:0 0 .6rem;font-size:1.2rem}.calc-explain p{margin:0 0 .8rem}.calc-explain code{font-family:var(--font-mono);color:var(--accent-2)}.lab-stage{justify-content:center;align-items:center;height:230px;margin:-.3rem -.3rem 0;display:flex;position:relative}.lab-stage svg{width:100%;max-width:340px;height:230px;display:block;overflow:visible}.lab-stage .glass{fill:#ffffff0a;stroke:#ffffff8c;stroke-width:2.5px}.lab-stage .glass-thin{fill:none;stroke:#ffffff59;stroke-width:1.5px}.lab-stage .tick{stroke:#ffffff47;stroke-width:1.5px}.lab-stage text{fill:var(--muted);font:600 11px var(--font-body)}@keyframes lab-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.is-error .shake-on-error{animation:lab-shake .45s var(--ease);transform-box:fill-box}@keyframes lab-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes lab-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-120px)}}@keyframes lab-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.print-only{display:none}@media print{.calc-page{padding:0}.calc-grid,.app-note,.calc-explain,.calc-back,.calc-head .lead,.calc-head .eyebrow{display:none!important}.calc-head .display{color:#000;font-size:22pt}.calc-head .grad{-webkit-text-fill-color:#000;color:#000;background:0 0}.print-only{color:#000;font:11pt/1.5 var(--font-body);display:block}.print-sheet table{border-collapse:collapse;width:100%;margin:10pt 0}.print-sheet th,.print-sheet td{text-align:left;vertical-align:top;border:1px solid #999;padding:4pt 6pt}.print-sheet th{background:#eee}.print-sheet .print-result{margin:10pt 0;font-size:14pt;font-weight:700}.print-sheet .print-meta{color:#444;font-size:9pt}}@media (width<=860px){.calc-grid,.calc-grid.wide{grid-template-columns:minmax(0,1fr)}.result-card{position:static}.calc-page{padding-top:120px}}@media (width<=420px){.field-row{grid-template-columns:1fr}.input-wrap input{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.lab-stage *{transition:none!important;animation:none!important}}
