:root{color-scheme:light dark;--font-sans:"Schibsted Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--violet:#7b4dff;--blue:#2f6bff;--teal:#12b89a;--amber:#ffb82e;--orange:#ff7a1f;--pink:#ff3d7f;--spectrum:linear-gradient(100deg, var(--violet), var(--blue) 22%, var(--teal) 42%, var(--amber) 60%, var(--orange) 78%, var(--pink));--bg:#f7f7fa;--surface:#fff;--ink:#0b0d12;--muted:#565c6b;--line:#e3e5ec;--accent:#2f45e8;--accent-ink:#fff;--accent-soft:#eceeff;--danger:#b42318;--danger-soft:#fdecea;--success:#0b7a66;--ink-violet:#5b2ee6;--ink-blue:#1f55d6;--ink-teal:#0b7a66;--ink-orange:#b54708;--ink-pink:#c2185b;--mesh-opacity:.55;--shadow:0 1px 2px #0b0d120d, 0 12px 32px #281e5a1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--page-width:72rem;--content-width:48rem;--gutter:clamp(1rem, 4vw, 1.5rem);--ease-out:cubic-bezier(.2, .7, .2, 1);--fast:.12s;--medium:.24s;accent-color:var(--accent)}@media (prefers-color-scheme:dark){:root{--bg:#0b0c14;--surface:#141623;--ink:#f2f3f8;--muted:#a8adbe;--line:#272a3a;--accent:#8e9cff;--accent-ink:#0b0c14;--accent-soft:#1d2142;--danger:#ff8a7a;--danger-soft:#3a1714;--success:#4fd6b8;--ink-violet:#b39bff;--ink-blue:#8fb1ff;--ink-teal:#5fe0c4;--ink-orange:#ffb27a;--ink-pink:#ff8fb4;--mesh-opacity:.32;--shadow:0 1px 2px #0006, 0 14px 36px #0006}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;line-height:1.1}p{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.2em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft)}.mono{font-family:var(--font-mono);font-size:.8125rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition{pointer-events:none}::view-transition-group(root){animation-duration:.18s}::view-transition-group(.tool-title){animation-duration:.32s;animation-timing-function:var(--ease-out)}.vt-title{view-transition-class:tool-title}html.vt-list{view-transition-name:none}html.vt-list .tool-ui .files>li,html.vt-list .tool-ui .page-grid>li{view-transition-name:match-element;view-transition-class:tool-item}::view-transition-group(.tool-item){animation-duration:.22s;animation-timing-function:var(--ease-out)}::view-transition-new(.tool-item):only-child{animation:.22s var(--ease-out) both item-in}::view-transition-old(.tool-item):only-child{animation:.16s ease-in both item-out}@keyframes item-in{0%{opacity:0;scale:.9}}@keyframes item-out{to{opacity:0;scale:.9}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}:root{--bg:#fbf5ea;--surface:#fffdf8;--ink:#1d1828;--muted:#5e5668;--line:#e8dece;--accent:#c8381d;--accent-ink:#fff;--accent-soft:#fde3d9;--sun:#ffc83d;--edge:#1d1828;--drop:#1d1828;--stage:#1f1b2e;--stage-raised:#2b2640;--stage-ink:#fff6e6;--stage-muted:#c3bad2;--stage-line:#ffffff24;--stage-accent:#ff7657;--radius-toy:14px;--radius-stage:28px;--spectrum:repeating-linear-gradient(90deg, var(--accent) 0 22px, var(--sun) 22px 44px, var(--teal) 44px 66px, var(--blue) 66px 88px, var(--pink) 88px 110px);--font-digits:"Schibsted Grotesk Variable", ui-rounded, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#13111b;--surface:#1d1a28;--ink:#f7efe2;--muted:#b5acbf;--line:#322c40;--accent:#ff7657;--accent-ink:#1b0904;--accent-soft:#3a1e1a;--edge:#4b4360;--drop:#05040a;--stage:#0c0b12;--stage-raised:#1b1826}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mark .pie{background:conic-gradient(var(--accent) 0 72%, transparent 72% 100%);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--edge);border-radius:50%;position:absolute;top:1px;left:1px}.mark .tick{border:solid var(--sun);border-width:0 3.5px 3.5px 0;width:7px;height:12px;position:absolute;top:6px;left:7px;rotate:40deg}.key{border:2px solid var(--edge);border-radius:var(--radius-toy);background:var(--surface);min-width:2.75rem;min-height:2.75rem;color:var(--ink);box-shadow:0 3px 0 var(--drop);cursor:pointer;transition:translate var(--fast) var(--ease-out), box-shadow var(--fast) var(--ease-out), background-color var(--fast);-webkit-tap-highlight-color:transparent;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-weight:700;line-height:1.1;display:inline-flex}.key:hover:not(:disabled){background:var(--accent-soft)}.key:active:not(:disabled){box-shadow:0 0 0 var(--drop);translate:0 3px}.key:disabled{opacity:.45;cursor:not-allowed}.key.go{background:var(--accent);color:var(--accent-ink)}.key.go:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 88%, var(--ink))}.key.big{min-height:3.5rem;padding-inline:1.75rem;font-size:1.25rem;font-weight:800}.key.small{min-height:2.75rem;padding:.25rem .75rem;font-size:.9375rem}.key svg{flex:none}.tool-head{max-width:var(--page-width);padding:clamp(1.25rem, 3.5vw, 2.5rem) var(--gutter) 1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem 1.5rem;margin-inline:auto;display:flex}.tool-head h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5.5vw,3.5rem);font-weight:900;line-height:.95}.privacy{border:2px dashed var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:.5rem;margin:0;padding:.5rem .875rem;font-size:.9375rem;font-weight:600;display:inline-flex}.privacy svg{color:var(--accent);flex:none}.column{max-width:var(--page-width);padding-inline:var(--gutter);flex-direction:column;gap:3.5rem;margin-inline:auto;display:flex}.column>section:not(.tool,.wide){max-width:var(--content-width)}.column>section>h2{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:1.75rem;font-weight:900}.tool-note{max-width:var(--content-width);color:var(--muted);margin:1rem 0 0;font-size:.9375rem}.tool-note strong{color:var(--ink)}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps li{flex-direction:column;gap:.5rem;font-weight:600;display:flex}.steps li:before{counter-increment:step;content:counter(step);border:2px solid var(--edge);background:var(--sun);color:#1d1828;width:2.25rem;height:2.25rem;box-shadow:0 2px 0 var(--drop);border-radius:50%;place-items:center;font-weight:900;display:grid}.steps li:nth-child(2):before{background:var(--teal)}.steps li:nth-child(3):before{background:var(--accent);color:var(--accent-ink)}.steps li:nth-child(4):before{background:var(--blue);color:#fff}.faq details{border-bottom:2px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq .plus{background:var(--accent-soft);width:1.75rem;height:1.75rem;color:var(--accent);transition:rotate var(--fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.faq details[open] .plus{rotate:45deg}.faq p{color:var(--muted);margin:0 0 1rem}.uses{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.uses h3{margin:0 0 .375rem;font-size:1.125rem;font-weight:800}.uses p{color:var(--muted);margin:0}.lengths ul{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.lengths a{border:2px solid var(--line);min-height:2.75rem;color:var(--ink);border-radius:99px;align-items:center;padding:.25rem .875rem;font-weight:700;text-decoration:none;display:inline-flex}.lengths a:hover{border-color:var(--ink)}.lengths a[aria-current=page]{border-color:var(--edge);background:var(--sun);color:#1d1828}.tool-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.tool-cards a{border:2px solid var(--edge);border-radius:var(--radius-toy);background:var(--surface);height:100%;color:var(--ink);box-shadow:0 4px 0 var(--drop);transition:translate var(--fast) var(--ease-out), box-shadow var(--fast) var(--ease-out);align-items:flex-start;gap:.875rem;padding:1rem;text-decoration:none;display:flex}.tool-cards a:hover{box-shadow:0 6px 0 var(--drop);translate:0 -2px}.tool-cards a:active{box-shadow:0 1px 0 var(--drop);translate:0 3px}.tool-cards .badge{background:var(--hue);color:#1d1828;border-radius:12px;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.tool-cards .text{flex-direction:column;gap:.125rem;display:flex}.tool-cards strong{font-size:1.0625rem}.tool-cards .text>span{color:var(--muted);font-size:.9375rem}.hue-timers{--hue:var(--sun)}.hue-pickers{--hue:var(--teal)}.hue-classroom{--hue:var(--stage-accent)}