:root{--ink:#eceff4;--muted:#eceff4ad;--primary:#c85c3f;--secondary:#d0a13a;--accent:#2f9298;--bg:#0d0f13;--soft:#171a20;--panel:#1d2129;--panel-strong:#252a34;--line:#bac4d63d;--line-strong:#bac4d661}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100vh;color:var(--ink);background:var(--bg);margin:0;font:17px/1.62 Merriweather,Georgia,serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--primary);color:#111318;background:var(--primary);cursor:pointer;border-radius:7px;padding:10px 16px;font-weight:750;transition:all .18s}button:hover:not(:disabled){border-color:var(--secondary);background:var(--secondary);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}.onboarding-screen{padding:52px 20px 72px}.welcome-screen{place-items:center;min-height:calc(100vh - 124px);display:grid}.welcome-content{text-align:center;width:min(720px,100%)}.ats-mark.welcome-mark{width:112px;height:112px;margin-bottom:24px}.eyebrow{color:var(--primary);letter-spacing:.08em;margin-bottom:14px;font-size:13px;font-weight:800;display:block}.welcome-content h1{max-width:17ch;margin:0 auto 22px}.welcome-message{max-width:60ch;margin:0 auto 30px;font-size:18px;line-height:1.75}.welcome-content .independence-note{margin:22px 0 0}.guide{width:min(760px,100%);margin:0 auto}.guide-header{border-bottom:1px solid var(--line-strong);padding-bottom:28px}.ats-mark.guide-mark{width:76px;height:76px;margin-bottom:20px}.guide-header h1{margin:0 0 14px}.guide-meta{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.guide-meta a,.completion-content a{color:var(--accent)}.guide-nav,.practice-nav{border-bottom:1px solid var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:36px;padding-bottom:12px;display:flex}.guide-nav>span,.practice-nav>span{color:var(--muted);font-size:14px}.guide-nav>div,.practice-nav>div{flex-wrap:wrap;gap:2px 18px;display:flex}.guide-nav button,.practice-nav button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:2px 0;font-size:14px;font-weight:400}.guide-nav button:hover:not(:disabled),.practice-nav button:hover:not(:disabled){color:var(--ink);background:0 0;transform:none}.guide-nav button.is-current,.practice-nav button.is-current{color:var(--ink);border-bottom-color:var(--primary)}.guide-page,.practice-page{animation:.3s cubic-bezier(.22,1,.36,1) enter}.practice-nav{border-bottom-color:var(--line);margin:26px 0 4px}.guide-section{margin-top:44px}.guide h2{margin:0 0 14px;font-size:26px}.guide-section>p,.guide-page>p{max-width:70ch}.guide-step-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:38px;padding-top:18px;display:flex}.begin-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.participant-code{border:1px solid var(--line);width:max-content;max-width:100%;color:var(--muted);background:var(--soft);border-radius:6px;margin:18px auto 0;padding:6px 10px;font-size:13px}.completion-screen{text-align:center;background:var(--bg);place-items:center;min-height:100vh;padding:42px 22px;display:grid;position:relative;overflow:hidden}.completion-content{z-index:2;width:min(680px,100%);position:relative}.confetti{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{top:-12vh;left:var(--confetti-left);background:var(--confetti-color);width:9px;height:16px;animation:confetti-fall var(--confetti-duration) cubic-bezier(.2, .65, .35, 1) var(--confetti-delay) both;border-radius:2px;position:absolute}.confetti i.round{border-radius:50%;width:10px;height:10px}.completion-mark{width:84px;height:84px;margin-bottom:22px}.completion-content h1{margin:8px 0 20px;font-size:clamp(32px,5vw,44px);line-height:1.15}.completion-content>p{max-width:58ch;margin:0 auto 15px;font-size:18px;line-height:1.75}.completion-content .completion-note{color:var(--muted);font-size:14px}.completion-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:29px;display:flex}.ats-mark{object-fit:cover;object-position:center;border:1px solid #ffffff38;border-radius:50%;flex:none;width:82px;height:82px}.ats-mark-small{width:48px;height:48px}.independence-note{color:var(--muted);font-size:13px}h1{letter-spacing:-.035em;margin:5px 0 24px;font-size:clamp(32px,4vw,46px);line-height:1.1}h2{margin:0 0 10px;font-size:24px;line-height:1.25}h3{margin:10px 0 6px;font-size:19px}p,li{color:var(--muted)}b,strong{color:var(--ink)}.panel,details{border:1px solid var(--line);background:var(--panel);border-radius:8px}.panel{padding:24px}.exercise{margin:18px 0;padding:26px}.exercise h3{margin-top:0}.annotated-example{border-top:3px solid var(--secondary);margin:18px 0;padding:28px}.example-lead{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.example-lead p{max-width:58ch}.replay-annotations{border-color:var(--line-strong);color:var(--muted);background:0 0;flex:none;margin-bottom:16px;padding:6px 9px;font-size:13px;font-weight:700}.replay-annotations:hover:not(:disabled){color:var(--ink);background:var(--panel);transform:none}.example-paragraph{margin:22px 0 14px;padding:20px 22px;font-size:19px;line-height:1.85}.example-paragraph mark{--annotation-fill:#fb923c17;--annotation-line:var(--primary);color:var(--ink);border-color:var(--annotation-line);background:var(--annotation-fill);border-bottom:3px solid}.example-paragraph .actor-mark{--annotation-fill:#66e7e914;--annotation-line:var(--accent)}.example-paragraph .move-mark{--annotation-fill:#fb923c17;--annotation-line:var(--primary)}.example-paragraph .resource-mark{--annotation-fill:#e6b44617;--annotation-line:var(--secondary)}.example-paragraph .effect-mark{--annotation-fill:#c4a7e717;--annotation-line:#c4a7e7}.actor-key i{border-color:var(--accent);background:#66e7e914}.move-key i{border-color:var(--primary);background:#fb923c17}.resource-key i{border-color:var(--secondary);background:#e6b44617}.effect-key i{background:#c4a7e717;border-color:#c4a7e7}.play-annotations .example-paragraph mark{animation:.52s cubic-bezier(.22,1,.36,1) both annotate-mark}.play-annotations .example-paragraph .actor-mark{animation-delay:.18s}.play-annotations .example-paragraph .move-mark{animation-delay:.68s}.play-annotations .example-paragraph .resource-mark{animation-delay:1.18s}.play-annotations .example-paragraph .effect-mark{animation-delay:1.68s}.play-annotations .annotation-key span,.play-annotations .example-form label,.play-annotations .evidence-example{animation:.42s both reveal-annotation}.play-annotations .annotation-key span:first-child{animation-delay:.46s}.play-annotations .annotation-key span:nth-child(2){animation-delay:.96s}.play-annotations .annotation-key span:nth-child(3){animation-delay:1.46s}.play-annotations .annotation-key span:nth-child(4){animation-delay:1.96s}.play-annotations .example-form label:first-child{animation-delay:2.2s}.play-annotations .example-form label:nth-child(2){animation-delay:2.34s}.play-annotations .example-form label:nth-child(3){animation-delay:2.48s}.play-annotations .example-form label:nth-child(4){animation-delay:2.62s}.play-annotations .evidence-example{animation-delay:2.78s}.annotation-key{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;margin-bottom:22px;display:grid}.annotation-key span{color:var(--muted);grid-template-columns:11px 1fr;gap:0 8px;font-size:13px;line-height:1.35;display:grid}.annotation-key i{border:1px solid;border-radius:2px;grid-row:1/3;width:11px;height:11px;margin-top:3px}.annotation-key b{font-size:14px}.example-form{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-top:22px;display:grid}.example-form label{color:var(--muted);gap:6px;font-size:15px;font-weight:700;display:grid}.example-form select:disabled{color:var(--ink);border-color:var(--line-strong);opacity:1}.example-form small{color:var(--muted);font-size:13px;font-weight:400}.evidence-example{border-left:3px solid var(--primary);background:var(--soft);gap:5px;margin-top:18px;padding:16px 18px;display:grid}.evidence-example q{color:var(--ink);font-size:15px}.evidence-example span{color:var(--muted);font-size:13px}.field-map{grid-template-columns:150px 1fr;gap:9px 16px;margin:16px 0;display:grid}.field-map h3{grid-column:1/-1;margin:0 0 4px}.field-map div{display:contents}.field-map span{color:var(--muted)}details{margin:14px 0;overflow:hidden}summary{color:var(--secondary);cursor:pointer;padding:14px 17px;font-weight:750}details[open] summary{border-bottom:1px solid var(--line)}.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;display:grid}.definition-pill{--move-color:var(--primary);border:1px solid color-mix(in srgb, var(--move-color) 72%, white);background:var(--move-color);border-radius:6px;gap:4px;padding:16px 18px;display:grid}.definition-pill b{color:#fff;font-size:15px}.definition-pill span{color:#ffffffdb;font-size:14px}.boundaries ul{padding:4px 22px 16px;list-style:none}.boundaries li{border-left:3px solid var(--move-color,var(--line));border-radius:2px;margin:11px 0;padding-left:11px}.boundaries li b{color:color-mix(in srgb, var(--move-color,var(--ink)) 55%, white)}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.reference-grid>div{border:1px solid var(--line);background:var(--soft);border-radius:6px;gap:4px;padding:13px 14px;display:grid}.reference-grid b{color:var(--secondary);font-size:14px}.reference-grid span{color:var(--muted);font-size:13px;line-height:1.55}.ghost-button{color:var(--muted);border-color:var(--line-strong);background:#252a34b8}blockquote{border-left:3px solid var(--primary);color:var(--ink);background:#0d0f1359;border-radius:0 12px 12px 0;margin:15px 0;padding:14px 16px}.exercise-options{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.exercise-options button{color:var(--ink);border-color:var(--line-strong);background:var(--soft);padding:9px 12px;font-size:15px}.exercise-options button.selected{border-color:var(--primary);background:#fb923c21}.exercise-options button.correct{color:var(--accent);border-color:var(--accent);opacity:1;background:#66e7e91a}.exercise-options button.incorrect{color:#fda4af;opacity:1;background:#fb718517;border-color:#fb7185}.feedback{border:1px solid var(--line);background:var(--soft);border-radius:6px;margin-top:14px;padding:16px}.correct-feedback{border-color:#66e7e961}.incorrect-feedback{border-color:#fb71855c}.feedback-label{color:var(--accent);text-transform:uppercase;border-bottom:2px solid;padding-bottom:3px;font-size:13px;font-weight:800;display:inline-flex}.incorrect-feedback .feedback-label{color:#fda4af;background:#fb718517}.status-note{color:var(--muted);font-size:14px}.acknowledgements{gap:9px;margin:17px 0;display:grid}.acknowledgements label{border:1px solid var(--line);background:var(--panel);border-radius:6px;align-items:flex-start;gap:10px;padding:13px 15px;display:flex}.acknowledgements label:has(input:checked){border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.acknowledgements input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 18px;margin:3px 0 0;padding:0}.app-header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#0d0f13e8;justify-content:space-between;align-items:center;gap:16px;padding:13px 20px;display:flex;position:sticky;top:0}.app-title{font-size:20px;font-weight:800}.app-identity{align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-size:14px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.app-main{grid-template-columns:300px 1fr;min-height:calc(100vh - 69px);display:grid}.sidebar{border-right:1px solid var(--line);background:#171a20e0;align-self:start;max-height:calc(100vh - 69px);padding:17px;position:sticky;top:69px;overflow-y:auto}.progress-copy{color:var(--muted);justify-content:space-between;gap:8px;font-size:14px;display:flex}progress{width:100%;accent-color:var(--accent);margin:8px 0 14px}.reminder{border:1px solid var(--line);border-left:3px solid var(--primary);background:var(--panel);border-radius:4px;gap:4px;margin-bottom:14px;padding:14px;display:grid}.reminder span{color:var(--muted);font-size:14px}.rule-list{padding:8px 12px 12px}.rule-list p{gap:2px;margin:7px 0;display:grid}.rule-list .move-rule{border-left:3px solid var(--move-color,var(--line));border-radius:2px;padding-left:9px}.rule-list b{font-size:14px}.rule-list span{color:var(--muted);font-size:13px}.field-rules h3{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;margin:13px 0 6px;font-size:12px}#navigator{gap:12px;padding:9px;display:grid}.navigator-section,.navigator-list{gap:5px;display:grid}.navigator-current{z-index:2;border-bottom:1px solid var(--line);background:#171a20f7;padding:9px 0;position:sticky;top:-9px}.navigator-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:800}.navigator-remaining p,.navigator-completed p{color:var(--muted);margin:2px 0;font-size:13px}.navigator-completed{border-color:var(--line);background:0 0;margin:0}.navigator-completed summary{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 11px;font-size:13px;display:flex}.navigator-completed summary b{min-width:24px;height:24px;color:var(--ink);background:var(--panel-strong);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;display:grid}.navigator-completed .navigator-list{padding:8px}#navigator button{width:100%;color:var(--ink);border-color:var(--line);background:var(--panel);text-align:left;border-radius:5px;justify-content:space-between;gap:8px;display:flex}#navigator button.current{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--panel))}#navigator small{color:var(--muted)}#navigator small.done{color:var(--accent)}.editor{padding:30px}.context-drawer,.coding-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(960px,100%);margin:0 auto 16px;box-shadow:0 14px 34px #0000002e}.context-drawer>div{max-height:50vh;overflow:auto}.context-drawer p{border-top:1px solid var(--line);margin:0;padding:10px 14px}.context-drawer p.active-context{background:#66e7e912}.coding-card{padding:25px}.paragraph-meta{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.coding-card h2{margin-top:15px}.selection-hint{border-left:3px solid var(--accent);max-width:72ch;color:var(--muted);background:color-mix(in srgb, var(--accent) 7%, transparent);margin:14px 0 0;padding:10px 13px;font-size:14px}.selection-hint b{color:var(--ink)}.paragraph-text{cursor:text;max-width:78ch;margin:16px 0 28px;font-size:19px;line-height:1.72}.paragraph-text:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:7px}.evidence-highlight{color:inherit;box-decoration-break:clone;border-radius:3px;padding:.05em .03em}.evidence-highlight.is-primary{border-bottom:2px solid var(--primary-highlight);background:color-mix(in srgb, var(--primary-highlight) 34%, transparent)}.evidence-highlight.is-secondary{box-shadow:inset 0 -3px 0 var(--secondary-highlight);background:color-mix(in srgb, var(--secondary-highlight) 21%, transparent)}.evidence-highlight.is-primary.is-secondary{border-bottom-color:var(--primary-highlight);background:color-mix(in srgb, var(--primary-highlight) 29%, transparent);box-shadow:inset 0 -3px 0 var(--secondary-highlight)}.selection-toolbar{z-index:40;border:1px solid var(--line-strong);background:#252a34;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;max-width:calc(100vw - 24px);padding:8px;display:flex;position:fixed;box-shadow:0 14px 34px #0000006b}.selection-toolbar[hidden]{display:none}.selection-toolbar>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:0 5px;font-size:12px;font-weight:800}.selection-toolbar select{width:min(210px,32vw);padding:8px 10px;font-size:14px}.selection-toolbar button{padding:8px 10px;font-size:14px}#coding-form{gap:17px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}#coding-form label{color:var(--muted);gap:6px;font-size:15px;font-weight:700;display:grid}#coding-form label em{color:#fdba74;font-style:normal}#coding-form label span{color:var(--muted);font-weight:500}.evidence-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.evidence-field{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, var(--soft));border-radius:6px;align-content:start;gap:7px;padding:14px;display:grid}.evidence-state{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.evidence-state button{width:auto;padding:5px 8px;font-size:12px}.evidence-state .evidence-error{color:#f2a08f}input,select,textarea{width:100%;color:var(--ink);border:1px solid var(--line-strong);background:var(--soft);border-radius:5px;padding:11px 12px}textarea{resize:vertical;min-height:82px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid #66e7e957}option{color:var(--ink);background:var(--soft)}.optional-fields summary{padding:10px 13px}.optional-fields .form-grid{padding:13px}.editor-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:17px;display:flex}.editor-actions>div{flex-wrap:wrap;gap:7px;display:flex}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-8vh)rotate(0)}12%{opacity:1}to{opacity:.85;transform:translate3d(var(--confetti-drift), 120vh, 0) rotate(620deg)}}@keyframes annotate-mark{0%{background-color:#0000;border-color:#0000}to{border-color:var(--annotation-line);background-color:var(--annotation-fill)}}@keyframes reveal-annotation{0%{opacity:.18;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.guide-page,.practice-page,.play-annotations .example-paragraph mark,.play-annotations .annotation-key span,.play-annotations .example-form label,.play-annotations .evidence-example{animation:none}}@media (max-width:850px){.ats-mark{width:68px;height:68px}.ats-mark.welcome-mark{width:96px;height:96px}.ats-mark-small{width:46px;height:46px}.definition-grid,.reference-grid,.form-grid,.evidence-fields,.example-form,.annotation-key{grid-template-columns:1fr}.example-lead{display:block}.app-header{flex-direction:column;align-items:flex-start}.app-main{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:none;position:static;overflow:visible}.navigator-current{position:static}.editor{padding:17px}.begin-row{flex-direction:column;align-items:stretch}}