:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#ebe8e0)var(--lightningcss-dark,#131316);--ink:var(--lightningcss-light,#191919)var(--lightningcss-dark,#e9e7e2);--paper:var(--lightningcss-light,#faf8f3)var(--lightningcss-dark,#1d1d22);--accent:var(--lightningcss-light,#1b2acc)var(--lightningcss-dark,#9ba2ff);--accent-hover:var(--lightningcss-light,#101a80)var(--lightningcss-dark,#c6caff);--accent-ink:var(--lightningcss-light,#faf8f3)var(--lightningcss-dark,#10102a);--border:3px solid var(--ink)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);max-width:42rem;color:var(--ink);margin:0 auto;padding:1rem 1rem 3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.6}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{color:var(--accent-hover);text-decoration-thickness:4px}a,button,.menu li{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,text-decoration-thickness .15s,translate 60ms}@media (prefers-reduced-motion:reduce){a,button,.menu li{transition:none}}input,button{font:inherit;appearance:none;border-radius:0}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.5rem;font-size:.875rem;display:flex}.topbar button{border:2px solid var(--ink);background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;margin-inline-start:auto;padding:.2em .75em;font-size:.8125rem;font-weight:700}.topbar button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.topbar button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.topbar button[aria-pressed=true]:hover{background:var(--accent-hover);color:var(--accent-ink)}header{margin-block-end:1.5rem}h1{border:var(--border);letter-spacing:-.02em;text-transform:uppercase;background:var(--paper);box-shadow:6px 6px 0 var(--ink);margin:0 0 1rem;padding:.5rem .75rem;font-size:clamp(1.5rem,5.5vw,2.25rem);line-height:1.15;display:inline-block}.no-caps{text-transform:none}.lede{max-width:36rem;margin:0}.menu{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.menu li{border:var(--border);background:var(--paper);box-shadow:6px 6px 0 var(--ink);padding:1rem 3.5rem 1rem 1.25rem;position:relative}.menu a{text-transform:uppercase;letter-spacing:.02em;font-size:1.375rem;font-weight:700}.menu a:before{content:"";position:absolute;inset:0}.menu li:after{content:"→";content:"→" / "";color:var(--accent);font-size:1.375rem;font-weight:700;position:absolute;inset-block-start:.875rem;inset-inline-end:1.25rem}.menu li:hover,.menu li:focus-within{border-color:var(--accent-hover);box-shadow:6px 6px 0 var(--accent-hover)}.menu li:hover:after,.menu li:focus-within:after{color:var(--accent-hover)}.menu li:active{box-shadow:2px 2px 0 var(--accent-hover);translate:4px 4px}.menu p{margin:.25rem 0 0}form{z-index:1;background:var(--paper);border:var(--border);box-shadow:6px 6px 0 var(--ink);flex-flow:wrap;align-items:center;gap:.5rem .75rem;margin-block:1.5rem 1rem;padding:.75rem;display:flex;position:sticky;top:.75rem}label{text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:700}input{border:var(--border);background:var(--bg);min-width:0;color:var(--ink);caret-color:var(--accent);flex:10rem;padding:.4em .6em}form button{border:var(--border);background:var(--ink);color:var(--bg);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:.4em 1.25em;font-weight:700}form button:hover,form button:focus-visible{background:var(--accent-hover);color:var(--accent-ink);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}form button:disabled{opacity:.5;cursor:not-allowed;translate:none}.feedback{min-height:1.6em;margin-block:1rem;font-weight:700}.feedback:not(:empty){border-left:6px solid var(--accent);padding-left:.6em}.feedback p{margin:0}.score p{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-block:0 .5rem;display:flex}.score b{font-size:1.25em}.score-remain{margin-inline-start:auto}progress{border:var(--border);background:var(--paper);appearance:none;width:100%;height:1.25rem;display:block}progress::-webkit-progress-bar{background:var(--paper)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}h2{text-transform:uppercase;letter-spacing:.08em;border-block-end:var(--border);margin-block:2rem .75rem;padding-block-end:.25rem;font-size:.9375rem}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips:empty{display:none}.chips li{border:2px solid var(--ink);background:var(--paper);padding:.125em .6em}.chips-role li:before{content:"role=\"";content:"role=\"" / "";color:var(--accent)}.chips-role li:after{content:"\"";content:"\"" / "";color:var(--accent)}.chips-attr li:after{content:"=\"\"";content:"=\"\"" / "";color:var(--accent)}footer{border-block-start:var(--border);margin-block-start:3rem;padding-block-start:.5rem}