:root{color-scheme:light dark;--bg: #f4f5f7;--card: #ffffff;--text: #1a1d23;--muted: #6b7280;--border: #e3e5ea;--accent: #1d4ed8;--accent-contrast: #ffffff;--ok: #15803d;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111318;--card: #1b1e26;--text: #e7e9ee;--muted: #9aa1ad;--border: #2b2f3a;--accent: #6d9cff;--accent-contrast: #0b1020;--ok: #4ade80}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.45}#app{max-width:760px;margin:0 auto;padding:2rem 1rem 3rem}.topbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.topbar h1{margin:0;font-size:1.5rem}.topbar p{margin:.15rem 0 0;color:var(--muted);font-size:.9rem}.topbar__controls{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.age{display:flex;flex-direction:column;gap:.15rem;min-width:14rem}.age__label{font-size:.75rem;color:var(--muted)}.age__label output{color:var(--text);font-variant-numeric:tabular-nums}.range{position:relative;height:1.25rem}.range__track{position:absolute;inset:0 .5rem;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:var(--border)}.range__fill{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--accent)}.range input[type=range]{position:absolute;inset:0;width:100%;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}.range input[type=range].is-active{z-index:1}.range input[type=range]::-webkit-slider-runnable-track{background:transparent;height:1.25rem}.range input[type=range]::-moz-range-track{background:transparent;height:1.25rem}.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:1rem;height:1rem;margin-top:.125rem;border-radius:50%;border:2px solid var(--accent);background:var(--card);cursor:grab}.range input[type=range]::-moz-range-thumb{pointer-events:auto;width:.75rem;height:.75rem;border-radius:50%;border:2px solid var(--accent);background:var(--card);cursor:grab}.range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.range input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}select,button{font:inherit;color:inherit}select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--card)}button{cursor:pointer;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:.5rem .75rem}button:hover{border-color:var(--accent)}button:disabled{cursor:default}button.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:visible}.field{display:grid;grid-template-columns:9.5rem 1fr auto;gap:.25rem 1rem;align-items:start;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.field:last-child{border-bottom:0}.field__label{color:var(--muted);font-size:.85rem;padding-top:.35rem}.field__value{font-size:1.05rem;white-space:pre-line;padding-top:.2rem;overflow-wrap:anywhere}.field__value.is-mono{font-family:var(--mono);font-size:1rem}.field__hint{color:var(--muted);font-size:.8rem}.field__actions{justify-self:end;align-self:start;padding-top:.15rem}.split{display:inline-flex;align-items:stretch;width:6.5rem;position:relative}.copy{font-size:.85rem;padding:.4rem .6rem;line-height:1.2}.split__main{flex:1;min-width:0}.split__main:not(:only-child){border-top-right-radius:0;border-bottom-right-radius:0}.copy.is-copied{color:var(--ok);border-color:var(--ok);position:relative;z-index:1}.menu{display:contents}.split__toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;padding:0;margin-left:-1px;border:1px solid var(--border);border-radius:0 8px 8px 0;background:var(--card);color:var(--muted);cursor:pointer;list-style:none;user-select:none}.split__toggle::-webkit-details-marker{display:none}.split__toggle:hover,.menu[open]>.split__toggle{border-color:var(--accent);color:var(--accent);position:relative;z-index:1}.split__toggle svg{transition:transform .15s ease}.menu[open]>.split__toggle svg{transform:rotate(180deg)}.menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:10;min-width:17rem;max-width:min(26rem,90vw);background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.3rem;box-shadow:0 10px 30px #0000002e}.menu__heading{padding:.35rem .6rem .25rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.menu__item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;text-align:left;border:0;border-radius:6px;background:transparent;padding:.45rem .6rem;font-size:.85rem;white-space:nowrap}.menu__item:hover,.menu__item:focus-visible{background:var(--bg)}.menu__item.is-copied{color:var(--ok)}.menu__preview{color:var(--muted);font-family:var(--mono);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;max-width:15rem}.footer{margin-top:1rem;color:var(--muted);font-size:.85rem;text-align:center}kbd{font-family:var(--mono);border:1px solid var(--border);border-radius:4px;padding:0 .3rem;font-size:.8em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:560px){.field{grid-template-columns:1fr auto}.field__label{grid-column:1 / -1;padding-top:0}.field__actions{padding-top:0}}