:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98.5% .004 262);--surface:oklch(97.2% .006 262);--surface-2:oklch(94.5% .009 262);--border:oklch(89.5% .011 262);--border-strong:oklch(82% .014 262);--text:oklch(29% .02 262);--text-muted:oklch(52% .018 262);--text-faint:oklch(64% .014 262);--accent:oklch(66.5% .23 18);--accent-hover:oklch(71.5% .215 19);--accent-press:oklch(61% .225 17);--accent-deep:oklch(25.5% .075 18);--accent-soft:oklch(95.5% .03 17);--on-accent:oklch(99% .012 17);--ring:oklch(62.7% .24 17/.45);--ok:oklch(62% .12 150);--warn:oklch(70% .15 75);--err:oklch(56% .2 27);--r-1:7px;--r-2:11px;--r-3:18px;--r-pill:999px;--shadow-1:0 1px 2px oklch(29% .02 262/.06), 0 1px 3px oklch(29% .02 262/.08);--shadow-2:0 8px 28px oklch(29% .02 262/.1), 0 2px 8px oklch(29% .02 262/.07);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "Segoe UI Mono", Consolas, monospace;--maxw:1080px}[data-theme=dark],:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(18.5% .012 262);--surface:oklch(22.5% .014 262);--surface-2:oklch(27% .016 262);--border:oklch(33% .018 262);--border-strong:oklch(42% .02 262);--text:oklch(95% .008 262);--text-muted:oklch(74% .013 262);--text-faint:oklch(60% .013 262);--accent:oklch(66.5% .23 18);--accent-hover:oklch(71.5% .215 19);--accent-press:oklch(61% .225 17);--accent-deep:oklch(38% .13 18);--accent-soft:oklch(32% .075 17);--on-accent:oklch(99% .012 17);--ring:oklch(72% .19 18/.55);--shadow-1:0 1px 2px oklch(0% 0 0/.35), 0 1px 3px oklch(0% 0 0/.4);--shadow-2:0 12px 36px oklch(0% 0 0/.48), 0 3px 10px oklch(0% 0 0/.4)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100dvh;font-size:1rem;line-height:1.6;display:flex}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-1)}.skip{z-index:100;background:var(--surface);color:var(--text);padding:var(--s2) var(--s4);border-radius:0 0 var(--r-2) 0;box-shadow:var(--shadow-1);position:absolute;top:0;left:-999px}.skip:focus{left:0}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--s5);margin-inline:auto}main.wrap{padding-block:var(--s7) var(--s8);flex:1 0 auto}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mt-4{margin-top:var(--s4)}.mt-5{margin-top:var(--s5)}.mt-6{margin-top:var(--s6)}.mt-7{margin-top:var(--s7)}.mb-5{margin-bottom:var(--s5)}h1,h2,h3{letter-spacing:-.01em;font-weight:700;line-height:1.18}h1{font-size:clamp(1.85rem,1.3rem + 2vw,2.6rem)}h2{font-size:clamp(1.4rem,1.15rem + 1vw,1.75rem)}h3{font-size:1.2rem;font-weight:650}.lead{color:var(--text-muted);max-width:60ch;font-size:1.1rem}p{max-width:70ch}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.76rem;font-weight:650}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.topbar{z-index:40;background:oklch(from var(--bg) l c h / .85);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar__in{justify-content:space-between;align-items:center;gap:var(--s4);min-height:62px;display:flex}.brand{color:var(--text);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:24px}.topbar__actions{align-items:center;gap:var(--s3);display:inline-flex}.tgl{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);width:42px;height:42px;color:var(--text-muted);cursor:pointer;place-items:center;padding:0;transition:background .18s,color .18s,border-color .18s;display:inline-grid;position:relative}.tgl:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.tgl__sun,.tgl__moon{position:absolute}.tgl__sun{display:none}.tgl__moon,[data-theme=dark] .tgl__sun{display:block}[data-theme=dark] .tgl__moon{display:none}:root:not([data-theme]) .tgl__sun{display:block}:root:not([data-theme]) .tgl__moon{display:none}.site-foot{border-top:1px solid var(--border);flex-shrink:0}.site-foot__in{justify-content:space-between;gap:var(--s4);padding-block:var(--s5);color:var(--text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:clamp(var(--s5), 3vw, var(--s7));box-shadow:var(--shadow-1)}.btn{--pad-y:.7rem;--pad-x:1.1rem;padding:var(--pad-y) var(--pad-x);border-radius:var(--r-2);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-weight:600;line-height:1;text-decoration:none;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform 40ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background-image:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:var(--on-accent);box-shadow:var(--shadow-1)}.btn--primary:hover{background-image:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent-deep) 100%)}.btn--primary:active{background-image:linear-gradient(135deg, var(--accent-press) 0%, var(--accent-deep) 100%)}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn--lg{--pad-y:.95rem;--pad-x:1.6rem;border-radius:var(--r-2);font-size:1.05rem}.btn--sm{--pad-y:.45rem;--pad-x:.8rem;border-radius:var(--r-1);font-size:.88rem}.btn--danger{background:var(--surface);border-color:var(--border);color:var(--err)}.btn--danger:hover{background:oklch(from var(--err) l c h / .12);border-color:var(--err)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn__arrow{transition:transform .18s cubic-bezier(.2,.7,.2,1)}.btn:hover .btn__arrow{transform:translate(3px)}.field{gap:.4rem;display:grid}.field__label{font-size:.95rem;font-weight:600}.field__hint{color:var(--text-faint);font-size:.82rem}.input-affix{align-items:center;display:flex;position:relative}.input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-2);width:100%;color:var(--text);font-variant-numeric:tabular-nums;padding:.72rem .9rem;transition:border-color .16s,box-shadow .16s,background .16s}.input:hover{border-color:var(--text-faint)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring);outline:none}.input::placeholder{color:var(--text-faint)}.input--affixed{padding-right:2.6rem}.input-affix__unit{color:var(--text-faint);font-family:var(--mono);pointer-events:none;font-size:.9rem;position:absolute;right:.9rem}textarea.input{resize:vertical;min-height:5.5rem;line-height:1.5}.dim-grid{gap:var(--s4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=620px){.dim-grid{grid-template-columns:1fr}}.readout{gap:var(--s5);margin-top:var(--s5);padding:var(--s4) var(--s5);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2);flex-wrap:wrap;display:flex}.readout__item{gap:.15rem;display:grid}.readout__key{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem}.readout__val{font-family:var(--mono);color:var(--text);font-size:1.35rem;font-weight:600}.readout__val sup{font-size:.62em}.form-actions{gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.restart-row{align-items:center;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.errorbox{margin-bottom:var(--s5);padding:var(--s3) var(--s4);border:1px solid var(--err);border-radius:var(--r-2);background:oklch(from var(--err) l c h / .1);color:var(--text)}.flash-ok{margin-bottom:var(--s5);padding:var(--s3) var(--s4);border:1px solid var(--ok);border-radius:var(--r-2);background:oklch(from var(--ok) l c h / .12);color:var(--text)}.steps{align-items:center;gap:var(--s2);margin-bottom:var(--s6);flex-wrap:wrap;display:flex}.step{color:var(--text-faint);align-items:center;gap:.55rem;display:inline-flex}.step__no{border-radius:var(--r-pill);border:1px solid var(--border-strong);width:26px;height:26px;font-size:.82rem;font-weight:700;font-family:var(--mono);place-items:center;display:grid}.step__label{font-size:.9rem;font-weight:600}.step--active{color:var(--text)}.step--active .step__no{background:var(--accent);color:var(--on-accent);border-color:#0000}.step--done{color:var(--text-muted)}.step--done .step__no{border-color:var(--accent);color:var(--accent)}.step__bar{background:var(--border-strong);border-radius:2px;width:28px;height:2px}.fieldset{border:0;margin:0;padding:0}.fieldset+.fieldset{margin-top:var(--s6)}.fieldset__legend{margin-bottom:var(--s3);padding:0;font-size:1.05rem;font-weight:650}.choice-group{gap:var(--s3);display:grid}@media (width>=560px){.choice-group--3{grid-template-columns:repeat(3,1fr)}}.choice{display:block;position:relative}.choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice__box{padding:var(--s4);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-2);gap:.25rem;height:100%;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.choice__title{font-weight:600}.choice__desc{color:var(--text-faint);font-size:.85rem;line-height:1.4}.choice input:hover+.choice__box{border-color:var(--text-faint)}.choice input:checked+.choice__box{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);background:var(--accent-soft)}.choice input:focus-visible+.choice__box{outline:2px solid var(--accent);outline-offset:2px}.result-hero{align-items:baseline;gap:var(--s3) var(--s4);flex-wrap:wrap;display:flex}.config-badge{font-family:var(--mono);letter-spacing:.02em;color:var(--accent);font-size:clamp(2rem,1.4rem + 3vw,3.2rem);font-weight:700;line-height:1}.section-h{margin-top:var(--s7);margin-bottom:var(--s3)}.spec-list{border:1px solid var(--border);border-radius:var(--r-2);gap:0;display:grid;overflow:hidden}.spec-row{justify-content:space-between;align-items:baseline;gap:var(--s4);padding:var(--s3) var(--s4);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.spec-row:last-child{border-bottom:0}.spec-row__key{color:var(--text)}.spec-row__val{color:var(--text-muted);text-align:right}.notes-list{gap:var(--s3);margin-top:var(--s4);padding:0;list-style:none;display:grid}.notes-list li{gap:.65rem;max-width:72ch;display:flex}.notes-list li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:.5rem;height:.5rem;margin-top:.5rem}.tag-row{gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap;display:flex}.tag{font-family:var(--mono);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);padding:.25rem .6rem;font-size:.8rem}.pill{font-family:var(--mono);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);align-items:center;gap:.3rem;padding:.28rem .55rem;font-size:.76rem;line-height:1;display:inline-flex}.pill--ok{border-color:oklch(from var(--ok) l c h / .5);background:oklch(from var(--ok) l c h / .14);color:var(--text)}.pill--warn{border-color:oklch(from var(--warn) l c h / .5);background:oklch(from var(--warn) l c h / .16);color:var(--text)}.pill--muted{color:var(--text-faint)}[data-block-type]{display:block}.block-list{gap:var(--s6);display:grid}.field-error{color:var(--err);font-size:.82rem}.input--invalid,.input--invalid:hover,.choice-group--invalid .choice__box{border-color:var(--err)}.choice-reveal{gap:var(--s4);margin-top:var(--s3);padding:var(--s4);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-2);background:var(--surface-2);display:grid}.choice-reveal[hidden]{display:none}.share-card{gap:var(--s3);display:grid}.share-card__row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.share-card__url{min-width:0;font-family:var(--mono);overflow-wrap:anywhere;padding:var(--s2) var(--s3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-1);color:var(--text-muted);-webkit-user-select:all;user-select:all;flex:16rem;font-size:.85rem}.locale-switcher{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);align-items:stretch;display:inline-flex;overflow:hidden}.locale-switcher__btn{color:var(--text-muted);font-size:.82rem;font-weight:650;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:.45rem .8rem;transition:background .16s,color .16s}.locale-switcher__btn:hover{color:var(--text);background:var(--surface-2)}.locale-switcher__btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}