:root{color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;--color-canvas:#fff9ed;--color-ink:#243447;--color-primary:#2d6a66;--color-accent:#f4a261;--color-success:#2f7d4a;--color-warning:#8a4b08;--focus-ring:#1d4ed8;--paper:var(--color-canvas);--ink:var(--color-ink);--muted-ink:#465568;--warm:var(--color-primary);--warm-dark:#20504d;--sun:var(--color-accent);--line:#d6ded8;--card:#fff;--soft-primary:#e6f1ef;--soft-accent:#fff0de;--soft-success:#e5f2e9;--soft-warning:#fff1d6;font-family:Nunito,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--color-ink);background:var(--color-canvas);margin:0;font-size:1.125rem;line-height:1.65}button,input,textarea,a{font:inherit}button{cursor:pointer;min-height:48px}button:disabled{cursor:not-allowed}h1,h2,h3,h4,h5,p,ul,ol,fieldset{margin-top:0}h1,h2,h3,h4,h5{line-height:1.3}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.8rem,5vw,2.75rem)}h2{margin-bottom:.75rem;font-size:clamp(1.45rem,4vw,2rem)}p,li,dd{max-width:70ch}a{color:var(--color-primary)}mark{color:var(--color-ink);background:var(--soft-accent);text-underline-offset:.2em;padding:.12em .25em;text-decoration:underline;text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.skip-link{z-index:20;color:var(--color-ink);background:var(--color-accent);border-radius:999px;padding:.65rem .9rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{font-size:calc(1.125rem * var(--text-scale,1));line-height:var(--line-spacing,1.65)}.eyebrow,.scene-kicker,.route-marker{color:var(--color-primary);margin-bottom:.5rem;font-weight:800}.route-marker{color:var(--color-accent);font-size:2rem}.progress-header{width:fit-content;color:var(--color-primary);background:var(--soft-primary);border-radius:999px;margin:0 0 1.25rem;padding:.35rem .75rem;font-weight:800}.history-backdrop{z-index:100;background:#24344773;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.neutral-illustration-wrap{justify-content:center;margin:0 0 1.25rem;display:flex}.neutral-crossroads-illustration{width:min(100%,12.5rem);height:auto;display:block}.context-sentence,.clue-sentence,.comparison-sentence,.sentence-repair-original,.sentence-repair-preview{background:var(--soft-primary);border-left:.4rem solid var(--color-primary);border-radius:0 12px 12px 0;margin-block:1.25rem;padding:1rem 1.1rem;font-size:1.12em}.token-label{color:var(--color-warning);letter-spacing:.05em;vertical-align:middle;margin-right:.15em;font-size:.68em;font-weight:800;display:inline-block}.accessibility-control{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:.25rem .75rem;margin:0;padding:.4rem .7rem;display:flex}.accessibility-control legend,.meaning-choice-group legend,.sentence-repair-choice-group legend,.necessity-choice-group legend{color:var(--color-primary);padding-inline:.25rem;font-size:.82em;font-weight:800}.accessibility-control label,.necessity-choice-group label{align-items:center;gap:.35rem;display:inline-flex}.route-card h4{color:var(--color-primary);margin-bottom:.35rem}.route-card ul{flex-wrap:wrap;gap:.25rem .75rem;padding-left:1.2rem;display:flex}.route-card p{color:var(--muted-ink);margin-bottom:.75rem}.route-card button,.route-card h4{width:100%}.privacy-notice{color:var(--color-warning);background:var(--soft-warning);border-left:.35rem solid var(--color-warning);border-radius:0 10px 10px 0;margin-block:1rem;padding:.85rem 1rem}.privacy-notice p:last-child{margin-bottom:0}textarea{width:100%;min-height:7rem;color:var(--color-ink);border:2px solid var(--line);resize:vertical;background:#fff;border-radius:12px;margin-block:.5rem;padding:.75rem;display:block}#prediction-count,#prediction-judgement{color:var(--muted-ink);margin-bottom:.5rem;font-size:.88em}.clue-decisions h3,.meaning-comparison-panel h3,.necessity-challenge h3{margin-bottom:.5rem}.clue-decisions ol{min-height:1.65em}.meaning-choice-group,.sentence-repair-choice-group,.necessity-choice-group{border:0;gap:.75rem;margin-block:1.25rem;padding:0;display:grid}.meaning-choice-card input,.sentence-repair-choice-card input{width:44px;min-width:44px;height:44px;min-height:44px;accent-color:var(--color-primary);flex:none;margin-top:.2rem}.meaning-choice-copy,.sentence-repair-choice-copy{gap:.2rem;display:grid}.meaning-choice-copy span:not(.selection-status),.sentence-repair-choice-copy span{color:var(--muted-ink);font-size:.92em}.meaning-comparison-panel ul,.sentence-repair-alternatives ul{margin-bottom:0}.comparison-heading{color:var(--color-primary);background:var(--soft-primary);text-align:center;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-block:1.25rem;padding:.8rem;display:flex}.comparison-scene-card h3,.record-word h4,.record-scenes h5{color:var(--color-primary)}.record-route-label span{font-weight:800}.record-evidence ul{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;padding:0;list-style:none;display:grid}.record-scenes dl{margin-bottom:0}.record-scenes dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(6rem,.3fr) 1fr;gap:.5rem;padding-block:.35rem;display:grid}.record-scenes dd{overflow-wrap:anywhere;margin:0}.record-word,.record-scenes>li,.record-necessity,.record-repair,.meaning-choice-copy,.sentence-repair-choice-copy,.comparison-scene-card,.comparison-sentence,.sentence-repair-preview{overflow-wrap:anywhere;min-width:0}.record-actions,.restart-dialog-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=48rem){.context-sentence,.clue-sentence,.comparison-sentence,.sentence-repair-original,.sentence-repair-preview{margin-block:12px;padding:12px}.clue-sentence p,.comparison-sentence{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.record-evidence ul{grid-template-columns:1fr}.record-scenes dl>div{grid-template-columns:1fr;gap:0}.record-actions,.restart-dialog-actions{gap:12px}.record-actions button,.restart-dialog-actions button{width:100%}.record-actions{padding-bottom:72px}}.app-shell{min-height:100vh}.site-header,.main-content{width:min(100% - 2rem,60rem);margin-inline:auto}.site-header{border-bottom:2px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:2rem 0 1.25rem;display:grid;position:relative}.site-heading{min-width:0}.main-content{padding:2rem 0 4rem}.shared-controls{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1rem;display:flex}.route-list,.comparison-scene-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start;gap:1rem;display:grid}.update-history-trigger{justify-self:end;position:static}@media (width<=48rem){.site-header,.main-content{width:calc(100% - 24px)}.site-header{padding-bottom:1rem}.main-content{padding-top:1.5rem;padding-bottom:4rem}.shared-controls{gap:12px;display:grid}.route-list,.comparison-scene-grid{grid-template-columns:1fr}}[data-feedback-announcer]{min-height:1.65em;color:var(--color-success);margin-bottom:1rem;font-weight:700}[data-feedback-announcer]:empty{min-height:0}.welcome-card,.entrance-card,.context-card,.clue-card,.meaning-signpost-card,.comparison-card,.sentence-repair-card,.record-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 .75rem #24344714}.welcome-card{max-width:42rem}button,.route-card,.meaning-choice-card,.sentence-repair-choice-card{border-radius:12px}button{color:var(--color-ink);background:var(--card);border:2px solid var(--color-primary);padding:.65rem 1rem;font-weight:800}.required-action-button,button:hover:not(:disabled),button:focus-visible:not(:disabled){color:var(--card);background:var(--color-primary)}button:disabled{opacity:.55}.required-badge{color:var(--color-ink);background:var(--color-accent);vertical-align:.1em;border-radius:999px;margin-left:.45rem;padding:.05rem .4rem;font-size:.72em;line-height:1.4;display:inline-block}.route-card,.meaning-choice-card,.sentence-repair-choice-card{border:2px solid var(--line);background:#fff;padding:1rem}.clue-decisions,.meaning-comparison-panel,.necessity-challenge,.sentence-repair-alternatives,.record-summary,.record-learning-goal,.record-evidence,.record-necessity,.record-repair{background:var(--soft-accent);border-radius:12px;margin-top:1.25rem;padding:1rem}.record-summary{gap:1rem;display:grid}.record-summary p{margin-bottom:0}.clue-decisions-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.clue-decisions-heading p{color:var(--muted-ink);margin:0;font-size:.9em;font-weight:700}.clue-decisions-heading h3{margin-bottom:0}.meaning-feedback-row{flex-wrap:nowrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.meaning-feedback{background:var(--soft-accent);border:2px solid var(--color-primary);border-radius:12px;flex:12rem;min-width:0;padding:1rem}.meaning-feedback p{margin:0}.meaning-feedback-row>button{flex:none}.text-only-reading-notice{color:var(--muted-ink);background:var(--soft-accent);border:1px solid var(--line);border-radius:10px;margin:.75rem 0 1rem;padding:.65rem .85rem;font-size:.9em}.token-choice{min-width:44px;min-height:48px;color:var(--color-ink);background:0 0;border:0;border-radius:4px;padding:.2rem .35rem;font-weight:600}.token-choice:hover:not(:disabled),.token-choice:focus-visible:not(:disabled){color:var(--color-ink);background:var(--soft-accent)}.token-underline,.meaning-choice-card--selected .meaning-choice-label{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.14em}.selection-status{color:var(--color-success);white-space:nowrap;margin-left:.45rem;font-size:.78em;font-weight:800;display:inline-block}:is(.insufficient-choice--selected,.meaning-choice-card--selected,.sentence-repair-choice-card:has(input:checked)){border-color:var(--color-success);box-shadow:inset 0 0 0 3px var(--soft-success)}.meaning-choice-card,.sentence-repair-choice-card{cursor:pointer;align-items:flex-start;gap:.75rem;min-height:48px;display:flex}.meaning-choice-icon{min-height:2rem;color:var(--card);background:var(--color-primary);border-radius:50%;flex:0 0 2rem;place-items:center;font-weight:800;display:grid}.comparison-word-label{color:var(--color-ink);background:var(--color-accent);border-radius:6px;padding:.15rem .45rem;font-weight:800}.comparison-scene-card{border:1px solid var(--line);border-radius:14px;padding:1rem}.record-evidence li{background:#fff;border-radius:8px;gap:.2rem;padding:.75rem;display:grid}.record-evidence li span{color:var(--color-success);font-size:.9em}.record-word,.record-scenes>li{border:1px solid var(--line);border-radius:12px;margin-top:1rem;padding:1rem}.history-dialog,.restart-dialog{width:min(32rem,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--color-ink);background:var(--card);border-radius:20px;padding:1.5rem;overflow-y:auto;box-shadow:0 1rem 3rem #24344740}.update-history-trigger{color:var(--color-primary);background:var(--card);border:1px solid var(--color-primary);border-radius:999px;padding:.5rem .75rem;font-size:.78em}@media (width<=48rem){.meaning-feedback-row{flex-wrap:wrap;align-items:stretch;gap:0 .75rem;scroll-margin-block:4rem}.meaning-feedback{flex-basis:0;min-width:6ch;padding:calc(1rem - 1px) 1rem}.meaning-feedback-row>button{flex:0 auto;width:auto}.welcome-card,.entrance-card,.context-card,.clue-card,.meaning-signpost-card,.comparison-card,.sentence-repair-card,.record-card{padding:12px}}@keyframes gi-pulse{0%,to{box-shadow:0 0 #f4a26173}50%{box-shadow:0 0 0 8px #f4a26100}}.gi-pulse{outline:3px solid var(--color-accent);outline-offset:3px;animation:1.8s ease-in-out infinite gi-pulse}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}.gi-pulse{box-shadow:0 0 0 3px #f4a26159}}@media print{:root{color:#000;background:#fff}body{color:#000;background:#fff;min-width:0}.skip-link,.site-header,.shared-controls,.progress-header,[data-feedback-announcer],.update-history-trigger,.history-backdrop,.history-dialog,.record-actions,[data-illustration-id],.restart-dialog-backdrop,.restart-dialog{display:none!important}.main-content{width:auto;max-width:none;margin:0;padding:0}[data-record-root]{color:#000;max-width:none;box-shadow:none;background:#fff;border:0;display:block!important}[data-record-root] h2,[data-record-root] h3,[data-record-root] h4,[data-record-root] h5,[data-record-root] p,[data-record-root] dt,[data-record-root] dd,[data-record-root] li,[data-record-root] strong,[data-record-root] span{color:#000}.record-evidence,.record-word,.record-necessity,.record-repair{break-inside:avoid;border-color:#000}}