:root{--ink: #241f3d;--ink-soft: #4b4763;--paper: #ffffff;--paper-raised: #ffffff;--shallows: #e6f3ff;--shallows-deep: #bfdfff;--coral: #ff6b6b;--sunny: #ffd93d;--seaweed: #6ee7b7;--octo: #a78bfa;--on-bright: #241f3d;--radius-panel: 20px;--radius-control: 12px;--radius-pill: 999px;--line-panel: 3px solid var(--ink);--line-control: 2px solid var(--ink);--shadow-panel: 6px 6px 0 var(--ink);--shadow-control: 3px 3px 0 var(--ink);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--display: "Fredoka", "Trebuchet MS", sans-serif;--body: "Nunito", "Segoe UI", sans-serif;--text-s: .8rem;--text-m: 1rem;--text-l: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.0518rem;color-scheme:light}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--shallows);color:var(--ink);font:400 var(--text-m) / 1.5 var(--body)}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;margin:0;text-wrap:balance}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{text-decoration-thickness:3px}.page{max-width:76rem;margin-inline:auto;padding-inline:var(--space-4);padding-block:var(--space-5) var(--space-7);display:grid;gap:var(--space-7)}.page>*,.how>*,.wl>*,.frame>*{min-width:0}.small{font-size:var(--text-s)}.soft{color:var(--ink-soft)}.sec{display:grid;gap:var(--space-5)}.sec>h2{font-size:var(--text-2xl)}.sec-lead{max-width:60ch}.hero{display:flex;gap:var(--space-4) var(--space-6);align-items:flex-start;flex-wrap:wrap}.hero-text{flex:1 1 18rem;display:grid;gap:var(--space-4);justify-items:start}.word{font:600 var(--text-xl) / 1.15 var(--display)}.hero h1{font-size:clamp(var(--text-2xl),7vw,var(--text-4xl));max-width:22ch}.lead{max-width:44ch;font-size:var(--text-l)}.mark{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;flex:none}.mark .head{fill:var(--octo)}.mark .eye{fill:var(--on-bright);stroke:none}.mark .smile{stroke:var(--on-bright);stroke-width:2}@keyframes wave{0%{transform:rotate(0)}30%{transform:rotate(-7deg)}65%{transform:rotate(6deg)}to{transform:rotate(0)}}.arms{transform-box:view-box;transform-origin:16px 13px;animation:wave .6s ease-in-out both}.btn{display:inline-block;font:600 var(--text-m) / 1.2 var(--display);padding:var(--space-3) var(--space-5);background:var(--paper);color:var(--ink);border:var(--line-control);border-radius:var(--radius-control);box-shadow:var(--shadow-control);cursor:pointer;text-decoration:none;transition:transform 80ms,box-shadow 80ms}.btn:active{transform:translate(3px,3px);box-shadow:none}.btn-primary{background:var(--sunny);color:var(--on-bright);border-color:var(--on-bright)}.btn:hover{text-decoration:none}.how{display:grid;gap:var(--space-6);align-items:start}.steps{display:grid;gap:var(--space-4);counter-reset:step}.steps li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);align-items:baseline;counter-increment:step}.steps li:before{content:counter(step);grid-row:span 2;display:grid;place-items:center;width:2.25rem;height:2.25rem;background:var(--sunny);color:var(--on-bright);border:var(--line-control);border-color:var(--on-bright);border-radius:var(--radius-pill);font:600 var(--text-m) / 1 var(--display)}.steps h3{font-size:var(--text-l)}.steps p{max-width:48ch}.flow{margin:0;display:grid;gap:var(--space-3);justify-items:start}.flow svg{width:100%;max-width:19rem;height:auto}.flow-in{fill:var(--paper);stroke:var(--ink)}.flow-sunny{fill:var(--sunny)}.flow-octo{fill:var(--octo)}.flow-sea{fill:var(--seaweed)}.flow-sunny,.flow-octo,.flow-sea{stroke:var(--on-bright)}.flow rect{stroke-width:2.5}.flow .arrow,.flow .glyph *{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.flow .arrow{stroke:var(--ink)}.flow text{stroke:none}.flow .nt{font:600 15px / 1 var(--display)}.flow .ns{font:400 11.5px / 1 var(--body)}.on,.on text{fill:var(--on-bright)}.on .glyph *{stroke:var(--on-bright)}.in-ink text{fill:var(--ink)}.in-ink .glyph *{stroke:var(--ink)}.levels{display:grid;gap:var(--space-5)}.frame{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--paper);border:var(--line-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);margin:0}.frame h3{font-size:var(--text-l)}.frame figcaption{max-width:50ch}.frame img{max-width:100%;height:auto;display:block}.points{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.points li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}.points p{max-width:40ch}.ic{width:28px;height:28px;flex:none;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ic .f-sea{fill:var(--seaweed)}.ic .f-shal{fill:var(--shallows-deep)}.ic .f-octo{fill:var(--octo)}.ic .f-coral{fill:var(--coral)}.ic .pupil{fill:var(--on-bright);stroke:none}.wl{display:grid;gap:var(--space-5);align-items:start}.panel{background:var(--paper);border:var(--line-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.panel-body{padding:var(--space-4);display:grid;gap:var(--space-4)}.field{display:grid;gap:var(--space-1)}label{font-weight:700}.field input{font:400 var(--text-m) / 1.5 var(--body);width:100%;padding:var(--space-2) var(--space-3);background:var(--paper);color:var(--ink);border:var(--line-control);border-radius:var(--radius-control);scroll-margin-top:6rem}.hint{font-size:var(--text-s);color:var(--ink-soft);max-width:44ch}.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wl-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--line-control);border-color:var(--on-bright);border-radius:var(--radius-control);color:var(--on-bright);font-weight:700;max-width:40ch}.wl-status:empty{border:0;padding:0;background:none}.wl-status-ok{background:var(--seaweed)}.wl-status-bad{background:var(--coral)}.foot{display:grid;gap:var(--space-4);padding-top:var(--space-5);border-top:var(--line-control)}.foot h2{font-size:var(--text-xl)}.notice{display:grid;gap:var(--space-2)}.notice li{max-width:60ch}.foot-meta{display:grid;gap:var(--space-2);font-size:var(--text-s)}:focus-visible{outline:3px solid var(--sunny);outline-offset:2px;box-shadow:0 0 0 7px var(--ink)}.btn:focus-visible{box-shadow:var(--shadow-control),0 0 0 7px var(--ink)}.js .node{opacity:0;transform:translateY(10px);transition:opacity .3s ease-out,transform .3s ease-out;transition-delay:calc(var(--i) * 90ms)}.js .node-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.arms{animation:none}.js .node{opacity:1;transform:none;transition:none}}@media(forced-colors:active){.btn,.frame,.panel,input{outline:2px solid;outline-offset:0}:focus-visible{outline:3px solid Highlight;outline-offset:2px}}@media(min-width:48rem){.page{padding-inline:var(--space-6)}.how{grid-template-columns:1fr 20rem}.levels{grid-template-columns:1fr 1fr}.levels>:first-child{grid-column:1 / -1}.wl .panel{max-width:26rem}}