:root{color:#27231f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#27231f;--paper:#fffdf5;--paper-blue:#d8e5f2;--faint:#756e64;--purple:#7857c8;--purple-dark:#56369e;--yellow:#fff2a8;--pink:#ffc7cf;--green:#c8ebbf;--red:#a42f36;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;background:#e8e2d5;font-family:Comic Sans MS,Comic Sans,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:repeating-linear-gradient(0deg,#0000 0 31px,#415e7c17 32px),#e8e2d5;margin:0}button,textarea,select,input{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible+span{outline:3px dashed var(--purple-dark);outline-offset:3px}button{min-height:48px}.app-shell{width:min(920px,100% - 24px);margin:0 auto;padding-bottom:64px}.site-header{justify-content:flex-start;padding:22px 8px 14px;display:flex}.casual-note{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);flex-direction:column;gap:2px;padding:11px 16px 10px;display:inline-flex;transform:rotate(-1.4deg);box-shadow:4px 5px #27231f38}.casual-note strong{font-size:17px;font-weight:700}.casual-note small{color:#514b43;font-size:12px}main{gap:var(--space-5);display:grid}.intro-panel{gap:var(--space-5);background:var(--paper);border:3px solid var(--ink);border-radius:5px 12px 6px 9px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;padding:30px 32px;display:grid;transform:rotate(.15deg);box-shadow:7px 7px #27231f2e}.eyebrow,.card-kicker,.panel-heading>span{color:var(--purple-dark);letter-spacing:.04em;text-transform:lowercase;margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.045em;max-width:680px;margin-bottom:10px;font-size:clamp(34px,6vw,58px);line-height:.98}.intro-panel>div:first-child>p:last-child{max-width:62ch;margin-bottom:0;font-family:system-ui,sans-serif;font-size:16px;line-height:1.6}.review-checklist{gap:6px;margin:12px 0;padding-left:24px;font-family:system-ui,sans-serif;line-height:1.45;display:grid}.stage-lock{background:var(--pink);border:2px dashed var(--ink);padding:20px 16px 16px;position:relative;transform:rotate(2deg)}.stage-lock.unlocked{background:var(--green);transform:rotate(-1deg)}.stage-lock>span{background:var(--paper);border:2px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:10px;font-family:ui-monospace,monospace;font-weight:900;display:grid}.stage-lock p{margin:0;font-size:14px;line-height:1.45}.progress-wrap{padding:0 6px}.progress-copy{justify-content:space-between;margin-bottom:7px;font-family:ui-monospace,monospace;font-size:12px;font-weight:800;display:flex}.progress-track{background:var(--paper);border:2px solid var(--ink);border-radius:2px;height:13px;overflow:hidden}.progress-track>span{background:repeating-linear-gradient(-45deg, var(--purple) 0, var(--purple) 7px, var(--purple-dark) 7px, var(--purple-dark) 10px);height:100%;transition:width .18s;display:block}.review-card{background:linear-gradient(90deg, transparent 41px, #c13b4329 42px, transparent 43px), repeating-linear-gradient(0deg, transparent 0, transparent 31px, #3a67941a 32px), var(--paper);border:3px solid var(--ink);border-radius:8px 4px 11px 5px;padding:clamp(22px,5vw,42px);box-shadow:8px 9px #27231f33}.review-card>h2{max-width:760px;margin-bottom:34px;font-size:clamp(26px,4vw,39px);line-height:1.12}.card-kicker{color:var(--ink);background:var(--yellow);border:1px solid var(--ink);padding:4px 8px;display:inline-block;transform:rotate(-.8deg)}fieldset{min-width:0}.field-group{border:0;margin:0 0 30px;padding:0}.field-group legend{margin-bottom:12px;font-size:16px;font-weight:800}.option-grid,.binary-grid,.check-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.binary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice,.check-choice{cursor:pointer;border:2px solid var(--ink);background:#fffdf5e6;border-radius:3px 8px 4px 6px;align-items:center;min-height:54px;padding:12px 14px;transition:transform .12s,box-shadow .12s,background .12s;display:flex;position:relative;box-shadow:2px 3px #27231f1f}.choice:nth-child(2n),.check-choice:nth-child(2n){transform:rotate(.25deg)}.choice:hover,.check-choice:hover{transform:translate(-1px,-1px);box-shadow:4px 5px #27231f2e}.choice.selected{background:var(--yellow);box-shadow:4px 5px 0 var(--purple)}.check-choice:has(input:checked){background:var(--yellow);box-shadow:4px 5px 0 var(--purple)}.choice input,.check-choice input{opacity:0;width:1px;height:1px;position:absolute}.choice>span{flex-direction:column;gap:2px;font-weight:700;display:flex}.choice small{color:var(--faint);font-family:system-ui,sans-serif;font-size:12px;font-weight:500}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-choice{min-height:48px}.text-field,.select-field{gap:8px;margin-top:22px;display:grid}.text-field>span,.select-field>span{font-size:15px;font-weight:800}.text-field small{color:var(--faint);font-weight:500}textarea,select{width:100%;color:var(--ink);border:2px solid var(--ink);background:#fffdf5f5;border-radius:4px 7px 3px 6px}textarea{resize:vertical;min-height:100px;padding:13px;font-family:system-ui,sans-serif;line-height:1.5}select{min-height:48px;padding:0 12px}.save-line{min-height:24px;color:var(--faint);align-items:center;gap:8px;margin-top:18px;font-family:ui-monospace,monospace;font-size:12px;font-weight:700;display:flex}.save-dot{border:1px solid var(--ink);background:#a39d92;border-radius:50%;width:10px;height:10px}.save-dot.saving{background:var(--yellow)}.save-dot.saved{background:var(--green)}.save-dot.error{background:var(--pink)}.error-message{color:var(--red);border:2px dashed var(--red);background:#fff3f3;margin:10px 0 0;padding:10px 12px}.card-actions{justify-content:space-between;gap:var(--space-3);border-top:2px dashed #aaa298;margin-top:28px;padding-top:22px;display:flex}.primary-button,.secondary-button{color:var(--ink);cursor:pointer;border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);border-radius:4px 8px 3px 6px;padding:0 20px;font-weight:900;transition:transform .1s,box-shadow .1s}.primary-button{color:#fff;background:var(--purple)}.secondary-button{background:var(--paper)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){box-shadow:2px 3px 0 var(--ink);transform:translate(2px,2px)}.primary-button:disabled,.secondary-button:disabled{color:#817b73;cursor:not-allowed;background:#d8d3ca;box-shadow:2px 2px #8e887f}.secondary-button.compact{min-height:42px}.expiry-note{color:var(--faint);text-align:center;margin:0;font-family:ui-monospace,monospace;font-size:11px}.passage-card{gap:28px;display:grid}.passage-card>h2{margin-bottom:0}.passage-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.language-panel{border:2px solid var(--ink);background:#fffdf5eb;padding:18px;transform:rotate(-.3deg)}.language-panel.counterfactual{background:#f4efff;transform:rotate(.4deg)}.panel-heading h3{margin-bottom:12px;font-size:19px}.panel-heading p{color:var(--faint);margin:-4px 0 14px;font-family:system-ui,sans-serif;font-size:13px;line-height:1.45}.language-panel ol{gap:9px;margin:0;padding-left:28px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:18px;line-height:1.55;display:grid}.language-panel li.changed{background:var(--yellow);outline:2px dashed var(--purple-dark);padding:5px 8px}.language-panel li small{color:var(--purple-dark);font-family:ui-monospace,monospace;font-size:11px;display:block}.language-panel li .intended-meaning{color:var(--faint);margin-top:2px;font-family:system-ui,sans-serif;font-size:12px;line-height:1.4}.language-panel li .changed-label{margin-top:5px}.answer-review,.corrections-section{border-top:2px dashed #9f988f;padding-top:24px}.section-heading{margin-bottom:18px}.section-heading h3{margin-bottom:0;font-size:24px}.answer-card{border:2px solid var(--ink);background:#fffdf5eb;border-radius:3px 7px 2px 6px;margin-bottom:16px;padding:18px}.answer-card h4{margin-bottom:14px;font-size:18px}.answer-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer-pair p{background:var(--yellow);border:1px dashed var(--ink);gap:2px;margin:0;padding:10px;display:grid}.answer-pair span{font-family:ui-monospace,monospace;font-size:11px}.explanation{color:#4e4942;margin:14px 0 0;font-family:system-ui,sans-serif;line-height:1.55}.overall-field{border-top:2px dashed #9f988f;margin:0;padding-top:24px}.corrections-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.empty-note{color:var(--faint);border:1px dashed var(--ink);background:#fffdf5b3;margin:0;padding:14px}.correction-card{border:2px solid var(--ink);background:#fff5d1;margin-top:16px;padding:18px;transform:rotate(-.15deg)}.correction-number{justify-content:space-between;align-items:center;display:flex}.correction-number button{min-height:40px;color:var(--red);cursor:pointer;background:0 0;border:0;text-decoration:underline}.correction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.completion-panel,.centered-state{text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:6px 12px 4px 9px;width:min(680px,100% - 24px);margin:12vh auto 0;padding:clamp(28px,7vw,54px);transform:rotate(-.35deg);box-shadow:8px 9px #27231f33}.completion-panel h1,.centered-state h1{margin-left:auto;margin-right:auto}.completion-panel p,.centered-state p{font-family:system-ui,sans-serif;line-height:1.6}.completion-panel dl{justify-content:center;margin-top:24px;display:flex}.completion-panel dl div{background:var(--yellow);border:1px dashed var(--ink);padding:10px 18px}.completion-panel dt{color:var(--faint);font-size:12px}.completion-panel dd{margin:2px 0 0;font-weight:800}.completion-mark{border-bottom:8px solid var(--purple);border-left:8px solid var(--purple);width:76px;height:34px;margin:0 auto 18px;display:block;transform:rotate(-45deg)}.loading-thread{border:4px dashed var(--purple);border-radius:50%;width:46px;height:46px;margin:0 auto 18px;animation:.9s steps(4,end) infinite wobble;display:block}@keyframes wobble{to{transform:rotate(360deg)}}@media (max-width:720px){.app-shell{width:min(100% - 16px,920px)}.site-header{padding:14px 4px 10px}.intro-panel{grid-template-columns:1fr;padding:24px 20px}.stage-lock{width:min(100%,270px)}.review-card{background:repeating-linear-gradient(0deg, transparent 0, transparent 31px, #3a67941a 32px), var(--paper);padding:22px 18px}.option-grid,.binary-grid,.check-grid,.passage-grid,.answer-pair,.correction-grid{grid-template-columns:1fr}.corrections-heading{flex-direction:column;align-items:flex-start}.card-actions{flex-direction:column-reverse;align-items:stretch}.card-actions button{width:100%}}@media (max-width:380px){h1{font-size:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}