:root{--bg:#eef5f7;--surface:#ffffff;--surface-soft:#f7fbfc;--ink:#123044;--muted:#5b7280;--line:#d7e4e8;--teal:#009b9a;--teal-dark:#087577;--teal-soft:#e2f6f4;--green:#228b5b;--green-soft:#e7f6ee;--red:#ba3b3b;--red-soft:#fbeaea;--amber:#9a6a00;--amber-soft:#fff5d8;--shadow:0 18px 45px rgba(18,48,68,0.12);--radius:8px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#f7fbfc 0,var(--bg) 100%);font-family:var(--font)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[tabindex]:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(0,155,154,.35);outline-offset:3px}h1,h2,p{margin-top:0}.start-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.start-panel{width:min(980px,100%);display:grid;grid-gap:22px;gap:22px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.small-label{margin:0 0 8px;color:var(--teal-dark);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.app-header h1,.marked-sheet h1,.start-panel h1{margin:0;color:var(--ink);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.start-subtitle{max-width:680px;margin:12px 0 0;color:var(--muted);font-size:1.12rem;line-height:1.6}.instruction-card,.resume-box,.sheet-preview,.storage-warning,.summary-panel,.teacher-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.instruction-card,.resume-box,.sheet-preview,.teacher-note{padding:18px}.resume-box{display:grid;grid-gap:10px;gap:10px;background:var(--teal-soft);border-color:rgba(0,155,154,.24)}.field-label{font-weight:800}.name-input{width:100%;min-height:54px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff}.error-text{margin:-12px 0 0;color:var(--red);font-weight:700}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.mode-card{min-height:120px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left}.mode-card span{display:block;margin-top:8px;color:var(--muted);line-height:1.5}.mode-card.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--teal)}.danger-btn,.primary-btn,.secondary-btn{min-height:44px;padding:0 18px;border-radius:var(--radius);font-size:.86rem;font-weight:900;letter-spacing:0}.primary-btn{background:var(--teal);color:#fff}.primary-btn:hover{background:var(--teal-dark)}.secondary-btn{border:1px solid var(--line);background:#fff;color:var(--ink)}.danger-btn{background:var(--red);color:#fff}.start-btn{justify-self:start}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button-row.right{justify-content:flex-end}.app-shell{min-height:100vh;padding:22px}.app-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;max-width:1480px;margin:0 auto 18px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.app-header h1{font-size:clamp(1.8rem,3vw,2.8rem)}.header-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center;color:var(--muted);font-weight:800}.compact{min-height:38px;padding-inline:14px}.storage-warning{max-width:1480px;margin:0 auto 16px;padding:12px 16px;background:var(--amber-soft);color:var(--amber);font-weight:700}.tab-nav{max-width:1480px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:4px}.tab-button{min-height:72px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left}.tab-button.active{border-color:var(--teal);background:var(--teal-soft)}.tab-button small,.tab-button span{display:block}.tab-button span{font-weight:900}.tab-button small{margin-top:6px;color:var(--muted);font-weight:800}.badge-perfect{color:var(--green)!important}.activity-grid{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px}.activity-main,.activity-side,.marked-sheet{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.activity-main,.activity-side{padding:20px}.activity-side{position:-webkit-sticky;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto}.tab-intro{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.tab-intro h2{margin:0;font-size:clamp(1.5rem,2.6vw,2.2rem)}.tab-intro p{color:var(--muted);line-height:1.6}.summary-section{margin-bottom:16px}.summary-toggle{min-height:40px;padding:0 14px;border-radius:var(--radius);background:var(--ink);color:#fff;font-weight:900}.summary-panel{margin-top:10px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.summary-panel p{margin:0;display:grid;grid-gap:4px;gap:4px}.summary-panel span{color:var(--muted)}.clue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.clue-card{display:grid;grid-template-columns:38px minmax(0,1fr);grid-gap:12px;gap:12px;min-height:190px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.clue-card.filled{border-color:rgba(0,155,154,.35)}.clue-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);font-weight:900}.clue-copy{display:grid;grid-gap:8px;gap:8px}.clue-copy p{margin:0;color:var(--muted);line-height:1.45}.answer-zone{grid-column:1/-1;min-height:62px;place-items:center;padding:8px;border:1px dashed #a8c0c8;color:var(--muted);background:var(--surface-soft)}.answer-placeholder,.answer-zone{display:grid;border-radius:var(--radius)}.answer-placeholder{width:100%;min-height:48px;place-items:center;grid-gap:2px;gap:2px;padding:8px 12px;background:#fff;color:var(--ink);font-weight:900;text-align:center}.answer-placeholder small{color:var(--muted);font-size:.78rem;font-weight:800}.answer-placeholder.filled{border:1px solid rgba(0,155,154,.4);background:var(--teal-soft);color:var(--teal-dark)}.term-bank{display:grid;grid-gap:14px;gap:14px}.section-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-title-row h2{margin:0;font-size:1.1rem}.section-title-row span{color:var(--muted);font-weight:800}.term-list{display:flex;flex-wrap:wrap;gap:10px}.term-card{display:inline-grid;place-items:center;min-height:42px;padding:0 13px;border:1px solid #a8c0c8;border-radius:var(--radius);background:#fff;color:var(--ink);font-size:.92rem;font-weight:900;box-shadow:0 8px 20px rgba(18,48,68,.08)}.term-card.readonly{cursor:default}.term-card.placed{width:100%;justify-content:center}.sheet-preview{margin-top:16px;background:var(--amber-soft);color:#5e470b}.sticky-progress{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;max-width:1480px;margin:18px auto 0;padding:14px;display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(0,155,154,.25);border-radius:var(--radius);background:rgba(255,255,255,.96);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sticky-progress div:first-child{display:grid;grid-gap:2px;gap:2px}.sticky-progress small,.sticky-progress span{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:rgba(18,48,68,.42)}.modal-card{width:min(560px,100%);padding:24px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.modal-card h2{font-size:1.45rem}.modal-card p{color:var(--muted);line-height:1.55}.answer-modal{max-height:calc(100vh - 48px);overflow-y:auto}.modal-clue{margin:10px 0 16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.modal-clue p{margin:0 0 8px}.modal-clue p:last-child{margin-bottom:0}.answer-choice-list{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.answer-choice-button{min-height:54px;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);text-align:left}.answer-choice-button span{font-weight:900}.answer-choice-button small{flex:0 0 auto;color:var(--muted);font-weight:800}.answer-choice-button.available:hover,.answer-choice-button.current,.answer-choice-button:hover{border-color:var(--teal);background:var(--teal-soft)}.answer-choice-button.current{color:var(--teal-dark)}.answer-choice-button.used small{color:var(--amber)}.sheet-shell{min-height:100vh;padding:24px;background:var(--bg)}.marked-sheet{max-width:1180px;margin:0 auto;padding:28px}.sheet-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.score-stamp{min-width:150px;padding:16px;border:2px solid var(--teal);border-radius:var(--radius);color:var(--teal-dark);text-align:center}.score-stamp span,.score-stamp strong{display:block}.score-stamp strong{font-size:2rem}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.result-grid p{margin:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.82rem;text-transform:uppercase}.row-correct{background:var(--green-soft)}.row-wrong{background:var(--red-soft)}.teacher-note{margin:18px 0;background:var(--amber-soft)}.teacher-note h2,.teacher-note p{margin-bottom:8px}.teacher-note p{line-height:1.55}@media (max-width:1040px){.activity-grid{grid-template-columns:1fr}.activity-side{order:-1;position:static;max-height:none}.tab-nav{grid-template-columns:repeat(6,168px)}.result-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.app-shell,.sheet-shell,.start-shell{padding:14px}.activity-main,.activity-side,.app-header,.marked-sheet,.start-panel{padding:16px}.app-header,.sheet-header{flex-direction:column;align-items:stretch}.activity-side{display:none}.clue-card,.clue-grid,.mode-grid,.result-grid,.summary-panel{grid-template-columns:1fr}.answer-zone{grid-column:auto}.sticky-progress{display:grid;grid-template-columns:minmax(88px,1fr) auto;align-items:center;padding:10px;grid-gap:8px;gap:8px}.sticky-progress small{display:none}.sticky-progress .button-row{width:auto;flex-wrap:nowrap;gap:6px}.sticky-progress .primary-btn,.sticky-progress .secondary-btn{min-height:38px;padding:0 10px;font-size:.72rem}.button-row,.header-meta{width:100%}.header-meta>button{flex:1 1 160px}}@media print{body{background:#fff}.modal-backdrop,.print-hidden{display:none!important}.marked-sheet,.sheet-shell{padding:0;box-shadow:none;border:0}}