:root{--canvas:#efebe6;--panel:#faf8f5;--ink:#2a2522;--quiet:#625953;--pen:#3446b0;--flag:#9e2b3c;--on-pen:#faf8f5;--edge:color-mix(in srgb, var(--quiet) 30%, transparent);--wash:color-mix(in srgb, var(--pen) 12%, transparent);--hover:var(--panel);--scrim:color-mix(in srgb, var(--ink) 40%, transparent);--serif:"Literata", Georgia, serif;--sans:"Atkinson Hyperlegible Next", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#1a1714;--panel:#23201c;--ink:#ece6df;--quiet:#a89e95;--pen:#a3b0f0;--flag:#f0a3ac;--on-pen:#1a1714;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--canvas:#1a1714;--panel:#23201c;--ink:#ece6df;--quiet:#a89e95;--pen:#a3b0f0;--flag:#f0a3ac;--on-pen:#1a1714;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--canvas);color:var(--ink);font:16px/24px var(--sans);-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--pen);outline-offset:2px}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}a{color:inherit;text-underline-offset:3px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.skip-link{background:var(--panel);z-index:50;padding:8px 12px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.bar{flex-wrap:wrap;align-items:baseline;gap:16px;padding:14px 24px;display:flex}.wordmark{font-size:18px;font-weight:700;line-height:24px}.bar .ctx{color:var(--quiet);font-size:14px}.bar .spacer{flex:1}.text-btn{color:var(--ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--edge);text-decoration-color:var(--edge);text-underline-offset:4px;background:0 0;border:0;margin:-10px -4px;padding:10px 4px;font-size:15px}.text-btn:hover{text-decoration-color:currentColor}.text-btn:disabled{color:var(--quiet);cursor:default}.menu{position:relative}.menu-pop{background:var(--panel);border:1px solid var(--edge);z-index:20;border-radius:8px;min-width:220px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0}.menu-pop fieldset{border:0;margin:0;padding:0}.menu-pop legend{color:var(--quiet);margin-bottom:6px;padding:0;font-size:14px}.menu-pop label{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.menu-pop input{accent-color:var(--pen)}.menu-pop .who{color:var(--quiet);margin:12px 0 0;font-size:14px}.page{max-width:640px;margin:0 auto;padding:40px 24px 64px}.page h1{letter-spacing:-.01em;margin:0 0 20px;font-size:32px;font-weight:700;line-height:38px}.page h2{margin:36px 0 12px;font-size:20px;line-height:26px}.lead{margin:0 0 24px;font-size:18px;line-height:28px}.page p{max-width:60ch;margin:0 0 16px}.note{background:var(--panel);border-left:3px solid var(--ink);padding:10px 14px;font-size:15px;line-height:22px}.field{flex-direction:column;gap:6px;margin:24px 0 8px;display:flex}.field label{font-weight:700}.field input,textarea{background:var(--panel);border:1.5px solid var(--quiet);border-radius:4px;width:100%;max-width:360px;min-height:48px;padding:10px 12px}.field .hint,.hint{color:var(--quiet);font-size:14px;line-height:20px}.error{color:var(--flag)}.actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;display:flex}.btn{background:var(--pen);color:var(--on-pen);cursor:pointer;border:0;border-radius:8px;min-height:48px;padding:12px 22px;font-weight:700}.btn:disabled{opacity:.6;cursor:progress}.btn.second{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.stats{flex-wrap:wrap;gap:8px 32px;margin:32px 0 0;display:flex}.stats div{flex-direction:column-reverse;display:flex}.stats dt{color:var(--quiet);font-size:14px}.stats dd{margin:0;font-size:22px;font-weight:700;line-height:30px}.strip{flex-wrap:wrap;gap:10px 14px;margin:0 0 24px;padding:0;list-style:none;display:flex}.strip li{width:64px}.strip svg{width:64px;height:30px;display:block;overflow:visible}.strip path{fill:none;stroke:var(--pen);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.strip .skipped path{stroke:var(--quiet);stroke-dasharray:2 5;stroke-width:2px}.strip .fresh:not(.skipped) path{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:.4s ease-out .2s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.strip-empty{color:var(--quiet)}.title-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;padding:8px 24px 20px;display:flex}.title-head h1{letter-spacing:-.01em;margin:0;font-size:30px;font-weight:700;line-height:36px}.meta{color:var(--quiet);margin:4px 0 0;font-size:14px;line-height:20px}.steps ol{flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.steps button{color:var(--quiet);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:4px 0 6px}.steps .done button{color:var(--ink)}.steps .gap button{color:var(--flag)}.steps [aria-current=step] button{color:var(--ink);border-bottom-color:var(--pen);font-weight:700}.steps .short{margin:10px 0 0;font-size:15px;font-weight:700;display:none}.work{grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:start;display:grid}.ref{background:var(--panel);border-right:1px solid var(--edge);border-top:1px solid var(--edge);flex-direction:column;max-height:100dvh;display:flex;position:sticky;top:0}.tabs{gap:4px;padding:12px 24px 0;display:flex}.tab{cursor:pointer;color:var(--quiet);background:0 0;border:0;border-bottom:3px solid #0000;margin-right:18px;padding:6px 2px 8px;font-size:15px}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.tab-close{color:var(--quiet);cursor:pointer;background:0 0;border:0;margin-left:-18px;padding:6px 8px;font-size:18px;line-height:20px}.ref-body{flex:1;min-height:0;padding:16px 24px 28px;overflow:auto}.summary p{font-family:var(--serif);max-width:62ch;margin:0 0 16px;font-size:18px;line-height:30px}.summary .coverage{font-family:var(--sans);background:var(--canvas);border-left:3px solid var(--ink);margin:0 0 18px;padding:8px 12px;font-size:14px;line-height:20px}.summary .attrib{font-family:var(--sans);color:var(--quiet);margin-top:20px;font-size:14px;line-height:20px}.summary .attrib p{font-family:var(--sans);max-width:none;margin:0 0 6px;font-size:14px;line-height:20px}.summary .attrib ul{margin:0 0 6px;padding-left:18px}.summary .attrib li{margin:2px 0}.summary .attrib a{color:var(--ink)}.read-step{border-top:1px solid var(--edge);padding:8px 24px 64px}.read-step .summary{padding-top:20px}.help h2{margin:0 0 4px;font-size:20px;line-height:26px}.help .sub{color:var(--quiet);margin:0 0 16px;font-size:14px}.help .md h1,.help .md h2,.help .md h3,.help .md h4{margin:22px 0 6px;font-size:16px;line-height:24px}.help .md p{margin:0 0 10px}.help .md ul,.help .md ol{margin:0 0 10px;padding-left:22px}.help .md li{margin:4px 0}.help .md dt{margin-top:12px;font-weight:700}.help .md dd{margin:2px 0 0}.help .md table{border-collapse:collapse;width:100%;margin:6px 0 12px;font-size:15px;line-height:22px}.help .md th{text-align:left;color:var(--quiet);padding:4px 8px 4px 0;font-size:14px;font-weight:400}.help .md td{vertical-align:top;padding:6px 8px 6px 0}.help .md td:first-child{font-weight:700}.help .md code{font:inherit}.rules{background:var(--canvas);margin-top:26px;padding:14px 16px}.rules h3{margin:0 0 6px;font-size:16px}.rules ol{margin:0;padding-left:22px}.rules li{margin:4px 0}.help .foot{color:var(--quiet);margin-top:18px;font-size:14px}.help .foot a{color:var(--ink)}.sheet-close{display:none}.q{border-top:1px solid var(--edge);min-width:0;padding:20px 32px 48px}.q-section+.q-section{margin-top:40px}.qhead{justify-content:space-between;align-items:center;gap:10px;margin:0 0 6px;display:flex}.qhead .left{align-items:center;gap:10px;display:flex}.qhead h2{margin:0;font-size:22px;line-height:28px}.qmark{border:1.5px solid var(--quiet);cursor:pointer;background:0 0;border-radius:4px;flex:none;width:32px;height:32px;padding:0;font-size:16px;font-weight:700;position:relative}.qmark:after{content:"";position:absolute;inset:-6px}.qmark[aria-expanded=true]{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.question{max-width:54ch;margin:0 0 18px;font-size:17px;line-height:26px}.reread{display:none}.rowhead,.row{grid-template-columns:1fr 104px;align-items:center;column-gap:8px;display:grid}.rows.with-primary .rowhead,.rows.with-primary .row{grid-template-columns:1fr 72px 104px}.rowhead{color:var(--quiet);padding:0 10px 6px;font-size:14px}.rowhead span:nth-child(n+2){text-align:center}.row{border-left:3px solid #0000;padding:5px 10px}.row:hover,.row:focus-within{background:var(--hover)}.row.primary{border-left-color:var(--pen)}.row.missing .name:after{content:" (still to judge)";color:var(--flag);font-size:14px}.row .name{font-size:16px}.row.primary .name{font-weight:600}.radio{place-items:center;display:grid;position:relative}.radio input{appearance:none;border:2px solid var(--quiet);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:22px;height:22px;margin:0;display:grid}.radio input:before{content:"";background:var(--pen);border-radius:50%;width:10px;height:10px;transform:scale(0)}.radio input:checked{border-color:var(--pen)}.radio input:checked:before{transform:scale(1)}.radio:after{content:"";pointer-events:none;position:absolute;inset:-8px 0}.yn{border:1.5px solid var(--quiet);border-radius:4px;justify-self:center;display:inline-flex;overflow:hidden}.yn label{position:relative}.yn input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.yn span{text-align:center;width:44px;height:34px;font-weight:600;line-height:34px;display:block}.yn label+label span{border-left:1.5px solid var(--quiet)}.yn input:checked+span{background:var(--ink);color:var(--canvas)}.yn input:focus-visible+span{outline:2px solid var(--pen);outline-offset:-4px}.yn input:disabled{cursor:not-allowed}.yn input:disabled:not(:checked)+span{color:color-mix(in srgb, var(--quiet) 55%, transparent)}.status{margin:16px 0 0;font-size:15px;line-height:22px}.problem{color:var(--flag);margin-top:4px;display:block}.problems{border-left:3px solid var(--flag);background:var(--panel);margin:16px 0 0;padding:10px 14px;font-size:15px;line-height:22px}.problems ul{margin:4px 0 0;padding-left:20px}.problems p{margin:0}.keys{color:var(--quiet);margin-top:14px;font-size:14px}@media (pointer:coarse){.keys{display:none}}.options{border:0;min-width:0;margin:0;padding:0}.options legend{padding:0}.option{cursor:pointer;border-left:3px solid #0000;grid-template-columns:22px 1fr;align-items:start;gap:4px 12px;padding:8px 10px;display:grid}.option:hover,.option:focus-within{background:var(--hover)}.option.selected{border-left-color:var(--pen)}.option .radio{padding-top:1px}.option .lbl{font-size:16px}.option.selected .lbl{font-weight:600}.option .def{color:var(--quiet);grid-column:2;font-size:14px;line-height:20px}.notes-field{margin-top:32px}.notes-field label{margin-bottom:4px;font-weight:700;display:block}.notes-field textarea{resize:vertical;max-width:none;min-height:112px;line-height:22px}.counter{color:var(--quiet);text-align:right;margin-top:4px;font-size:14px}.arcwrap{background:var(--panel);margin:4px 0 6px;padding:12px 12px 4px}.arc{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:240px;display:block}.arc text{fill:var(--quiet);font:13px var(--sans)}.arc .guide{stroke:var(--edge);stroke-width:1px}.arc .zero{stroke:var(--quiet);stroke-opacity:.45;stroke-width:1px}.arc .line{fill:none;stroke:var(--pen);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.arc .line.untouched{stroke:var(--quiet);stroke-dasharray:2 7;stroke-width:2.5px}.arc .pt{fill:var(--panel);stroke:var(--pen);stroke-width:2.5px;outline:none}.arc .pt.active{fill:var(--pen)}.arc .pt.untouched{stroke:var(--quiet)}.arc .ring{fill:none;stroke:var(--pen);stroke-width:2px;opacity:0}.arc.focused .ring{opacity:1}.arc .prompt{fill:var(--ink);font-size:15px}.arcmeta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0 0;font-size:15px;display:flex}.reads{flex:260px;min-height:24px;margin:0}.reads .text-btn{margin-left:4px}details.typed{margin:8px 0 22px;font-size:15px}details.typed summary{cursor:pointer;color:var(--quiet);padding:6px 0}.typed-grid{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.typed-grid label{color:var(--quiet);text-align:center;flex-direction:column;gap:2px;font-size:12px;display:flex}.typed-grid input{text-align:center;border:1.5px solid var(--quiet);background:var(--panel);border-radius:4px;width:100%;min-height:40px;padding:6px 2px}.shapes{border:0;min-width:0;margin:18px 0 0;padding:0}.shapes legend{margin-bottom:10px;padding:0;font-size:17px;font-weight:700}.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.shape{display:block;position:relative}.shape input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.shape .box{border:1.5px solid var(--edge);background:var(--canvas);border-radius:4px;height:100%;padding:8px 10px 10px;display:block}.shape svg{width:100%;height:30px;display:block}.shape svg path{fill:none;stroke:var(--pen);stroke-width:2.5px;stroke-linecap:round}.shape .lbl{margin-top:6px;font-size:14px;line-height:19px;display:block}.shape .box{border-width:2px}.shape input:checked+.box{border-color:var(--pen);background:var(--wash)}.shape input:checked+.box .lbl{font-weight:700}.shape input:focus-visible+.box{outline:2px solid var(--pen);outline-offset:2px}.skip-panel{background:var(--panel);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:16px 24px 20px}.skip-panel h2{margin:0 0 4px;font-size:18px;line-height:24px}.skip-panel .sub{color:var(--quiet);margin:0 0 10px;font-size:15px}.scrim{background:var(--scrim);z-index:30;position:fixed;inset:0}.sheet{z-index:31;background:var(--panel);border-radius:16px 16px 0 0;flex-direction:column;height:85dvh;animation:.18s ease-out sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet .sheet-close{justify-content:flex-end;padding:8px 12px 0;display:flex}.sheet .sheet-close .text-btn{margin:0;padding:10px 12px}.sheet .ref-body{padding:0 16px 24px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.live{position:absolute}.center{min-height:60vh;color:var(--quiet);place-items:center;display:grid}@media (width<=819px){.bar{gap:12px;padding:12px 16px}.bar .ctx{font-size:13px}.page{padding:28px 16px 48px}.page h1{font-size:28px;line-height:34px}.title-head{padding:4px 16px 14px;display:block}.title-head h1{font-size:25px;line-height:30px}.steps ol{display:none}.steps .short,.work{display:block}.work>.ref{display:none}.q{padding:16px 16px 32px}.reread{font-size:14px;display:inline-block}.rowhead,.row{grid-template-columns:1fr 92px;column-gap:4px}.rows.with-primary .rowhead,.rows.with-primary .row{grid-template-columns:minmax(0,1fr) 60px 92px}.rowhead{padding-left:8px;padding-right:4px;font-size:13px}.row{padding:4px 4px 4px 8px}.row .name{font-size:15px;line-height:20px}.yn span{width:44px;height:40px;line-height:40px}.arc{height:200px}.arcwrap{margin-left:8px;margin-right:8px;padding:8px 4px 2px}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.typed-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.strip{gap:10px 12px}.strip li,.strip svg{width:52px}.skip-panel{padding:16px}.read-step{padding:4px 16px 48px}.summary p{font-size:17px;line-height:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.strip .fresh:not(.skipped) path{stroke-dasharray:none;stroke-dashoffset:0}}.alerts{padding:0 24px}.skip-panel .alerts{margin-top:12px;padding:0}.alerts .problems,.alerts .note{margin:0 0 12px}.alerts li .text-btn{margin:-10px 0;font-size:15px}.actions.tight{margin-top:12px}.flash{background:var(--panel);border-left:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 16px;padding:10px 16px;font-size:15px;line-height:22px;display:flex}.flash p{max-width:60ch;margin:0}body>#root>.flash{margin:8px 24px 0}@media (width<=819px){.alerts{padding:0 16px}body>#root>.flash{margin:8px 16px 0}}body.sheet-open{overflow:hidden}.summary .part-head{font:700 16px/24px var(--sans);margin:24px 0 8px}.summary .summary-part:first-of-type .part-head{margin-top:0}
