:root{--ink:#1b1b1b;--cream:#fffaf0;--white:#fff;--sky:#5b5fd6;--dusk:#3a2a7a;--pink:#ff5fa2;--pink-hover:#ff74b0;--pink-soft:#ffb0d2;--pink-pale:#ffd1e5;--pink-wash:#ffe1ec;--pink-error:#fff0f5;--berry:#b0124f;--orange:#ff9a6b;--peach:#ffe0cc;--lilac:#e6e0ff;--grass:#3f9b4a;--leaf:#dff3d4;--leaf-wash:#e3f6da;--mint:#c9f0c2;--butter:#fff1b8;--sand:#d9cfc0;--muted:#5a554f;--soft-ink:#3d3833;--display:var(--font-display), system-ui, sans-serif;--bar-top:#526bc6;--bar-bottom:#5f9f4f;--card-top:calc(88px + env(safe-area-inset-top));--card-bottom:calc(40px + env(safe-area-inset-bottom));--card-max-height:calc(100svh - var(--card-top) - var(--card-bottom))}*{box-sizing:border-box}body{background:var(--sky);font-family:var(--font-body), system-ui, sans-serif;color:var(--ink);margin:0;font-size:17px;line-height:1.55}h1,h2{font-family:var(--display);margin:0;font-weight:400;line-height:1.05}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--berry)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[tabindex="-1"]:focus{outline:none}.card{border:3px solid var(--ink);background:var(--cream);box-shadow:-6px 6px 0 var(--ink);border-radius:22px}.page-title{font-family:var(--display);text-shadow:-.07em .07em 0 var(--pink-soft);text-wrap:balance;font-size:clamp(32px,8vw,44px);line-height:1.05}.button{border:3px solid var(--ink);background:var(--pink);min-height:56px;box-shadow:-5px 5px 0 var(--ink);font-family:var(--display);letter-spacing:.3px;color:var(--ink);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px 30px;font-size:21px;text-decoration:none;transition:transform 90ms,box-shadow 90ms,background 90ms;display:inline-flex}.button:hover{box-shadow:-7px 7px 0 var(--ink);background:var(--pink-hover);color:var(--ink);transform:translate(2px,-2px)}.button:active{box-shadow:0 0 0 var(--ink);transform:translate(-5px,5px)}.button:disabled{box-shadow:-5px 5px 0 var(--ink);background:var(--pink-soft);cursor:wait;transform:none}mark{--marker:var(--butter);--marker-angle:100deg;--marker-height:62%;--marker-drop:85%;background:linear-gradient(var(--marker-angle), transparent .2em, var(--marker) .3em, var(--marker) calc(100% - .3em), transparent calc(100% - .2em)) 0 var(--marker-drop) / 100% var(--marker-height) no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:inherit;border-radius:.4em .25em .5em .3em;margin:0 -.05em;padding:0 .15em;font-weight:700}mark[data-tone="1"]{--marker:var(--pink-pale);--marker-angle:76deg;--marker-height:56%;--marker-drop:95%;border-radius:.25em .5em .3em .45em}mark[data-tone="2"]{--marker:var(--mint);--marker-angle:108deg;--marker-height:66%;--marker-drop:70%;border-radius:.5em .3em .4em .25em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}