@layer reset{*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,p,ul,ol,figure{margin:0}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}}@layer tokens{:root{--brand:#81e8bb;--brand-tint:#cdf6e4;--brand-deep:#12623a;--bg:#fff;--surface:#f4f5f7;--ink:#15171a;--muted:#5b616a;--line:#e3e5e8;--action:#15171a;--onaction:#fff;--link:#0b63b6;--on-color:#15171a;--on-color-muted:#15171ac7;--names:#ffacca;--names-tint:#ffdeea;--names-deep:#8c1d4e;--names-glyph:#8c1d4e;--money:#93e08e;--money-tint:#d4f3d2;--money-deep:#1e6b24;--money-glyph:#1e6b24;--dates:#8bd1ff;--dates-tint:#daeeff;--dates-deep:#0b4f86;--dates-glyph:#0b4f86;--conversions:#ffb38b;--conversions-tint:#ffe3d3;--conversions-deep:#9a330c;--conversions-glyph:#9a330c;--files:#c3b4ff;--files-tint:#e9e2ff;--files-deep:#4a35a0;--files-glyph:#4a35a0;--numbers:#ffe270;--numbers-tint:#fff4c9;--numbers-deep:#6f5a09;--numbers-glyph:#6f5a09;--words:#86ecf2;--words-tint:#d1f8fa;--words-deep:#136267;--words-glyph:#136267;--random:#fc99ff;--random-tint:#fed8ff;--random-deep:#930c97;--random-glyph:#930c97;--sec:var(--brand);--sec-tint:var(--brand-tint);--sec-deep:var(--brand-deep);--error:#b42318;--error-tint:#fdecea;--warning:#7a4f00;--warning-tint:#fff4d6;--success:#12623a;--success-tint:#d6f5e2;--info:#0b4f86;--info-tint:#daeeff;--field:#fff;--field-border:#858b94;--field-border-width:1.5px;--placeholder:#6b717a;--field-h:48px;--field-h-lg:56px;--font:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--voice-body:normal;--voice-head:normal;--voice-code:normal;--type-display:800 clamp(2.75rem, 2rem + 3vw, 3.75rem)/.92 var(--font);--track-display:-.025em;--type-h1:800 clamp(2rem, 1.6rem + 1.6vw, 2.5rem)/1.1 var(--font);--track-h1:-.025em;--type-h2:800 clamp(1.5rem, 1.3rem + .8vw, 1.875rem)/1.2 var(--font);--track-h2:-.015em;--type-h3:700 1.25rem/1.3 var(--font);--track-h3:-.01em;--type-h4:700 1.0625rem/1.35 var(--font);--track-h4:0;--type-body-lg:400 1.125rem/1.6 var(--font);--track-body-lg:0;--type-body:400 1rem/1.6 var(--font);--track-body:0;--type-small:400 .875rem/1.5 var(--font);--track-small:0;--type-eyebrow:700 .75rem/1.3 var(--font);--track-eyebrow:.08em;--type-result:800 clamp(2.5rem, 2rem + 2.5vw, 3.5rem)/1 var(--font);--track-result:.01em;--measure:68ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-page-top-desktop:48px;--space-page-top-mobile:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--radius-tile:30%;--dur-instant:.12s;--dur-quick:.2s;--dur-gentle:.32s;--dur-slow:.6s;--dur-ambient:3s;--dur-drawer-in:.6s;--dur-drawer-out:.48s;--dur-backdrop-in:.38s;--dur-backdrop-out:.36s;--dur-modal-in:.36s;--dur-modal-out:.3s;--ease-standard:cubic-bezier(.2,.7,.2,1);--ease-playful:cubic-bezier(.3,1.4,.4,1);--ease-exit:cubic-bezier(.4,0,1,1);--ease-drawer-in:cubic-bezier(.18,1.14,.32,1);--ease-drawer-out:cubic-bezier(.45,0,.25,1);--theme-switch-day-thumb:#eaaf00;--theme-switch-night-thumb:#a58af1;--elev-raised:0 1px 2px #15171a0f, 0 0 0 1px var(--line);--elev-overlay:0 12px 32px -12px #15171a47, 0 0 0 1px var(--line);--elev-category-hover:2px 3px 7px .25px #15171a12;--focus-width:3px;--focus-offset:2px;--focus-color:var(--link);--focus-ring:var(--focus-width) solid var(--focus-color);--target-min:24px;--target:44px;--btn-md:44px;--btn-lg:48px;--btn-xl:56px;--max-width:1200px;--header-h:64px;--scroll-offset:80px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-tint:#2a423a;--brand-deep:#adf0d3;--bg:#111315;--surface:#1b1e21;--ink:#f2f2ef;--muted:#a7adb5;--line:#2c3035;--action:#f2f2ef;--onaction:#111315;--link:#7db8f0;--names-tint:#45353d;--names-deep:#ffc9dd;--money-tint:#2e4030;--money-deep:#b9ebb6;--dates-tint:#2c3d48;--dates-deep:#b4e1ff;--conversions-tint:#45362f;--conversions-deep:#ffceb4;--files-tint:#383648;--files-deep:#d8ceff;--numbers-tint:#454129;--numbers-deep:#ffefb0;--words-tint:#2b4346;--words-deep:#bcf5f8;--random-tint:#453048;--random-deep:#fdc7ff;--error:#ff8a80;--error-tint:#3a2220;--warning:#ffd98a;--warning-tint:#3a3020;--success:#adf0d3;--success-tint:#1f3a2e;--info:#b4e1ff;--info-tint:#1e3242;--field:#1b1e21;--field-border:#6b727b;--placeholder:#9aa1aa;--elev-category-hover:2px 3px 7px .25px #ffffff12;color-scheme:dark}}:root[data-theme=dark],[data-surface=charcoal]{--brand-tint:#2a423a;--brand-deep:#adf0d3;--bg:#111315;--surface:#1b1e21;--ink:#f2f2ef;--muted:#a7adb5;--line:#2c3035;--action:#f2f2ef;--onaction:#111315;--link:#7db8f0;--names-tint:#45353d;--names-deep:#ffc9dd;--money-tint:#2e4030;--money-deep:#b9ebb6;--dates-tint:#2c3d48;--dates-deep:#b4e1ff;--conversions-tint:#45362f;--conversions-deep:#ffceb4;--files-tint:#383648;--files-deep:#d8ceff;--numbers-tint:#454129;--numbers-deep:#ffefb0;--words-tint:#2b4346;--words-deep:#bcf5f8;--random-tint:#453048;--random-deep:#fdc7ff;--error:#ff8a80;--error-tint:#3a2220;--warning:#ffd98a;--warning-tint:#3a3020;--success:#adf0d3;--success-tint:#1f3a2e;--info:#b4e1ff;--info-tint:#1e3242;--field:#1b1e21;--field-border:#6b727b;--placeholder:#9aa1aa;--elev-category-hover:2px 3px 7px .25px #ffffff12;color-scheme:dark}[data-section=names]{--sec:var(--names);--sec-tint:var(--names-tint);--sec-deep:var(--names-deep)}[data-section=money]{--sec:var(--money);--sec-tint:var(--money-tint);--sec-deep:var(--money-deep)}[data-section=dates]{--sec:var(--dates);--sec-tint:var(--dates-tint);--sec-deep:var(--dates-deep)}[data-section=conversions]{--sec:var(--conversions);--sec-tint:var(--conversions-tint);--sec-deep:var(--conversions-deep)}[data-section=files]{--sec:var(--files);--sec-tint:var(--files-tint);--sec-deep:var(--files-deep)}[data-section=numbers]{--sec:var(--numbers);--sec-tint:var(--numbers-tint);--sec-deep:var(--numbers-deep)}[data-section=words]{--sec:var(--words);--sec-tint:var(--words-tint);--sec-deep:var(--words-deep)}[data-section=random]{--sec:var(--random);--sec-tint:var(--random-tint);--sec-deep:var(--random-deep)}[data-surface=bright]{background:var(--sec);color:var(--on-color);--link:var(--on-color);--muted:var(--on-color-muted);--focus-color:var(--on-color);--focus-ring:var(--focus-width) solid var(--on-color)}}@layer base{:root{--page-start:var(--space-page-top-desktop)}@media (width<=640px){:root{--page-start:var(--space-page-top-mobile)}}html{scroll-padding-top:var(--scroll-offset);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:var(--type-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,.v-head,.balance{text-wrap:balance}p,li,dd,td,summary{text-wrap:pretty}a{color:var(--link)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.gutter{padding-inline:clamp(16px,4vw,40px)}.max{max-width:var(--max-width);margin-inline:auto}.eyebrow{font:var(--type-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--muted)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{font-family:var(--font);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:1px 6px;font-size:.75rem}.skip{background:var(--action);color:var(--onaction);border-radius:var(--radius-md);z-index:20;padding:10px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:16px}}@layer components{:root{--tile-shine:#ffffffa6;--tile-edge:#15171a14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tile-edge:#00000040}}:root[data-theme=dark]{--tile-edge:#00000040}.tile{border-radius:var(--radius-tile);width:32px;height:32px;color:var(--g);background:radial-gradient(120% 90% at 28% 18%, var(--tile-shine) 0%, transparent 55%), var(--c);box-shadow:inset 0 -4px 8px var(--tile-edge);flex:none;place-items:center;display:inline-grid}.tile svg{width:56%;height:56%}.logo{border-radius:var(--radius-sm);flex:none;justify-self:start;align-items:center;display:flex}.logo picture{display:block}.wm{width:auto;height:32px;display:block}.field{gap:6px;min-width:0;display:grid}.field label{font-weight:700}.hint{font:var(--type-small);color:var(--muted)}.in{width:100%;color:var(--ink);background:var(--field);border:var(--field-border-width) solid var(--field-border);border-radius:var(--radius-md);padding:12px 14px;line-height:1.5}textarea.in{resize:vertical;min-height:96px}.in:hover{border-color:color-mix(in srgb, var(--ink) 60%, var(--field-border))}.in:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--sec-deep);outline:2px solid #0000}.field.err .in{border-color:var(--error);border-width:2px}.msg{font:var(--type-small);color:var(--error);font-weight:700}.msg:empty{display:none}.msg:not(:empty):before{content:"!";background:var(--error);width:18px;height:18px;color:var(--bg);vertical-align:1px;border-radius:50%;place-items:center;margin-right:6px;font-size:.75rem;display:inline-grid}.btn{min-height:var(--btn-lg);border-radius:var(--radius-md);background:var(--action);color:var(--onaction);cursor:pointer;border:0;justify-self:start;padding:0 20px;font-weight:700}.shell .inputs .btn:not(.btn-secondary):not(.btn-quiet){background:var(--sec);color:var(--on-color)}.shell .inputs .btn:not(.btn-secondary):not(.btn-quiet):disabled{background:var(--surface);color:var(--muted)}.btn:active{transform:translateY(1px)}.btn[disabled]{background:var(--surface);color:var(--muted);opacity:1;cursor:not-allowed}.hl{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(var(--sec),var(--sec));transition:background-size var(--dur-gentle) var(--ease-standard), color var(--dur-quick) var(--ease-standard);background-position:.2em calc(100% - .04em);background-repeat:no-repeat;background-size:0 .5em;border-radius:.16em .3em .22em .12em;margin:0 -.3em;padding:0 .3em;display:inline}:is(a,button:is(.brand-link,.btn-quiet)):is(:hover,:focus-visible,[aria-current]) .hl{color:var(--ink);background-size:calc(100% - .4em) .5em}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--marker-shadow:-1px 0 #15171a,1px 0 #15171a,0 -1px #15171a,0 1px #15171a}}:root[data-theme=dark]{--marker-shadow:-1px 0 #15171a,1px 0 #15171a,0 -1px #15171a,0 1px #15171a}:is(a,button:is(.brand-link,.btn-quiet)):is(:hover,:focus-visible,[aria-current]) .hl{text-shadow:var(--marker-shadow,none)}@media (prefers-reduced-motion:reduce){.hl{transition:none}}@media (forced-colors:active){.hl{background:0 0;text-shadow:none!important}a:is(:hover,[aria-current]) .hl{text-decoration:underline}}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--action);color:var(--onaction);border-radius:var(--radius-md);font:var(--type-small);z-index:30;max-width:calc(100vw - 32px);box-shadow:var(--elev-overlay);padding:12px 16px;position:fixed;transform:translate(-50%)}.btn-secondary{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn-example{background:var(--sec-tint);border:1.5px solid var(--sec-deep);box-shadow:none}.btn-example:is(:hover,:focus-visible){background:var(--sec);color:var(--on-color)}.btn-quiet{color:var(--ink);background:0 0;padding-inline:12px}.btn-md{min-height:var(--btn-md);font-size:.9375rem}.btn svg{flex:none;width:18px;height:18px}.btn.has-icon{justify-content:center;align-items:center;gap:8px;display:inline-flex}a.btn,a.btn:is(:hover,:focus-visible){text-decoration:none}.callout{border-radius:var(--radius-lg);font:var(--type-small);align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.callout:before{width:20px;height:20px;color:var(--bg);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:.8125rem;font-weight:800;display:inline-grid}.callout.info{background:var(--info-tint);color:var(--info)}.callout.info:before{content:"i";background:var(--info)}.callout.warn{background:var(--warning-tint);color:var(--warning)}.callout.warn:before{content:"!";background:var(--warning)}.callout[hidden]{display:none}.shell{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width>=900px){.shell{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:24px}.shell>.result{top:calc(var(--header-h) + 16px);position:sticky}}.inputs{background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--elev-raised);grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;padding:clamp(16px,2.5vw,24px);display:grid}.in-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.result{border-radius:var(--radius-xl);background:var(--bg);min-width:0;box-shadow:0 0 0 1px var(--line);align-content:start;gap:10px;min-height:280px;padding:clamp(18px,2.5vw,24px);display:grid}.result[data-surface=bright]{background:var(--sec);box-shadow:none}.result .eyebrow{color:var(--on-color-muted)}.result .big{font:var(--type-result);letter-spacing:var(--track-result);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result .second{font:var(--type-h2);letter-spacing:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:-2px;font-weight:800}.result .sum{font:var(--type-body)}.result[data-surface=bright] .btn{background:var(--on-color);color:#fff}.result[data-surface=bright] .btn-secondary{color:var(--on-color);box-shadow:inset 0 0 0 1.5px var(--on-color);background:0 0}.result[data-surface=bright] .btn:disabled{background:var(--surface);color:var(--muted);box-shadow:none}.result .actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.result .empty-state{text-align:center;align-self:center;justify-items:center;gap:6px;padding-block:12px;display:grid}.result .empty-state svg{width:160px;height:auto}.result .empty-state .hint{color:var(--muted)}.result .filled{gap:10px;display:none}.result[data-surface] .filled{display:grid}.result[data-surface] .empty-state{display:none}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font:var(--type-small);margin-top:4px}.breakdown th,.breakdown td{vertical-align:top;overflow-wrap:anywhere;text-align:left;border-top:1px solid #15171a26;padding:10px 0;font-weight:400;line-height:1.5}.breakdown td{text-align:right;padding-left:12px;font-weight:700}.result-data{font:var(--type-small);min-width:0;margin:0;line-height:1.5}.result-data>div{border-top:1px solid #15171a26;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:12px;padding-block:10px;display:grid}.result-data:not(.color-data)>div{grid-template-columns:minmax(0,1fr) auto}.result-data dt,.result-data dd{overflow-wrap:anywhere;min-width:0;margin:0}.result-data dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.result-group-title{margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.4}.result .data-subline{font:var(--type-small);margin-top:4px;font-size:13px;font-weight:400;line-height:1.5;display:block}.result details{border-top:1px solid #15171a26;padding-top:4px}.result summary{cursor:pointer;min-height:var(--target);align-items:center;gap:10px;font-weight:700;list-style:none;display:flex}.result summary::-webkit-details-marker{display:none}.result summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.result details[open] summary:after{transform:translateY(2px)rotate(-135deg)}.result ol{font:var(--type-small);gap:4px;margin:0 0 6px;padding-left:1.4em;display:grid}.sel{-webkit-appearance:none;appearance:none;height:var(--field-h);cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-repeat:no-repeat;background-size:6px 6px;padding:0 40px 0 14px}.seg{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.seg legend{margin-bottom:6px;padding:0;font-weight:700}.seg-opts{border-radius:var(--radius-md);box-shadow:inset 0 0 0 1.5px var(--field-border);background:var(--field);width:max-content;max-width:100%;display:inline-flex}.seg-opts label{min-height:var(--target);cursor:pointer;border-radius:var(--radius-md);flex:auto;place-items:center;padding:0 clamp(10px,3vw,16px);font-weight:700;display:grid;position:relative}.seg-opts input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg-opts label:has(input:checked){background:var(--sec);color:var(--on-color);box-shadow:inset 0 0 0 1.5px var(--on-color)}.seg-opts label:has(input:focus-visible){outline:2px solid var(--sec-deep);outline-offset:2px}@media (forced-colors:active){.seg-opts label:has(input:checked){outline:2px solid canvastext}}.check{min-height:var(--target);cursor:pointer;align-items:center;gap:10px;width:fit-content;max-width:100%;display:flex}.check input{width:22px;height:22px;accent-color:var(--sec);cursor:pointer;flex:none;margin:0}.opts{flex-wrap:wrap;align-items:start;gap:14px 16px;display:flex}.opts .field{flex:140px}.pair>*{grid-row:span 4;grid-template-rows:subgrid;margin-bottom:16px}.in.code{font:var(--type-small);white-space:pre;tab-size:2;resize:vertical;overflow-wrap:normal;line-height:1.55;overflow:auto}.in.code[readonly]{background:var(--field);border-color:#0000}@media (width>=900px){.shell.even{grid-template-columns:minmax(0,1fr)}.shell.even>.result{position:static}}@media (width>=1100px){.shell.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width>=900px){.shell.wide-result{grid-template-columns:minmax(300px,1fr) minmax(0,1.55fr)}.shell.stack{grid-template-columns:minmax(0,1fr)}.shell.stack>.result{position:static}}.diff{background:var(--field);color:var(--ink);border-radius:var(--radius-md);font:var(--type-small);max-height:75vh;padding:8px 0;line-height:1.55;overflow-y:auto}.diff .dr{grid-template-columns:3.2em 3.2em 1.4em minmax(0,1fr);align-items:baseline;display:grid}.diff .no{color:var(--muted);text-align:right;user-select:none;font-variant-numeric:tabular-nums;padding-right:.6em}.diff .mk{text-align:center;user-select:none;font-weight:800}.diff .tx{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;padding-right:12px}.diff .del{background:var(--error-tint)}.diff .del .mk{color:var(--error)}.diff .add{background:var(--success-tint)}.diff .add .mk{color:var(--success)}.diff del,.diff ins{border-radius:3px;padding:0 1px;text-decoration:none}.diff del{background:color-mix(in srgb, var(--error) 28%, transparent)}.diff ins{background:color-mix(in srgb, var(--success) 28%, transparent)}.diff .blank{color:var(--muted)}@media (forced-colors:active){.diff del{text-decoration:line-through}.diff ins{text-decoration:underline}}.result .problem{gap:12px;display:none}.result[data-state=error] .problem{display:grid}.result[data-state=error] .empty-state{display:none}.result .problem pre{border-radius:var(--radius-md);background:var(--surface);font:var(--type-small);white-space:pre;margin:0;padding:12px 14px;overflow-x:auto}.rows{gap:8px;min-width:0;display:grid;container-type:inline-size}.rows-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rows-head{font:var(--type-small);color:var(--muted);font-weight:700}.row,.rows-head{grid-template-columns:var(--cols-sm,minmax(0, 1fr) minmax(0, 1fr) var(--target));align-items:end;gap:6px 8px;display:grid}.rows-head{display:none}.row .rf{gap:4px;min-width:0;display:grid}.row .rf>label{font:var(--type-small);color:var(--muted);font-weight:700}.row .rf-wide{grid-column:1/-2}.row .in{height:var(--field-h);padding-inline:12px}.row .sel{background-position:calc(100% - 16px) 52%,calc(100% - 10px) 52%;padding-right:32px}.row-x{width:var(--target);height:var(--target);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;background:0 0;border:0;grid-area:1/-2/auto/-1;align-self:end;place-items:center;margin-bottom:2px;display:grid}.row-x svg{width:20px;height:20px}.row-x:hover{background:var(--surface);color:var(--ink)}.row-x:focus-visible{outline:var(--focus-ring);outline-offset:2px}.row+.row{border-top:1px solid var(--line);padding-top:10px}@container (width>=520px){.row,.rows-head{grid-template-columns:var(--cols)}.rows-head{padding-inline:2px;display:grid}.row .rf-wide{grid-column:auto}.row-x{grid-area:auto}.row+.row{border-top:0;padding-top:0}.row .rf>label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.prose{gap:16px;display:grid}.prose h2{font:var(--type-h2);letter-spacing:var(--track-h2);margin-top:16px}.prose h2:first-child{margin-top:0}.prose h3{font:var(--type-h3);letter-spacing:var(--track-h3);margin-top:8px}.prose p,.prose li{max-width:var(--measure)}.prose ul,.prose ol{gap:6px;padding-left:1.3em;display:grid}.prose blockquote{border-radius:var(--radius-lg);background:var(--surface);margin:0;padding:14px 16px}.prose table{border-collapse:collapse;width:100%;font:var(--type-small);font-variant-numeric:tabular-nums}@media (width<=559px){.prose table{max-width:100%;display:block;overflow-x:auto}}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px 8px 0}.prose th{font-weight:700}.prose pre{border-radius:var(--radius-lg);background:var(--surface);font:var(--type-small);white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0;padding:14px 16px}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose code{font-family:var(--mono);background:var(--surface);border-radius:6px;padding:1px 5px;font-size:.9em}@media (forced-colors:active){.tile,.mark{forced-color-adjust:none}.result{border:1px solid canvastext}}.dialog-close{width:var(--target);height:var(--target);border:1px solid var(--muted);color:var(--ink);background:var(--bg);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.dialog-close svg{width:22px;height:22px}.dialog-close:is(:hover,:focus-visible){color:var(--ink);border-color:var(--ink);background:var(--surface)}dialog:is(.form-modal,.site-modal){border:24px solid var(--modal-color,var(--sec));border-radius:calc(var(--radius-xl) + 24px);background:var(--bg);width:min(600px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--elev-overlay);margin:auto;padding:clamp(24px,4vw,32px);overflow:auto}.site-modal{--modal-color:var(--brand);--sec-deep:var(--brand-deep)}dialog:is(.form-modal,.site-modal)[open]{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;display:grid}:is(.form-modal,.site-modal){overflow-wrap:anywhere}:is(.form-modal,.site-modal)>*{min-width:0}.form-modal .actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}dialog:is(.form-modal,.site-modal)::backdrop{backdrop-filter:blur(8px);background:#111315b8}@media (prefers-reduced-motion:no-preference){dialog:is(.form-modal,.site-modal)[open]::backdrop{animation:backdrop-in var(--dur-backdrop-in) var(--ease-standard) both}dialog:is(.form-modal,.site-modal)[data-closing]::backdrop{animation:backdrop-out var(--dur-backdrop-out) ease-in both}@keyframes backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px)}}@keyframes backdrop-out{0%{opacity:var(--backdrop-start-opacity,1);-webkit-backdrop-filter:var(--backdrop-start-filter,blur(8px))}to{opacity:0;-webkit-backdrop-filter:blur()}}@media (width>=768px){dialog:is(.form-modal,.site-modal)[open]{animation:modal-in var(--dur-modal-in) var(--ease-standard)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}}:is(.form-modal,.site-modal) .modal-top{justify-content:space-between;align-items:center;gap:16px;display:flex}:is(.form-modal,.site-modal) .modal-top h2{min-width:0;font:var(--type-h2);letter-spacing:var(--track-h2)}.form-modal textarea{margin-top:10px}.form-modal button[type=submit]{justify-self:start;margin-top:10px}@media (width<=767px){dialog:is(.form-modal,.site-modal),dialog.sug:target:not([open]){border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:none;height:95dvh;max-height:95dvh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border-width:4px 4px 0;grid-auto-rows:max-content;align-content:start;margin:0;position:fixed;inset:auto 0 0}dialog:is(.pal,.sections-menu){border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:min(360px,100vw - 24px);height:100dvh;max-height:100dvh;padding-top:calc(20px + env(safe-area-inset-top,0px));border-width:4px 0 4px 4px;align-content:start;inset:0 0 0 auto}@media (prefers-reduced-motion:no-preference){dialog.form-modal[open]{animation:tray-from-bottom var(--dur-drawer-in) var(--ease-drawer-in)}dialog:is(.pal,.sections-menu)[open]{animation:tray-from-right var(--dur-drawer-in) var(--ease-drawer-in)}}}@keyframes tray-from-bottom{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes tray-from-right{0%{opacity:1;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-transparency:reduce){dialog:is(.form-modal,.site-modal)::backdrop{-webkit-backdrop-filter:none!important}}.empty-state .motion-toggle{min-height:44px;color:var(--muted);font:var(--type-small);cursor:pointer;background:0 0;border:0;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.empty-state[data-motion=running] .fl{animation:4s ease-in-out infinite empty-float}.empty-state[data-motion=running] .d2{animation-delay:-1.3s}.empty-state[data-motion=running] .d3{animation-delay:-2.6s}.empty-state[data-motion=running] .tw{animation:2.4s ease-in-out infinite empty-twinkle}@keyframes empty-float{50%{transform:translateY(-6px)}}@keyframes empty-twinkle{50%{opacity:.4;transform:scale(.85)}}}.result .result-extension{margin-top:8px}.result-detail-body{gap:16px;padding-block:8px;display:grid}.result-detail-body>.pair{padding-top:0}.result-detail-body>.actions{margin-top:0}.shell .inputs .btn[data-processing]{background:color-mix(in srgb,var(--sec) 60%,#fff);color:var(--on-color);cursor:progress}.btn[data-processing]:before,.processing-ring{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite processing-turn;display:block}.processing-state{display:none}.result[data-processing] .processing-state{text-align:center;font:var(--type-small);align-content:center;justify-items:center;gap:12px;padding:24px 0;font-weight:600;display:grid}.result[data-processing]:not([data-surface]) .processing-state{min-height:220px}.result[data-processing] .empty-state{display:none}@keyframes processing-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn[data-processing]:before,.processing-ring{animation:none}}.shell .inputs .btn[data-complete]{background:var(--sec);color:var(--on-color);cursor:default}.btn[data-complete]:before{content:"✓";margin-right:8px}.result-history{max-height:320px;font:var(--type-body);font-variant-numeric:tabular-nums;margin:0;padding:0 0 0 40px;overflow:auto}.result-history li{padding:10px 12px}.result-history li:not(:last-child){border-bottom:1px solid #15171a26}.result-history li::marker{font:var(--type-small)}.result-history li{overflow-wrap:anywhere}.in[type=number]::-webkit-inner-spin-button{opacity:1}.logo{color:var(--ink)}.logo-entrance,:root[data-logo-intro] .logo[data-logo-header] picture{display:none}:root[data-logo-intro] .logo-entrance{display:block}:root[data-logo-intro] .logo-marker{animation:logo-marker-reveal .5s var(--ease-standard) .65s both}@keyframes logo-marker-reveal{0%{clip-path:inset(-100% 100% -100% 0) fill-box}to{clip-path:inset(-100% 0) fill-box}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-entrance{--logo-edge:#4a4d52}}:root[data-theme=dark] .logo-entrance{--logo-edge:#4a4d52}@media (prefers-reduced-motion:reduce){:root[data-logo-intro] .logo-marker{animation:none}}.site-h{top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line);position:sticky}.site-h .max{min-height:var(--header-h);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.site-h nav{flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;font-size:.9375rem;font-weight:700;display:flex}.site-h nav a{color:var(--muted);padding-block:10px;text-decoration:none}.search-btn{display:inline-flex}.header-actions{justify-self:end;gap:4px;display:flex}.menu-btn{display:none}.search-btn,.menu-btn{width:var(--target);min-height:var(--target);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;justify-self:end;align-items:center;padding:0}:is(.search-btn,.menu-btn):is(:hover,:focus-visible){color:var(--ink);background:var(--surface)}.search-btn svg,.menu-btn svg{width:18px;height:18px}@media (width<=1079px){.search-btn svg,.menu-btn svg{width:26px;height:26px}.site-h .max{grid-template-columns:minmax(0,1fr) auto}.site-h nav{display:none}.menu-btn{display:inline-flex}}.sections-menu nav{grid-template-columns:1fr 1fr;gap:4px 20px;margin-top:12px;display:grid}.sections-menu nav a{min-height:48px;color:var(--ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}@media (width<=479px){.sections-menu nav{grid-template-columns:minmax(0,1fr)}}.sections-menu .tile{flex:none;width:28px;height:28px}@media (width<=380px){.site-h .max{gap:8px}.site-h .wm{max-width:180px}}.footer-theme{min-height:var(--target);font:var(--type-small);color:var(--muted);align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.footer-theme[hidden]{display:none}#theme-toggle{width:56px;min-height:var(--target);border-radius:var(--radius-pill);color:var(--on-color);cursor:pointer;background:0 0;border:0;padding:0;position:relative}#theme-toggle:before{content:"";border:1px solid var(--muted);border-radius:var(--radius-pill);background:var(--numbers);transition:background var(--dur-gentle) var(--ease-standard);position:absolute;inset:8px 0}#theme-toggle[aria-checked=true]:before{background:var(--files-glyph)}#theme-toggle .theme-thumb{border-radius:var(--radius-pill);background:var(--theme-switch-day-thumb);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--numbers-glyph);transition:transform var(--dur-gentle) var(--ease-standard), background var(--dur-gentle) var(--ease-standard);position:absolute;top:11px;left:3px}#theme-toggle[aria-checked=true] .theme-thumb{background:var(--theme-switch-night-thumb);box-shadow:inset 0 0 0 1px var(--files);transform:translate(28px)}#theme-toggle svg{width:14px;height:14px;position:absolute;top:15px}#theme-toggle .theme-sun{color:var(--numbers-glyph);left:7px}#theme-toggle .theme-moon{color:var(--numbers-glyph);opacity:.5;right:7px}#theme-toggle[aria-checked=true] .theme-sun{color:var(--files);opacity:.5}#theme-toggle[aria-checked=true] .theme-moon{color:var(--files-glyph);opacity:1}@media (prefers-reduced-motion:reduce){#theme-toggle:before,#theme-toggle .theme-thumb{transition:none}}@media (forced-colors:active){#theme-toggle:before{border-color:buttontext}#theme-toggle .theme-thumb{border:2px solid buttontext}}.site-f .legal{text-align:center}.legal-license{white-space:nowrap}.site-f{background:var(--surface);padding-bottom:24px}.site-f .max:first-child{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px;padding-block:40px 24px;display:grid}.site-f .brand{flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;display:flex}.site-f .brand .wm{height:26px}.site-f ul{gap:2px;padding:0;list-style:none;display:grid}.site-f .utility-list{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;column-gap:20px}.site-f .footer-suggest{border-left:1px solid var(--line);flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;padding-left:24px;display:flex}.site-f .footer-suggest .footer-utility{margin-top:auto;padding-top:16px}.site-f .footer-suggest p{font:var(--type-small);color:var(--muted)}.site-f .footer-suggest a{min-height:var(--target);color:var(--ink);justify-self:start;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.site-f .footer-suggest svg{flex:none}.site-f nav a{color:var(--ink);align-items:center;min-height:36px;text-decoration:none;display:inline-flex}.site-f nav a.fs:hover{text-decoration:none}.site-f small,.site-f .legal{color:var(--muted);font:var(--type-small)}.site-f .legal{border-top:1px solid var(--line);padding-top:16px}.site-f .legal a{min-height:0;color:inherit;text-decoration:underline;display:inline}.site-f .fg summary{font:var(--type-eyebrow);font-family:var(--mono);font-variation-settings:var(--voice-code);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--muted);cursor:default;margin-bottom:8px;list-style:none;display:none}.site-f .fg summary::-webkit-details-marker{display:none}@media (width>=641px){.site-f .max:first-child{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,.6fr) minmax(0,1fr);align-items:start;gap:32px;padding-block:48px 32px}.site-f .utility-list{column-gap:24px}.site-f ul{row-gap:4px}.site-f nav a{min-height:40px}.site-f .legal{padding-top:24px}}@media (width>=641px) and (width<=899px){.site-f .max:first-child{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px 48px}.site-f .brand{grid-column:1/-1}}@media (width<=899px){.site-f .footer-suggest{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding-top:20px;padding-left:0}}@media (width<=640px){.site-f .max:first-child{grid-template-columns:minmax(0,1fr);gap:0;padding-block:28px 8px}.site-f .brand{padding-bottom:20px}.site-f .footer-suggest{padding-bottom:16px}.site-f .fg{border-top:1px solid var(--line)}.site-f .fg summary{cursor:pointer;min-height:48px;font:var(--type-body);letter-spacing:0;text-transform:none;color:var(--ink);justify-content:space-between;align-items:center;margin:0;font-weight:700;display:flex}.site-f .fg summary:after{content:"";width:9px;height:9px;transition:transform var(--dur-quick) var(--ease-standard);border-bottom:2px solid;border-right:2px solid;margin-right:4px;transform:translateY(-30%)rotate(45deg)}.site-f .fg[open] summary:after{transform:translateY(20%)rotate(-135deg)}.site-f .utility-list{grid-template-rows:none;grid-template-columns:1fr;grid-auto-flow:row}.site-f .fg ul{padding-bottom:12px}.site-f .legal{padding-top:14px}}@media (prefers-reduced-motion:reduce){.site-f .fg summary:after{transition:none}}.pal-list{max-height:min(360px,45dvh);margin:0;padding:2px;list-style:none;overflow:auto}.pal-list .grp{font:var(--type-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--muted);padding:12px 10px 6px}.pal-list [role=option]{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:10px;display:flex}.pal-list [role=option] .tile{flex:none;width:28px;height:28px}.pal-list [role=option]>span:last-child{min-width:0}.pal-list [role=option] b{display:block}.pal-list [role=option] small{color:var(--muted);font:var(--type-small);display:block}.pal-list [aria-selected=true]{background:var(--surface)}@media (hover:hover){.pal-list [role=option]:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}}.pal-list .pal-empty{color:var(--muted);padding:24px 16px}dialog.sug:target:not([open]){z-index:30;gap:14px;display:grid;position:fixed;inset:0}.sug-intro{color:var(--muted);max-width:48ch}.req-form{gap:14px;min-width:0;display:grid}.req-note{font:var(--type-small);color:var(--muted)}.sug .hp{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sug .done{color:var(--success);font-weight:700}.sug .done:empty{display:none}@media (prefers-reduced-transparency:reduce){dialog.sug::backdrop{backdrop-filter:blur(8px);background:#111315b8}}body{isolation:isolate}#night-stars{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}#night-stars[hidden]{display:none}#night-stars span{border-radius:var(--radius-pill);background:var(--ink);opacity:0;position:absolute}#night-stars .shooting-star{background:linear-gradient(to right, transparent, var(--ink));transform-origin:100%;width:72px;height:1px}.site-f :is(.stars-toggle,.footer-utility){width:fit-content;min-height:var(--target);color:var(--muted);font:var(--type-small);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;display:block}.site-f :is(.stars-toggle,.footer-utility)[hidden]{display:none}@media (prefers-reduced-motion:reduce),(forced-colors:active){#night-stars{display:none}}.privacy{z-index:25;overscroll-behavior:contain;border:4px solid var(--brand);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70dvh;padding:16px clamp(16px,4vw,40px) calc(16px + env(safe-area-inset-bottom,0px));color:var(--ink);background:var(--surface);--focus-ring:3px solid var(--brand);border-bottom-width:0;position:fixed;inset:auto 0 0;overflow:auto}.privacy[hidden]{display:none}.privacy-in{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px 24px;display:grid}.privacy .dialog-close{align-self:start}.privacy-copy{gap:10px;display:grid}.privacy h2{font:var(--type-body);font-weight:800}.privacy p{font:var(--type-small);line-height:1.5}.privacy .hint{color:var(--muted)}.privacy-actions{gap:12px;display:flex}.privacy [data-consent]{justify-content:center;min-width:112px}@media (width<=767px){.privacy-in{grid-template-columns:minmax(0,1fr) auto;align-items:start}.privacy-copy{grid-area:1/1}.privacy .dialog-close{grid-area:1/2}.privacy-actions{grid-area:2/1/auto/-1}.privacy [data-consent]{flex:1}}.msgpage{padding-block:var(--page-start) 64px;text-align:center;justify-items:center;gap:20px;display:grid}.msgpage>p{max-width:52ch}.lost-scene{width:min(100%,370px)}.lost-frame{aspect-ratio:370/278;border-radius:var(--radius-lg);background:var(--surface);place-items:center;display:grid;overflow:hidden}.lost-frame img,.lost-frame canvas{object-fit:contain;width:100%;height:100%}.lost-frame [hidden],.lost-scene [hidden]{display:none}.lost-frame p{font:var(--type-h3);padding:24px}.lost-scene figcaption{min-height:48px;color:var(--muted);font:var(--type-small);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=767px){.msgpage{padding-block:var(--page-start) 40px}}.about-page[data-astro-cid-ta2fbyqs]{padding-block:var(--page-start) 96px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}article[data-astro-cid-ta2fbyqs]{gap:28px;max-width:60ch;display:grid}h1[data-astro-cid-ta2fbyqs]{font:var(--type-h1);letter-spacing:var(--track-h1);text-wrap:balance}p[data-astro-cid-ta2fbyqs]{font:var(--type-body-lg);line-height:1.75}.about-playground[data-astro-cid-ta2fbyqs]{position:relative}.about-art[data-astro-cid-ta2fbyqs]{pointer-events:none;position:absolute;inset:0;overflow:hidden}.about-art[data-astro-cid-ta2fbyqs] a[data-astro-cid-ta2fbyqs]{pointer-events:auto;border-radius:var(--radius-md);place-items:center;display:grid;position:absolute;top:0;left:0}.about-art[data-astro-cid-ta2fbyqs] svg{width:100%;height:auto}@media (width<=899px){.about-page[data-astro-cid-ta2fbyqs]{padding-block:var(--page-start) 300px;grid-template-columns:1fr}}.info-page{max-width:var(--max-width);padding-block:var(--page-start) 64px}.info-page>*{max-width:68ch}.info-page>*+*{margin-top:20px}.info-page h1{font:var(--type-h1)}.info-page h2{font:var(--type-h3);margin-top:32px}.info-page p,.info-page li{font:var(--type-body-lg)}.info-page .hint{font:var(--type-small)}.info-page ul{padding-left:24px}.info-page a{color:var(--link)}.contact-form{gap:20px;display:grid}.contact-form .btn{justify-self:start}.contact-form [data-contact-done]:empty{display:none}.contact-form [data-contact-done]{font-weight:700}.msgpage{padding-block:var(--page-start) 64px;gap:12px;display:grid}.msgpage h1{font:var(--type-h1);letter-spacing:var(--track-h1)}.ads .max{justify-items:center;gap:4px;padding-block:8px 48px;display:grid}.ad-slot{gap:4px;width:min(100%,728px);display:grid}.ad-slot .eyebrow{font-size:.6875rem}.ad-box{border-radius:var(--radius-lg);background:var(--surface);min-height:90px}.ad-slot[data-slot=R]{width:300px;position:sticky;top:96px}.ad-slot[data-slot=R] .ad-box{min-height:600px}.ad-slot[data-slot=B] .ad-box{min-height:280px}@media (width<=1023px){.ad-slot[data-slot=A] .ad-box{min-height:280px}.ad-slot[data-slot=A]{width:min(100%,336px)}}@media (width<=767px){.ad-slot{width:min(100%,300px)}.ad-box,.ad-slot[data-slot=A] .ad-box,.ad-slot[data-slot=B] .ad-box{min-height:250px}.ad-slot[data-slot=R]{display:none}}.rel{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.rel-wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.tcard{border-radius:var(--radius-lg);height:100%;box-shadow:var(--elev-raised);background:var(--bg);color:var(--ink);transition:transform var(--dur-quick) var(--ease-standard);align-items:flex-start;gap:12px;padding:20px;text-decoration:none;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tcard{box-shadow:var(--elev-raised), inset 0 0 0 1px color-mix(in srgb, var(--sec) 65%, transparent)}}:root[data-theme=dark] .tcard{box-shadow:var(--elev-raised), inset 0 0 0 1px color-mix(in srgb, var(--sec) 65%, transparent)}.tcard>span:last-child{gap:6px;min-width:0;display:grid}.tcard b{line-height:1.3;display:block}.tcard small{font:var(--type-small);color:var(--muted);line-height:1.45}.tcard.unbuilt b{color:var(--muted)}@media (prefers-reduced-motion:reduce){.tcard{transition:none}}@media (forced-colors:active){.tcard{border:1px solid canvastext}}.sp .max{padding-block:var(--page-start) 48px;gap:28px;display:grid}.hero{background:var(--sec-tint);border-radius:var(--radius-2xl);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px;padding:clamp(20px,3vw,32px) clamp(20px,4vw,40px);display:grid;overflow:hidden}.hero-txt{gap:8px;display:grid}.hero h1{font:var(--type-h1);letter-spacing:var(--track-h1);color:var(--ink)}.hero-txt p{font:var(--type-body-lg);color:var(--sec-deep);max-width:40ch}.hero-ill svg{width:clamp(130px,18vw,180px);height:auto;display:block}@media (width<=560px){.hero{grid-template-columns:minmax(0,1fr)}.hero-ill{order:-1;justify-self:center}}.sp .list{gap:28px;display:grid}@media (prefers-reduced-motion:no-preference){.hero-ill .fl{animation:4s ease-in-out sfl}.hero-ill .d2{animation-delay:-1.3s}.hero-ill .d3{animation-delay:-2.6s}.hero-ill .tw{animation:2.4s ease-in-out 2 stw}@keyframes sfl{50%{transform:translateY(-6px)}}@keyframes stw{50%{opacity:.35;transform:scale(.8)}}}.directory-search{width:280px;min-height:var(--target);border:var(--field-border-width) solid var(--field-border);border-radius:var(--radius-md);background:var(--field);color:var(--muted);font:var(--type-small);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:8px 12px;display:flex}.directory-search:hover{border-color:var(--ink)}.directory-search svg{width:18px;height:18px;color:var(--ink);flex:none}.directory-search span{flex:1}@media (width<=559px){.directory-search{width:100%}}.dir .max{padding-bottom:48px}#dir-h{scroll-margin-top:100px}.dgrid{column-count:3;column-gap:24px}.dgrid.is-balanced{grid-template-columns:repeat(var(--directory-columns), minmax(0, 1fr));grid-auto-rows:1px;column-gap:24px;display:grid}.dgrid.is-balanced .dsec{align-self:start}@media (width<=999px){.dgrid{column-count:2}}@media (width<=559px){.dgrid{column-count:1}}.dsec{break-inside:avoid;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);min-width:0;margin-bottom:24px;overflow:hidden}.dsec-intro{background:var(--sec-tint);color:var(--ink);align-items:center;gap:8px;padding:20px;text-decoration:none;display:flex}.dsec-intro:is(:hover,:focus-visible){text-decoration:none}.dsec-intro:focus-visible{outline-offset:-4px}.dsec-copy{flex:1;min-width:0}.dsec-illustration{flex:none;width:88px}.dsec-illustration svg{width:100%;height:auto;display:block}.dsec-promise{font:var(--type-small);color:var(--sec-deep)}.dsec h3{font:var(--type-h4);margin-bottom:8px}.dsec ul{padding:8px 20px;list-style:none;display:grid}.dsec li>*{min-height:var(--target);align-content:center;padding-block:6px;text-decoration:none;display:block}.dsec li:not(:last-child)>*{border-bottom:1px solid var(--line)}.dsec li a{color:var(--link)}.dir .unbuilt{color:var(--muted)}@media (prefers-reduced-motion:no-preference){.dsec-intro:is(:hover,:focus-visible) .fl{animation:3s ease-in-out infinite directory-float}.dsec-intro:is(:hover,:focus-visible) .d2{animation-delay:-1s}.dsec-intro:is(:hover,:focus-visible) .d3{animation-delay:-2s}.dsec-intro:is(:hover,:focus-visible) .tw{animation:1.6s ease-in-out infinite directory-twinkle}@keyframes directory-float{50%{transform:translateY(-6px)}}@keyframes directory-twinkle{50%{opacity:.35;transform:scale(.8)}}}.home-intro .max{padding-block:var(--page-start) 48px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.home-intro-copy{gap:10px;display:grid}.home-intro h1{font:var(--type-h2);letter-spacing:var(--track-h2)}@media (width<=899px){.home-intro .max{grid-template-columns:minmax(0,1fr);gap:24px}.home-intro .directory-search{width:100%}}@media (width<=640px){.dir .max{padding-bottom:32px}.home-intro .max{padding-block:var(--page-start) 32px}.home-intro h1{font:var(--type-h1);letter-spacing:var(--track-h1);font-weight:900}}.home-intro p{font:var(--type-body-lg);max-width:60ch}.form-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;display:grid}.form-toolbar:has(>h2[aria-hidden=true]):not(:has(.measure-guide)){display:none}.form-toolbar .handoff-heading{max-width:none;font:var(--type-small);color:var(--sec-deep);grid-column:auto;margin:0;font-size:13px;font-weight:800;line-height:1.25}.form-toolbar .handoff-heading[aria-hidden=true]{visibility:hidden}.form-toolbar .measure-guide{justify-self:end}@container (width<=400px){.form-toolbar .handoff-heading{font-size:12px;line-height:1.2}.form-toolbar .measure-guide-button{gap:6px;max-width:132px;padding-inline:8px;font-size:12px}}.measurement-diagrams{gap:24px;display:grid}.measurement-diagrams figure{gap:12px;margin:0;display:grid}.measurement-diagrams figure svg{width:100%;max-width:440px;height:auto;color:var(--ink);margin-inline:auto;display:block}.measurement-diagrams .diagram-object{fill:var(--sec-tint);stroke:none}.measurement-diagrams .diagram-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.measurement-diagrams .diagram-label{fill:currentColor;font-family:var(--font-body);font-size:24px;font-weight:700}.measurement-diagrams figcaption{font:var(--type-small);line-height:1.6}.measure-guide-button:is(:hover,:focus-visible){background:var(--sec-tint);border-color:var(--sec-deep);color:var(--sec-deep)}.result-next{margin-top:8px}.result-next[hidden]{display:none}.result-next a{min-height:var(--target);max-width:100%;color:inherit;text-underline-offset:3px;align-items:center;gap:8px;font-weight:700;text-decoration:underline;display:inline-flex}.result-next svg{flex:none}.result-next .hint{margin-top:0}.file-guide{font:var(--type-body);gap:20px;margin-bottom:0;line-height:1.6;display:grid}.file-guide h2{font:var(--type-h2);letter-spacing:var(--track-h2)}.file-guide h3{font-size:18px;line-height:1.3}.format-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.privacy-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.format-guide-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);align-content:start;gap:10px;padding:20px;display:grid}.format-guide-card p{font-size:14px;line-height:1.5}.format-start{color:var(--sec-deep);font-size:14px}.format-picture{background:var(--surface);border-radius:var(--radius-md);place-items:center;height:90px;display:grid}.format-picture svg{width:100%;height:80px}.format-picture.checker{background:repeating-conic-gradient(var(--surface) 0% 25%,var(--bg) 0% 50%) 0 0 / 16px 16px}.format-picture>span{font-size:32px;font-weight:800;line-height:1.2}.graphic-line{background:var(--sec-deep);width:54px;height:3px;margin-top:5px;display:block}.graphic-line.short{width:36px}.privacy-guide-grid svg{width:64px;height:48px}.image-decisions{gap:16px;display:grid}.image-decisions dl{gap:0;margin:0;display:grid}.image-decisions dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,1fr) 2fr;gap:16px;padding:16px 0;display:grid}.image-decisions dt{font-weight:700}.image-decisions dd{margin:0;font-size:15px;line-height:1.6}.quality-guide{gap:12px;display:grid}.quality-guide ol{gap:12px;margin:0;padding-left:24px;display:grid}.quality-guide li span{font-size:14px;display:block}.resize-guide{background:var(--sec-tint);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:20px;padding:20px;display:flex}.resize-guide>div{text-align:center;gap:4px;display:grid}.resize-guide span{font-size:13px}.resize-guide svg{flex:none;width:24px;height:24px}@media (width<=650px){.image-decisions dl>div{grid-template-columns:1fr;gap:6px}.format-guide-grid,.privacy-guide-grid{grid-template-columns:minmax(0,1fr)}.format-guide-card{grid-template-columns:1fr}.format-picture{max-width:220px}.resize-guide{gap:12px;padding:16px;font-size:14px}}.crumbs ol{font:var(--type-small);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--muted);padding-inline:8px}.crumbs li>*{padding-block:4px;display:inline-block}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}@media (width<=767px){.crumbs li:first-child,.crumbs li+li:before{display:none}.crumbs a[data-section]{min-height:var(--target);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);color:var(--ink);font:var(--type-small);transition:background var(--dur-quick) var(--ease-standard), border-color var(--dur-quick) var(--ease-standard);align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.crumbs a[data-section]:is(:hover,:focus-visible){background:var(--sec-tint);border-color:var(--sec-deep);color:var(--sec-deep)}.crumbs a[data-section] .hl{color:inherit;background:0 0}.crumbs a[data-section] .hl:before{display:none}}@media (width<=767px) and (forced-colors:active){.crumbs a[data-section] .hl{color:linktext;background:0 0;text-decoration:underline}}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;min-height:var(--target);align-items:center;padding:12px 36px 12px 0;font-weight:700;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:10px;height:10px;transition:transform var(--dur-quick) var(--ease-standard);border-bottom:2px solid;border-right:2px solid;position:absolute;top:50%;right:8px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq details p{max-width:var(--measure);padding:0 0 16px}@media (prefers-reduced-motion:reduce){.faq summary:after{transition:none}}.scards{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;padding:0;list-style:none;display:grid}.scard .scard-in{background:var(--sec-tint);border-radius:var(--radius-xl);height:100%;color:var(--ink);transition:box-shadow var(--dur-quick) var(--ease-standard);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.scard .scard-in:is(:hover,:focus-visible){box-shadow:var(--elev-category-hover)}@media (prefers-reduced-motion:reduce){.scard .scard-in{transition:none}}.scard-ill svg{width:100%;height:auto;max-height:150px;display:block}.scard-txt{align-content:start;gap:4px;padding:4px 20px 20px;display:grid}.scard-txt b{font:var(--type-h3);letter-spacing:var(--track-h3);text-wrap:balance}.scard-txt>span{color:var(--sec-deep)}.scard-txt small{color:var(--sec-deep);font:var(--type-small);margin-top:6px;font-weight:700}.scards-sm{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}.scards-sm .scard .scard-in{border-radius:var(--radius-lg)}.scards-sm .scard-ill svg{max-height:88px}.scards-sm .scard-txt{gap:2px;padding:0 20px 22px}.scards-sm .scard-txt b{font:var(--type-h4)}.scards-sm .scard-txt>span{font:var(--type-small)}.scards-sm .scard-txt small{margin-top:4px}.scards-browse{grid-template-columns:repeat(4,minmax(0,1fr))}.scards-browse .scard-ill svg{max-height:100px}.scards-browse .scard-txt{padding:4px 16px 20px}.scards-browse .scard-txt b{font:var(--type-h4)}.scards-browse .scard-txt>span{font:var(--type-small)}@media (width<=899px){.scards-browse,.scards-sm{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scards-browse .scard-ill svg,.scards-sm .scard-ill svg{max-height:76px}.scards-sm .scard-txt{padding:4px 16px 20px}}@media (prefers-reduced-motion:no-preference){.scard a:is(:hover,:focus-visible) .scard-ill .fl{animation:3s ease-in-out infinite fl}.scard a:is(:hover,:focus-visible) .scard-ill .d2{animation-delay:-1s}.scard a:is(:hover,:focus-visible) .scard-ill .d3{animation-delay:-2s}.scard a:is(:hover,:focus-visible) .scard-ill .tw{animation:1.6s ease-in-out infinite tw}@keyframes fl{50%{transform:translateY(-6px)}}@keyframes tw{50%{opacity:.35;transform:scale(.8)}}}@media (forced-colors:active){.scard .scard-in{border:1px solid canvastext}}.cbar{z-index:15;min-height:72px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));font-variant-numeric:tabular-nums;align-items:center;gap:16px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #15171a26}.cbar.on{display:flex}.cbar-answer{overflow-wrap:anywhere;flex:1;gap:2px;min-width:0;display:grid}.cbar b{font:var(--type-h4);line-height:1.2}.cbar span{font:var(--type-small);color:var(--on-color);line-height:1.3}.cbar button{color:var(--on-color);border-color:var(--on-color);box-shadow:inset 0 0 0 1.5px var(--on-color);flex:none}html.has-cbar{scroll-padding-bottom:calc(var(--cbar-height,80px) + 16px)}html.has-cbar body{padding-bottom:var(--cbar-height,80px)}@media (forced-colors:active){.cbar{border-top:1px solid canvastext}}.fb{justify-content:flex-end;display:flex}.fb-btn:disabled{opacity:.5;cursor:default}.fb[hidden],.fb-ask[hidden]{display:none}.fb-ask{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#fb-q{font:var(--type-small);color:var(--muted);margin-right:4px}.fb-btn{min-height:var(--target);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg);color:var(--ink);font:var(--type-small);cursor:pointer;transition:background var(--dur-quick) var(--ease-standard), border-color var(--dur-quick) var(--ease-standard);align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex}.fb-yes:is(:hover,:focus-visible){background:var(--success-tint);border-color:var(--success);color:var(--success)}.fb-no:is(:hover,:focus-visible){background:var(--error-tint);border-color:var(--error);color:var(--error)}.fb-btn svg{width:18px;height:18px}.fb-done{font:var(--type-small);color:var(--muted)}.fb-done:empty{display:none}@media (width<=560px){.fb{justify-content:flex-start}}.report-cta{justify-content:flex-end;margin-top:-24px;display:flex}.report-link{color:var(--muted);font:var(--type-small);min-height:var(--target);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.report-icon{flex:none;width:18px;height:18px}.report-link:is(:hover,:focus-visible){color:var(--ink);text-decoration:none}#report-form{gap:14px;display:grid}.report-explanation{gap:4px;display:grid}.report-explanation .hint{line-height:1.45}#report-form summary{cursor:pointer;min-height:var(--target);width:fit-content;color:var(--link);font:var(--type-small);align-items:center;gap:8px;list-style:none;display:flex}#report-form summary::-webkit-details-marker{display:none}#report-form summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}#report-form details[open] summary:after{transform:translateY(2px)rotate(225deg)}#report-environment{font:var(--type-small);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 16px;padding-block:8px;display:grid}#report-environment dt{color:var(--muted)}#report-environment dd{overflow-wrap:anywhere;margin:0}#report-send:disabled{cursor:default}#report-status:empty{display:none}@media (width<=560px){.report-cta{justify-content:flex-start}}.tp .max{padding-block:var(--page-start) 64px;grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.tool-note{color:var(--muted);font:var(--type-small);align-items:flex-start;gap:10px;max-width:80ch;margin-top:24px;line-height:1.6;display:flex}.tool-note svg{flex:none;width:18px;height:18px;margin-top:3px}.tool-note strong{font-weight:700}.tool-input-column{min-width:0}.tp-reading{gap:32px;min-width:0;margin-top:88px;display:grid}.tp-feedback{align-content:start;gap:4px;display:grid}.tp-feedback .report-cta{margin-top:0}@media (width>=900px){.tp-reading:not(.has-ads){grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:32px}.tp-reading:not(.has-ads) .tp-feedback{top:calc(var(--header-h) + 24px);grid-area:1/2;position:sticky}.tp-reading:not(.has-ads) .tp-feedback[data-voted]{margin-top:var(--feedback-rest-offset,0px);position:static}.tp-reading:not(.has-ads) .tp-body{grid-area:1/1}}.tp-h{gap:10px;display:grid}.tp-h h1{font:var(--type-h1);letter-spacing:var(--track-h1);margin-top:8px}.tp .promise{font:var(--type-body-lg);color:var(--muted);max-width:60ch}.tp-body{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.tp-body.has-rail{grid-template-columns:minmax(0,720px) 300px;justify-content:space-between}.tp-main{gap:48px;min-width:0;max-width:720px;display:grid}.tp-more{gap:48px;padding-top:88px;display:grid}@media (width<=899px){.tp-reading{margin-top:28px}.tp-more{padding-top:28px}}.tp-main>section>h2,.tp-more>section>h2,.tp-more-h>h2{font:var(--type-h2);letter-spacing:var(--track-h2);margin-bottom:16px}.tp-more-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:16px;display:flex}.tp-more>section>.tp-more-h>h2{margin-bottom:0}.tp .rel-all{min-height:36px;color:var(--sec-deep);font:var(--type-small);align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.tp .rel-all>svg{width:16px;height:16px;transition:transform var(--dur-quick) var(--ease-standard);flex:none}.tp .rel-all:hover>svg{transform:translate(2px)}@media (prefers-reduced-motion:reduce){.tp .rel-all>svg{transition:none}}@media (width<=1023px){.tp-body.has-rail{grid-template-columns:minmax(0,1fr)}.tp-rail{display:none}}}@layer tools{.inputs{container-type:inline-size}.shell .inputs .tool-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.shell .inputs .tool-actions>span{display:contents}.tool-actions [data-tool-action=clear]{margin-left:auto}@container (width<=400px){.shell .inputs .tool-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.tool-actions [data-tool-action=primary]{grid-area:1/1/auto/-1;justify-self:start}.tool-actions [data-tool-action=example]{grid-area:1/1;justify-self:start}.tool-actions [data-tool-action=clear]{grid-area:1/2;justify-self:end;margin-left:0}.tool-actions:has([data-tool-action=primary]):has([data-tool-action=example]) :is([data-tool-action=example],[data-tool-action=clear]){grid-row:2}.tool-actions:has([data-tool-action=primary]):not(:has([data-tool-action=example])) [data-tool-action=primary]{grid-column:1}.tool-actions [data-tool-action=extra]{grid-area:3/1;justify-self:start}}.measure-dimensions .field:has(>select){flex-basis:100%}@media (width<=767px){.opts .field:has(>select){flex-basis:100%}.inputs .field:has(>select){grid-column:1/-1}}.measure .inputs{gap:24px}.measure-setup,.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pair{row-gap:0}.measure-dimensions{flex-wrap:wrap;gap:16px;display:flex}.measure-dimensions .field{flex:120px}#aquarium-volume .measure-dimensions label{min-height:2lh}.measure .field[hidden]{display:none}.measure .field{align-content:start}.measure-options{border:1.5px solid var(--field-border);border-radius:var(--radius-md);padding-inline:12px}.measure-options summary{min-height:var(--target);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;font-weight:700;list-style:none;display:flex}.measure-options summary::-webkit-details-marker{display:none}.measure-options summary svg{flex:none;width:24px;height:24px}.measure-options[open] summary svg{transform:rotate(180deg)}.measure-options[open]{padding-bottom:16px}.measure-options summary .hint{margin-top:4px;font-weight:400;display:block}.measure-options[open]>.hint{margin-top:16px}details .pair{padding-top:8px}.measure .result details table{margin-block:8px 16px}.measure .result .sum{margin-bottom:8px}@media (width<=399px){.measure-setup,.pair{grid-template-columns:minmax(0,1fr)}}.av-in{resize:vertical;font-variant-numeric:tabular-nums;min-height:9rem}.av-sorted{font:var(--type-small);overflow-wrap:anywhere;max-height:12rem;overflow:auto}#cf-in{min-height:16rem;max-height:75vh}#cf-out{min-height:12rem;max-height:75vh}@media (width>=1100px){#cf-in{min-height:20rem}}.code-maker .inputs{align-content:start;gap:20px}.code-settings{flex-wrap:wrap;gap:16px;display:flex}.code-settings .field{flex:160px}.code-settings .code-small{flex:0 160px}.code-maker .code-format{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);padding:16px}.code-format [data-format]{font:var(--type-h3);font-family:var(--mono);overflow-wrap:anywhere;margin-block:8px}.code-list{font-family:var(--mono);margin-block:20px}.code-exports{gap:16px;display:grid}.code-maker .big{font:var(--type-h2)}.timer-tool .inputs{align-content:start;gap:20px}.timer-duration{border:0;min-width:0;margin:0;padding:0}.timer-duration legend{font:var(--type-h4);margin-bottom:12px}.timer-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:360px;display:grid}.timer-fields .in{padding-inline:8px}.timer-presets{flex-wrap:wrap;gap:8px;display:flex}.timer-notifications{gap:10px;display:grid}.timer-tool .big{font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,6vw,4rem)}.timer-tool progress{width:100%;height:10px;accent-color:var(--on-color);margin-block:12px}.time-primer{font:var(--type-small);color:var(--muted);gap:12px;display:grid}.time-primer summary{min-height:var(--target);color:var(--ink);cursor:pointer;align-content:center;font-weight:700}.calendar-tool .inputs{align-content:start;gap:24px}.calendar-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.calendar-fields .field{align-content:start;min-width:0}.calendar-fields .field[hidden]{display:none}.calendar-fields .in{min-width:0;max-width:100%}.calendar-tool .big{font:var(--type-h2);overflow-wrap:anywhere}.calendar-tool .result-data{margin-top:16px}@media (width<=767px){.calendar-fields{grid-template-columns:minmax(0,1fr)}}.design-tool .inputs{align-content:start;gap:24px}.design-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.color-control{align-items:center;gap:8px;min-width:0;display:flex}.color-control input[type=color]{border:1px solid var(--muted);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;flex:none;width:44px;height:48px;padding:3px}.color-control .in{min-width:0}.design-preview{border-radius:var(--radius-md);border:1px solid var(--line);align-content:center;gap:12px;min-height:180px;padding:24px;display:grid}.design-preview b{font-size:24px;line-height:1.3}.design-code{white-space:normal;overflow-wrap:anywhere;font-size:15px;line-height:1.6;display:block}.design-values{gap:20px;display:grid}.color-data code{font:inherit;font-family:var(--mono);font-size:13px}.design-tool summary{cursor:pointer;align-content:center;min-height:44px}@container (width<=400px){.design-pair{grid-template-columns:minmax(0,1fr)}}.draft-order .in-actions{flex-wrap:wrap}.draft-order [data-order]{font:var(--type-h4);gap:10px;margin:8px 0;padding-left:2em;display:grid}.draft-order [data-order] li{overflow-wrap:anywhere;padding-left:4px}@media (prefers-reduced-motion:no-preference){.draft-order .reveal [data-order]{animation:draft-reveal .3s var(--ease-standard) both}@keyframes draft-reveal{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}}.fr-wrap{min-width:0;container-type:inline-size}.fr-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;display:grid}@container (width>=520px){.fr-row{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr)}}.fr-in{font-variant-numeric:tabular-nums}.gpa-rows{--cols:minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, .85fr) var(--target);--cols-sm:minmax(0, 1fr) minmax(0, 1fr) var(--target)}.gpa-rows[data-weighted="1"]{--cols:minmax(0, 1.4fr) minmax(0, .9fr) minmax(0, .75fr) minmax(0, 1.15fr) var(--target);--cols-sm:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) var(--target)}@container (width<=519px){.gpa-rows[data-weighted="1"] .row .gpa-t{grid-column:3/-1}}.gpa-rows .row-msg{grid-column:1/-1}.gpa-prior summary{cursor:pointer;min-height:var(--target);align-items:center;font-weight:700;display:flex}.gpa-prior[open]{gap:10px;display:grid}#gpa-table .total th,#gpa-table .total td{font-weight:800}.gr-rows{--cols:minmax(0, 1.8fr) minmax(0, 1fr) minmax(0, 1fr) var(--target);--cols-sm:minmax(0, 1fr) minmax(0, 1fr) var(--target)}.gr-rows .row-msg{grid-column:1/-1}.gr-pane{gap:12px;min-width:0;display:grid}.gr-pane[hidden]{display:none}#gr-table .total th,#gr-table .total td{font-weight:800}#gr-use[hidden]{display:none}.image-compare-dialog{width:min(1200px,100vw - 32px);max-width:1200px}.compare-controls{align-items:center;gap:12px;display:flex}.compare-controls select{width:auto}.compare-large{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.compare-large figure{min-width:0;margin:0}.compare-large figcaption{margin-bottom:8px;font-weight:700}.compare-viewport{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);height:min(60vh,650px);overflow:auto}.compare-viewport img{object-fit:contain;width:100%;height:100%;display:block}.image-compare-dialog[data-zoom=actual] .compare-viewport img{width:auto;max-width:none;height:auto}.image-compare-dialog>.hint{margin-top:12px}@media (width<=600px){.compare-large{gap:8px}.compare-viewport{height:50vh}.image-compare-dialog{width:100%}}.image-pair.mark-choice{grid-template-columns:168px minmax(0,1fr);align-items:start}.mark-text-fields{grid-template-columns:minmax(0,1fr) 88px;align-items:start;gap:16px;display:grid}.image-tool .inputs{align-content:start;gap:24px}.image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.photo-file{cursor:pointer;max-width:100%;padding:12px;font-size:14px}.photo-file::file-selector-button{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;margin-right:10px;padding:10px;font-weight:700}.image-tool summary{cursor:pointer;align-content:center;min-height:44px}.image-tool input[type=color]{background:var(--bg);border:1px solid var(--muted);border-radius:var(--radius-sm);width:64px;height:44px;padding:3px}.photo-results{gap:32px;display:grid}.photo-results section{gap:16px;min-width:0;display:grid}.photo-results .btn{justify-self:start}.photo-results p{font-size:15px;line-height:1.5}.photo-results .photo-advice{font-size:14px;font-weight:600;line-height:1.5}.photo-results .photo-filename{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:500;line-height:1.5;overflow:hidden}.photo-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.photo-comparison figure{min-width:0;margin:0}.photo-comparison img{object-fit:contain;border-radius:var(--radius-sm);background:#fff;width:100%;height:160px}.photo-comparison figcaption{margin-top:6px;font-size:14px}@container (width<=400px){.image-pair,.image-pair.mark-choice{grid-template-columns:minmax(0,1fr)}}.li-count{height:var(--field-h-lg);max-width:9rem;font-size:1.125rem;font-weight:700}.li-out{resize:vertical;min-height:14rem}#li-result .in[readonly]{background:var(--field);border-color:#0000}.money-tool .inputs{align-content:start;gap:16px}.money-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.money-fields .field{align-content:start}.money-fields .in{width:100%}.money-tool .breakdown{border-collapse:collapse;width:100%;font:var(--type-small);margin-block:8px 16px}.money-tool .breakdown th{text-align:left;font-weight:500}.money-tool .breakdown td{text-align:right;font-variant-numeric:tabular-nums}@media (width<=380px){.money-fields{gap:12px}}.name-generator [data-names]{font:var(--type-h4);overflow-wrap:anywhere;gap:16px;margin:8px 0;padding:0;list-style:none;display:grid}.pc-nums .field{flex-basis:180px}.pc-in{font-variant-numeric:tabular-nums}.result[data-surface=bright] .pc-note{color:var(--on-color-muted)}.random-settings{flex-wrap:wrap;align-items:start;gap:16px;display:flex}.random-settings .field:has(select){flex:180px}.random-settings .random-count{flex:0 128px}.history-roll{position:relative}.history-roll>div:first-child{overflow-wrap:anywhere;padding-right:64px}.roll-total{text-align:right;display:grid;position:absolute;top:10px;right:12px}.roll-total span{font:var(--type-small)}.roll-total strong{font:var(--type-h3)}@media (width>=600px){.random-tool .random-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}.random-history{margin-block:20px}.random-history h2,.random-output section h2{font:var(--type-h4);margin-bottom:8px}.random-history .hint{margin-bottom:12px}.coin-stage{perspective:700px;place-items:center;height:190px;display:grid;position:relative}.coin-lift{width:124px;height:124px;transform-style:preserve-3d;display:block}.coin-body{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative}.coin-side{border:3px solid var(--ink);outline:1px solid var(--ink);outline-offset:-9px;background:var(--bg);color:var(--ink);backface-visibility:hidden;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coin-side b{font:var(--type-h1);line-height:1}.coin-side>span{font:var(--type-small);font-weight:700}.coin-side.tails{transform:rotateX(180deg)}.coin-shadow{background:var(--on-color);opacity:.18;border-radius:50%;width:86px;height:10px;position:absolute;bottom:13px}.coin-totals th:not(:first-child),.coin-totals td{text-align:right}.random-tool .inputs{align-content:start;gap:20px}.random-checks{gap:4px;margin-block:8px;display:grid}.random-tool .big{font:var(--type-h2)}.random-output{gap:16px;margin-block:16px;display:grid}.random-list{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;font:var(--type-small);overflow:auto}.generated-secret{overflow-wrap:anywhere;font:var(--type-h3);font-family:var(--mono);user-select:all;display:block}.dice-faces{flex-wrap:wrap;gap:8px;max-height:360px;display:flex;overflow:auto}.die-face{cursor:pointer;border:1px solid var(--muted);border-radius:var(--radius-md);background:var(--bg);width:56px;height:56px;color:var(--ink);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:4px;padding:10px;font-weight:800;display:grid}.die-face:not(:has(.pip)){justify-content:center;align-items:center;display:flex}.pip{background:currentColor;border-radius:50%;width:7px;height:7px}.pip.blank{visibility:hidden}.playing-card{border-radius:var(--radius-lg);background:var(--bg);width:112px;min-height:152px;color:var(--ink);white-space:pre-line;text-align:center;font:var(--type-h2);padding:16px}#shoe[data-astro-cid-b4akrwpl] .inputs[data-astro-cid-b4akrwpl]{align-content:start;gap:24px}.shoe-fields[data-astro-cid-b4akrwpl]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}#shoe[data-astro-cid-b4akrwpl] .field[data-astro-cid-b4akrwpl]{align-content:start}#shoe[data-astro-cid-b4akrwpl] .in-actions[data-astro-cid-b4akrwpl]{flex-wrap:wrap;gap:8px}#shoe[data-astro-cid-b4akrwpl] [data-astro-cid-b4akrwpl][data-clear]{margin-left:auto}#shoe[data-astro-cid-b4akrwpl] .shoe-source[data-astro-cid-b4akrwpl]{line-height:1.6}#shoe[data-astro-cid-b4akrwpl] .big[data-astro-cid-b4akrwpl]{font-size:clamp(2.5rem,5vw,4rem)}.sl-in{resize:vertical;min-height:14rem;max-height:70vh}.sl-out{resize:vertical;min-height:12rem}#sl-result .in[readonly]{background:var(--field);border-color:#0000}.sl-checks{flex-wrap:wrap;gap:0 20px;display:flex}.sl-fr summary{cursor:pointer;min-height:var(--target);align-items:center;font-weight:700;display:flex}.sl-fr[open] summary{margin-bottom:8px}.sl-fr .check{margin-top:6px}.stopwatch .inputs{align-content:start;gap:24px}.stopwatch .big{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(2rem,6vw,4rem)}.watch-laps{max-height:440px;margin-top:24px;overflow:auto}.watch-laps table{font-variant-numeric:tabular-nums;width:100%}.watch-laps th,.watch-laps td{text-align:left;padding:10px 4px}.tx-in{resize:vertical;min-height:14rem;max-height:70vh}.tx-out{resize:vertical;min-height:10rem}#tx-result .in[readonly]{background:var(--field);border-color:#0000}.tx-fix{border:0;min-width:0;margin:0;padding:0}.tx-fix legend{margin-bottom:4px;padding:0;font-weight:700}.tx-checks{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:0 16px;display:grid}.tx-checks .check{width:auto}.tx-where{background:var(--field);color:var(--ink);border-radius:var(--radius-md);font:var(--type-small);white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;margin-bottom:6px;padding:12px 14px;line-height:1.7;overflow-y:auto}.tx-where .tx-tag{background:var(--warning-tint);color:var(--warning);font-variation-settings:var(--voice-code);border-radius:6px;margin:0 2px;padding:0 6px;font-size:.8125rem;font-weight:700;line-height:1.5;display:inline-block}@media (forced-colors:active){.tx-where .tx-tag{border:1px solid canvastext}}.tc-pair{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=760px){.tc-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.tc-in{resize:vertical;min-height:12rem;max-height:60vh}.tc-checks{flex-wrap:wrap;gap:0 20px;display:flex}.in-actions>span{flex-wrap:wrap;gap:8px;display:flex}.payments .inputs{align-content:start;gap:20px;display:grid}.payments .pay-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.payments .pay-fields .field{min-width:0}.payments .pay-fields .in{width:100%}.payments .in-actions{flex-wrap:wrap}@media (width<=380px){.payments .pay-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.payments .big{overflow-wrap:anywhere}.payments details{margin-top:20px}.payments summary{cursor:pointer;font-weight:700}.payments ol{margin-top:12px;padding-left:20px}.payments li+li{margin-top:8px}.payments .filled>.hint{margin-top:12px}.tv-placement summary:after{margin-left:auto}.tv-placement figure{gap:12px;margin:12px 0;display:grid}.tv-placement svg{width:100%;height:auto;display:block}.tv-placement figcaption{font:var(--type-small);line-height:1.6}.wc-text{resize:vertical;min-height:15rem;max-height:34rem;overflow-y:auto}@media (width>=900px){.wc-text{min-height:22rem}}}@layer voice{body,input,textarea,select,button{font-variation-settings:var(--voice-body)}h1,h2,h3,h4,.v-head,.result .big,.site-h nav,.scard-txt b,.tcard b,.cbar b,.grp a,.hero h1,summary{font-variation-settings:var(--voice-head)}.eyebrow,kbd,.v-code,.result .second,.breakdown td,.dir .soon small,.tcard em,.cbar span,.in.code,.result .problem pre,.prose pre{font-variation-settings:var(--voice-code);font-family:var(--mono)}.brand-link{--sec:var(--brand)}.brand-link:is(:hover,:focus-visible){text-decoration:none}}@font-face{font-family:Hanken Grotesk;src:url(/_astro/hanken-grotesk.CaVRRdDk.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:optional}@font-face{font-family:Geist Mono;src:url(/_astro/geist-mono.XN7g48iV.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:optional}.shell [hidden]{display:none!important}
/*$vite$:1*/