.learning-activity{max-width:1160px;margin:auto;padding:16px 0 44px}.activity-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.activity-header h1{font-size:clamp(1.5rem,3vw,2.15rem);margin:6px 0 18px}.activity-header-actions,.activity-footer,.answer-actions,.help-actions,.scene-nav,.voice-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.activity-progress{display:flex;gap:18px;align-items:center;margin:4px 0 30px;font-size:.9rem;flex-wrap:wrap}.activity-progress progress{width:160px;height:9px;accent-color:#36837b}.activity-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.question-card,.input-card,.story-card{padding:30px;border:1px solid #e2e5dd;border-radius:22px;background:#fff}.question-card{background:#edf5ed}.question-card h2,.input-card h2{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:650;line-height:1.7;word-break:keep-all;margin:10px 0 24px}.question-card p{line-height:1.8}.math-thinking{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:30px 0}.math-thinking span{padding:10px 14px;border-radius:20px;background:#fff;font-size:.85rem}.math-thinking b{font-weight:400;color:#718479}.learning-activity input,.learning-activity textarea,.learning-activity select{font:inherit}.learning-activity textarea,.learning-activity input:not([type=checkbox]){border:2px solid #ccd9d0;border-radius:12px;padding:12px 14px;width:100%;box-sizing:border-box;background:#fff}.learning-activity textarea:focus,.learning-activity input:focus,.learning-activity button:focus-visible,.learning-activity select:focus-visible{outline:3px solid #78a8bd;outline-offset:3px}.answer-label{display:block;font-size:.94rem;margin-bottom:12px;font-weight:600}.learning-activity .number-answer{font-size:2.4rem;min-height:80px;text-align:center;font-weight:700;letter-spacing:.1em}.number-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.number-keypad button{border:1px solid #d9e2dc;background:#f7f9f5;border-radius:12px;min-height:60px;font-size:1.55rem;font-weight:600;color:#254641;cursor:pointer}.number-keypad button[data-value=clear],.number-keypad button[data-value=backspace]{font-size:.9rem}.number-keypad button:hover{background:#eaf2e7}.answer-options{display:grid;gap:12px;margin:18px 0}.answer-option{display:flex;align-items:center;gap:14px;border:2px solid #e2e7df;border-radius:13px;padding:16px 18px;font:inherit;text-align:left;background:#fff;min-height:64px;cursor:pointer;color:#26403a}.answer-option.selected{border-color:#397b6c;background:#f0f6ee;box-shadow:inset 4px 0 #397b6c}.option-index{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eff2ed;font-size:.86rem;font-weight:700}.answer-option.selected .option-index{background:#356f62;color:#fff}.activity-footer{justify-content:space-between;margin:22px 0}.feedback-area{margin:20px 0}.answer-success,.answer-retry,.hint-text,.activity-error,.activity-notice{padding:15px 20px;border-radius:12px;line-height:1.65}.answer-success{background:#eaf5e5;color:#315d36}.answer-retry,.hint-text,.activity-notice{background:#fff2d8;color:#68521b}.hint-text b{display:inline-block;margin-right:10px}.activity-error{background:#fff0e9;color:#8e3522;border:1px solid #d7a998}.activity-complete{padding:28px;margin:28px 0}.activity-complete h2{font-size:1.5rem}.feeling-options{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.feeling-options button[aria-pressed=true]{background:#dceee3;border-color:#397b6c}.reading-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0 20px}.reading-controls label{display:flex;gap:8px;align-items:center;font-size:.9rem}.reading-controls select,.audio-speed select{border:1px solid #d4dfd6;background:#fff;border-radius:8px;padding:9px}.reading-controls input{width:20px;height:20px;accent-color:#367569}.story-card{background:#fffdf5}.story-text{font-family:ui-serif,'Apple SD Gothic Neo','Malgun Gothic',serif;font-size:clamp(1.15rem,2vw,1.32rem);line-height:2.1;word-break:keep-all;min-height:150px}.story-text p{padding:4px 8px;margin:8px -8px;border-radius:8px}.story-text .story-evidence{background:#f7ecd0;border-bottom:2px solid #b58a28}.evidence-label{font:500 .78rem/1.4 system-ui;display:block;color:#745318;margin:6px 0}.story-text .reading-current{background:#e2f0e5;border-left:4px solid #477b55}.scene-nav{justify-content:space-between;margin-top:28px}.evidence-button{margin-top:18px}.puzzle-board{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,360px);aspect-ratio:1;border:3px solid #465b59;border-radius:9px;overflow:hidden;margin:0 auto 20px;background:#fff;gap:0}.puzzle-cell{border:1px solid #d3dcd7;border-radius:0;min-width:0;font-size:1.75rem;font-weight:650;color:#275f64;background:#fff;cursor:pointer}.puzzle-cell.given{color:#3c4847;background:#f0f3ef;opacity:1!important}.puzzle-cell:nth-child(4n + 2){border-right:3px solid #465b59}.puzzle-cell:nth-child(n+5):nth-child(-n+8){border-bottom:3px solid #465b59}.puzzle-cell.selected{background:#d8eeef;box-shadow:inset 0 0 0 3px #327984;position:relative}.puzzle-cell.selected::after{content:'선택';font-size:.55rem;position:absolute;bottom:3px;left:50%;transform:translateX(-50%)}.puzzle-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:360px;margin:auto}.puzzle-tools button:nth-last-child(-n+2){grid-column:span 2}.practice-notice{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:#edf2fb;border:1px solid #dce5f2;border-radius:14px;margin:0 0 22px;font-size:.92rem;color:#385671}.english-example{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.7;font-weight:600;letter-spacing:.005em}.audio-speed{display:inline-flex;gap:8px;align-items:center;font-size:.87rem;margin:14px}.practice-conversation{border-top:1px solid #e7e1ce;margin-top:22px;padding-top:18px}.practice-conversation summary{font-weight:650;cursor:pointer;min-height:30px}.practice-conversation input{margin:10px 0}.voice-status{font-size:.78rem;color:#466d77;letter-spacing:.015em;margin:20px 0 8px}.voice-prompt{font-size:1.18rem;line-height:1.6;background:#fff;padding:16px;border-radius:12px;border:1px solid #e3e5db}.voice-transcript{line-height:1.6;margin:12px 0;word-break:break-word}.voice-actions button{font-size:.85rem}.activity-pause{position:fixed;inset:0;z-index:60;background:#1b363257;display:grid;place-items:center;backdrop-filter:blur(4px);padding:24px}.activity-pause .card{max-width:420px;width:100%;padding:34px;text-align:center;background:#fffdf7;border-radius:24px}.activity-pause p{line-height:1.8}.activity-pause .button{margin:10px 4px}.learning-activity .small{font-size:.82rem;line-height:1.65}.learning-activity button:disabled{opacity:.48;cursor:default}.learning-activity .muted{line-height:1.7}.learning-activity .eyebrow{color:#5a7c6b;font-size:.78rem;letter-spacing:.07em;font-weight:650}.learning-activity .button{min-height:46px}.learning-activity .activity-header-actions .button{font-size:.82rem;min-height:42px}
@media(max-width:760px){.learning-activity{padding:4px 0 32px}.activity-header{align-items:start;gap:10px}.activity-header-actions{gap:5px;justify-content:flex-end}.activity-header-actions .button{padding:9px 10px}.activity-header h1{font-size:1.4rem;line-height:1.45}.activity-progress{gap:9px;margin-bottom:20px;font-size:.8rem}.activity-progress progress{width:90px}.activity-workspace{grid-template-columns:1fr;gap:14px}.question-card,.input-card,.story-card{padding:22px;border-radius:17px}.question-card h2,.input-card h2{font-size:1.22rem;line-height:1.65;margin-bottom:14px}.math-thinking{display:none}.question-card>.muted{font-size:.86rem;margin:8px 0 0}.number-keypad{gap:8px}.number-keypad button{min-height:52px}.number-answer{min-height:66px!important}.activity-footer{gap:18px}.help-actions,.answer-actions{width:100%}.answer-actions{justify-content:flex-end}.answer-actions .button{flex:1}.help-actions .button{flex:1;font-size:.82rem}.reading-controls{gap:12px;font-size:.85rem}.reading-controls .button{font-size:.8rem}.story-text{min-height:0;line-height:1.95}.activity-complete{padding:20px}.feeling-options .button{flex:1 0 42%;font-size:.9rem}.audio-speed{margin-left:0}.practice-notice{font-size:.8rem}.puzzle-cell{font-size:1.55rem}.activity-pause .card{box-sizing:border-box;padding:25px}.activity-header-actions .button[data-action=exit]{max-width:100px}.reading-workspace .story-card{order:0}.reading-workspace .input-card{order:1}}
@media(prefers-reduced-motion:reduce){.learning-activity *{scroll-behavior:auto!important;transition:none!important}}