:root{--color-paper:oklch(98.6% .006 95);--color-paper-glass:oklch(99% .004 95/.86);--color-paper-2:oklch(100% 0 0);--color-paper-3:oklch(96.5% .008 95);--color-paper-muted:oklch(82% .012 95);--color-ink:oklch(19% .01 260);--color-ink-soft:oklch(38% .01 260);--color-muted:oklch(52% .01 260);--color-rule:oklch(90% .008 95);--color-focus:oklch(52% .2 235);--color-accent:oklch(88% .175 96);--color-accent-ink:oklch(20% .012 250);--color-accent-soft:oklch(93% .08 95);--color-accent-hover:oklch(85% .185 94);--color-accent-deep:oklch(67% .16 95);--color-accent-shadow:oklch(78% .17 92/.55);--color-accent-2:oklch(66% .18 235);--color-accent-2-soft:oklch(91% .06 235);--color-accent-2-hover:oklch(87% .09 235);--color-accent-3:oklch(68% .24 18);--color-accent-3-soft:oklch(93% .055 18);--color-accent-3-hover:oklch(89% .085 18);--color-mint:oklch(80% .16 150);--color-lavender-soft:oklch(93% .055 305);--color-lavender-hover:oklch(89% .085 305);--color-transparent:transparent;--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--font-body:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--font-label:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.72rem;--text-sm:.84rem;--text-base:1rem;--text-md:clamp(1.05rem, 1.5vw, 1.25rem);--text-lg:clamp(1.35rem, 2vw, 1.65rem);--text-xl:clamp(1.7rem, 3vw, 2.25rem);--text-2xl:clamp(2.1rem, 4vw, 3rem);--text-3xl:clamp(2.6rem, 5vw, 4.5rem);--text-display-s:clamp(3rem, 6vw, 5rem);--text-display:clamp(3.25rem, 7.6vw, 6rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-press:cubic-bezier(.2, .7, .3, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hair:1px;--rule-medium:2px;--rule-bold:3px;--rule-focus:3px;--radius-input:.75rem;--radius-card:1.25rem;--weight-display:800;--radius-art:1.75rem;--radius-pill:999px;--shadow-card:0 1px 2px oklch(20% .01 260/.04), 0 12px 32px -12px oklch(20% .01 260/.12);--shadow-art:0 2px 6px oklch(20% .01 260/.05), 0 40px 80px -32px oklch(20% .01 260/.28);--shadow-language:0 4px 18px oklch(20% .012 250/.12);--page-max:78rem;--page-gutter:clamp(1rem, 4vw, 3rem);--banner-h:2.625rem;--bar-h:4.25rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}html :is(h1,h2,h3){font-weight:var(--weight-display)}html h1{letter-spacing:-.035em}html h2{letter-spacing:-.03em}html h3{letter-spacing:-.02em}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--color-paper);color:var(--color-ink);scroll-padding-top:5rem}body{font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}h1,h2{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:-.035em;line-height:1.05}.shell{width:min(100%, var(--page-max));padding-inline:var(--page-gutter);margin-inline:auto}.crumbs{gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);padding-block-start:var(--space-lg);display:flex}.tool-head{gap:var(--space-md);padding-block:var(--space-xl);display:grid}.tool-head h1{max-width:20ch;font-size:clamp(2.2rem,5vw,3.6rem)}.tool-head p{max-width:42rem;color:var(--color-ink-soft);font-size:var(--text-md)}.tool-app{gap:var(--space-lg);padding-block-end:var(--space-lg);display:grid}.tool-card{padding:clamp(var(--space-lg), 3vw, var(--space-xl));border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-art);background:var(--color-paper-2);box-shadow:var(--shadow-card)}.tool-form{gap:var(--space-md);align-content:start;display:grid}.tool-form label{gap:var(--space-2xs);font-size:var(--text-sm);font-weight:600;display:grid}.tool-form input[type=number],.tool-form select{width:100%;min-height:3rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);font:inherit;font-weight:500}.tool-form input:focus-visible,.tool-form select:focus-visible,.btn-primary:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:2px}.tool-form [hidden]{display:none}.row{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.seg{gap:var(--space-xs);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.seg legend{font-size:var(--text-sm);margin-block-end:var(--space-2xs);padding:0;font-weight:600}.seg label{display:block;position:relative}.seg input{opacity:0;position:absolute;inset:0}.seg span{min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.seg input:checked+span{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.seg input:focus-visible+span{outline:var(--rule-focus) solid var(--color-focus);outline-offset:2px}.hint{color:var(--color-muted);font-size:var(--text-sm)}.btn-primary{border-radius:var(--radius-pill);background:var(--color-accent);min-height:3rem;color:var(--color-accent-ink);font:inherit;cursor:pointer;box-shadow:inset 0 -2px 0 oklch(0% 0 0/.08), 0 10px 24px -10px var(--color-accent-shadow);border:0;justify-content:center;align-items:center;gap:.5em;font-weight:700;display:inline-flex}.btn-primary:hover{background:var(--color-accent-hover)}.tool-results{gap:var(--space-md);align-content:start;display:grid}.tool-results .placeholder{color:var(--color-muted)}.tool-results .big{font-size:var(--text-lg);color:var(--color-ink-soft)}.tool-results .big strong{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-ink);font-size:clamp(2.6rem,6vw,4rem);line-height:1}.tool-results .tag{border-radius:var(--radius-pill);background:var(--color-accent);font-size:var(--text-sm);margin-inline-start:.4rem;padding:.1rem .6rem;font-weight:700}.tool-results .sub{color:var(--color-muted);font-size:var(--text-sm)}.macros{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.macros div{gap:var(--space-2xs);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-3);display:grid}.macros small{color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.macros strong{font-size:var(--text-lg)}.tool-results table{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tool-results th,.tool-results td{border-bottom:var(--rule-hair) solid var(--color-rule);text-align:start;padding:.55rem .5rem}.tool-results th{color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.disclaimer{padding-block:var(--space-sm) var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}.tool-text{gap:var(--space-md);padding-block:var(--space-xl);display:grid}.tool-text>*{max-width:48rem}.tool-text h2{font-size:var(--text-xl)}.tool-text ul{gap:var(--space-sm);display:grid}.tool-text li{color:var(--color-ink-soft);padding-inline-start:var(--space-lg);position:relative}.tool-text li:before{content:"";background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem;position:absolute;inset:.65em auto auto 0}.faq-list{border-top:var(--rule-hair) solid var(--color-rule);display:grid}.faq-list details{border-bottom:var(--rule-hair) solid var(--color-rule)}.faq-list summary{padding-block:var(--space-md);cursor:pointer;font-weight:700}.faq-list p{color:var(--color-ink-soft);padding-block-end:var(--space-md)}.tool-next{gap:var(--space-lg);padding-block:var(--space-xl) var(--space-3xl);display:grid}.tool-next h2{font-size:var(--text-xl)}.next-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.next-grid a{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);height:100%;box-shadow:var(--shadow-card);transition:transform var(--dur-short) var(--ease-out);text-decoration:none;display:grid;overflow:hidden}.next-grid a:hover{transform:translateY(-3px)}.next-grid img{aspect-ratio:16/7;object-fit:cover;width:100%;height:auto;display:block}.next-grid span{gap:var(--space-2xs);padding:var(--space-md);display:grid}.next-grid small{color:var(--color-muted)}.other-tools{color:var(--color-muted);font-size:var(--text-sm)}.other-tools a{color:var(--color-ink);font-weight:600}.tool-missing{gap:var(--space-md);padding:var(--space-4xl) var(--page-gutter);text-align:center;display:grid}@media (width>=56rem){.tool-app{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}