.calculator-diagram{overflow:hidden;padding:1rem;border:1px solid color-mix(in srgb,var(--color-primary-500) 55%,var(--color-surface-700));border-radius:.85rem;background:radial-gradient(circle at 95% 5%,rgba(34,211,238,.11),transparent 35%),var(--color-surface-950)}.diagram-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.diagram-kicker{color:var(--color-primary-300);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.diagram-heading p{margin:.15rem 0 0;color:var(--color-surface-400);font-size:.78rem;line-height:1.4}.diagram-count{flex:none;padding:.25rem .55rem;border-radius:999px;background:#6366f124;color:var(--color-primary-300);font:600 .7rem var(--font-mono)}.diagram-flow{display:grid;gap:.55rem;max-height:25rem;overflow-y:auto}.diagram-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;min-height:6rem;color:var(--color-surface-500);font-size:.78rem}.diagram-empty span{padding:.45rem .6rem;border:1px dashed var(--color-surface-700);border-radius:.5rem}.diagram-empty i{color:var(--color-primary-500);font-style:normal}.diagram-empty p{flex-basis:100%;margin:0;text-align:center;font-size:.72rem}.diagram-row{display:grid;grid-template-columns:minmax(4.5rem,.8fr) auto minmax(6rem,1fr) auto minmax(6rem,1fr);align-items:stretch;gap:.4rem;animation:diagram-row-in .28s ease-out both;animation-delay:calc(var(--row-index) * 35ms)}.diagram-node{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:.55rem .65rem;border:1px solid var(--color-surface-700);border-radius:.6rem;background:var(--color-surface-900)}.diagram-node small{color:var(--color-surface-500);font-size:.62rem;line-height:1.2}.diagram-node strong,.diagram-node code{margin-top:.18rem;overflow-wrap:anywhere;color:var(--color-surface-100);font-size:.78rem}.diagram-character{border-color:color-mix(in srgb,var(--color-primary-500) 55%,var(--color-surface-700))}.diagram-character strong{color:var(--color-primary-300)}.diagram-bytes code{color:var(--color-surface-200)}.diagram-hex{border-color:color-mix(in srgb,var(--color-secondary-500) 55%,var(--color-surface-700))}.diagram-hex code{color:var(--color-secondary-300)}.diagram-arrow{align-self:center;color:var(--color-primary-500)}.diagram-more{margin:.2rem 0 0;color:var(--color-surface-500);text-align:center;font-size:.7rem}@keyframes diagram-row-in{0%{opacity:0;transform:translate(-6px)}}@media(max-width:520px){.diagram-row{grid-template-columns:1fr}.diagram-arrow{transform:rotate(90deg);justify-self:center;line-height:.7}}@media(prefers-reduced-motion:reduce){.diagram-row{animation:none}}.homepage-visual{margin:1rem 0 1.4rem;padding:1rem;border:1px solid color-mix(in srgb,var(--color-primary-500) 45%,var(--color-surface-700));border-radius:.9rem;background:radial-gradient(circle at 90% 0%,rgba(34,211,238,.08),transparent 35%),var(--color-surface-900);animation:visual-in .35s ease-out both;animation-delay:var(--visual-delay, 0ms)}.visual-controls{display:flex;align-items:center;gap:.55rem;overflow-x:auto;padding-bottom:.35rem}.visual-step{display:inline-flex;align-items:center;gap:.5rem;flex:1 0 auto;min-width:8rem;padding:.65rem .8rem;border:1px solid var(--color-surface-700);border-radius:.65rem;background:var(--color-surface-850);color:var(--color-surface-300);font:600 .82rem var(--font-sans);cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}.visual-step span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:999px;background:var(--color-surface-700);color:var(--color-surface-100);font-size:.72rem}.visual-step:hover{border-color:var(--color-primary-400);transform:translateY(-1px)}.visual-step[aria-pressed=true]{border-color:var(--color-primary-400);background:#4f46e52e;color:#fff}.visual-step[aria-pressed=true] span{background:var(--color-primary-500)}.visual-connector{color:var(--color-primary-400);font-size:1.15rem}.visual-display{display:flex;align-items:center;gap:1rem;min-height:3.6rem;margin-top:.7rem;padding:.7rem .85rem;border-radius:.65rem;background:var(--color-surface-950)}.visual-display code{flex:0 0 auto;color:var(--color-secondary-300);font:600 .85rem var(--font-mono)}.visual-display p{margin:0;color:var(--color-surface-400);font-size:.86rem;line-height:1.45}@keyframes visual-in{0%{opacity:0;transform:translateY(5px)}}@media(max-width:640px){.homepage-visual{padding:.8rem}.visual-controls{align-items:stretch}.visual-step{min-width:7.5rem}.visual-display{align-items:flex-start;flex-direction:column;gap:.35rem}}@media(prefers-reduced-motion:reduce){.homepage-visual{animation:none}.visual-step{transition:none}}.homepage-article[data-astro-cid-qetaiy2q]{max-width:64rem;margin:0 auto}.content-section[data-astro-cid-qetaiy2q]{margin:4rem auto;max-width:64rem}.content-lead[data-astro-cid-qetaiy2q]{margin-top:1rem}.content-section[data-astro-cid-qetaiy2q] h2[data-astro-cid-qetaiy2q]{margin-bottom:1rem;font-size:clamp(1.65rem,3vw,2.15rem)}.content-section[data-astro-cid-qetaiy2q] h3[data-astro-cid-qetaiy2q]{margin:1.75rem 0 .65rem;font-size:1.25rem}.content-section[data-astro-cid-qetaiy2q] p[data-astro-cid-qetaiy2q],.content-section[data-astro-cid-qetaiy2q] li[data-astro-cid-qetaiy2q]{color:var(--color-surface-300)}.content-section[data-astro-cid-qetaiy2q] p[data-astro-cid-qetaiy2q]{margin:.8rem 0}.content-section[data-astro-cid-qetaiy2q] ol[data-astro-cid-qetaiy2q],.content-section[data-astro-cid-qetaiy2q] ul[data-astro-cid-qetaiy2q]{padding-left:1.4rem;margin:1rem 0}.content-section[data-astro-cid-qetaiy2q] li[data-astro-cid-qetaiy2q]{margin:.5rem 0}.content-section[data-astro-cid-qetaiy2q] code[data-astro-cid-qetaiy2q]{color:var(--color-secondary-300);background:var(--color-surface-800);padding:.12rem .35rem;border-radius:.3rem;font-family:var(--font-mono);overflow-wrap:anywhere}.application-grid[data-astro-cid-qetaiy2q]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.application-grid[data-astro-cid-qetaiy2q] article[data-astro-cid-qetaiy2q],.code-table[data-astro-cid-qetaiy2q],details[data-astro-cid-qetaiy2q]{border:1px solid var(--color-surface-700);background:var(--color-surface-900);border-radius:.85rem}.application-grid[data-astro-cid-qetaiy2q] article[data-astro-cid-qetaiy2q]{padding:1.25rem}.application-title[data-astro-cid-qetaiy2q]{display:block;margin:0 0 .5rem;color:var(--color-surface-50);font-size:1.15rem}.code-table[data-astro-cid-qetaiy2q]{overflow:hidden;margin:1.5rem 0}.code-table[data-astro-cid-qetaiy2q] div[data-astro-cid-qetaiy2q]{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--color-surface-800)}.code-table[data-astro-cid-qetaiy2q] div[data-astro-cid-qetaiy2q]:last-child{border-bottom:0}details[data-astro-cid-qetaiy2q]{margin:.8rem 0;padding:0 1rem}summary[data-astro-cid-qetaiy2q]{cursor:pointer}summary[data-astro-cid-qetaiy2q] h3[data-astro-cid-qetaiy2q]{display:inline-block;margin:1rem 0;font-size:1.05rem}details[data-astro-cid-qetaiy2q] p[data-astro-cid-qetaiy2q]{padding-bottom:.75rem}.table-wrap[data-astro-cid-qetaiy2q]{overflow-x:auto;border:1px solid var(--color-surface-700);border-radius:.85rem}table[data-astro-cid-qetaiy2q]{width:100%;border-collapse:collapse}th[data-astro-cid-qetaiy2q],td[data-astro-cid-qetaiy2q]{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--color-surface-800)}th[data-astro-cid-qetaiy2q]{color:var(--color-surface-50);background:var(--color-surface-850)}td[data-astro-cid-qetaiy2q]{color:var(--color-surface-300)}.quick-answers[data-astro-cid-qetaiy2q] h2[data-astro-cid-qetaiy2q]{margin-top:3rem}.tools-visual[data-astro-cid-qetaiy2q]{scroll-margin-top:6rem}.tools-map[data-astro-cid-qetaiy2q]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.4rem}.tools-map[data-astro-cid-qetaiy2q] a[data-astro-cid-qetaiy2q]{position:relative;display:grid;grid-template-columns:1fr auto;gap:.3rem .6rem;min-height:9.5rem;padding:1rem;overflow:hidden;border:1px solid var(--color-surface-700);border-radius:.8rem;background:var(--color-surface-900);transition:.2s ease}.tools-map[data-astro-cid-qetaiy2q] a[data-astro-cid-qetaiy2q]:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:hsl(calc(230 + var(--tool-index) * 5) 80% 65%)}.tools-map[data-astro-cid-qetaiy2q] a[data-astro-cid-qetaiy2q]:hover{border-color:var(--color-primary-500);transform:translateY(-2px)}.tools-map[data-astro-cid-qetaiy2q] span[data-astro-cid-qetaiy2q],.tools-map[data-astro-cid-qetaiy2q] small[data-astro-cid-qetaiy2q]{color:var(--color-surface-500);font-size:.68rem;line-height:1.35}.tools-map[data-astro-cid-qetaiy2q] i[data-astro-cid-qetaiy2q]{grid-row:span 2;align-self:center;color:var(--color-primary-400);font-style:normal}.tools-map[data-astro-cid-qetaiy2q] strong[data-astro-cid-qetaiy2q]{color:var(--color-surface-100);font-size:.9rem;line-height:1.25}.tools-map[data-astro-cid-qetaiy2q] small[data-astro-cid-qetaiy2q]{grid-column:1}.tools-map[data-astro-cid-qetaiy2q] b[data-astro-cid-qetaiy2q]{grid-column:1 / -1;align-self:end;color:var(--color-primary-300);font-size:.75rem}.tools-map[data-astro-cid-qetaiy2q] b[data-astro-cid-qetaiy2q] span[data-astro-cid-qetaiy2q]{color:inherit;font-size:inherit}@media(max-width:640px){.application-grid[data-astro-cid-qetaiy2q]{grid-template-columns:1fr}.code-table[data-astro-cid-qetaiy2q] div[data-astro-cid-qetaiy2q]{grid-template-columns:1fr;gap:.35rem}.tools-map[data-astro-cid-qetaiy2q]{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:900px){.tools-map[data-astro-cid-qetaiy2q]{grid-template-columns:repeat(2,1fr)}}