.story-intro{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(120deg,#edf7f2,#fff5dc);border:1px solid #d7e8de;border-radius:20px;padding:24px;margin:18px 0 28px}.story-intro h2{font-size:25px;letter-spacing:-.04em;margin:6px 0 10px}.story-intro p{font-size:13px;line-height:1.8;color:#52695c;margin:6px 0}.story-intro-actions{display:flex;flex-direction:column;gap:9px;min-width:170px}.story-intro .small{font-size:11px}.story-entry-art{display:flex;gap:4px;margin-bottom:10px}.story-entry-art span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;color:#23765e;font-family:serif;font-size:25px;box-shadow:0 3px 9px #183b3510}.story-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0;color:#75847d;font-size:12px}.story-steps .current{color:#176c5a;font-weight:800}.story-progress{height:5px;background:#e8eeea;border-radius:8px;margin-bottom:22px}.story-progress i{display:block;height:100%;background:#33876a;border-radius:8px;transition:width .2s}.story-sheet{max-width:760px;margin:0 auto;border:1px solid #e0e7df;border-radius:22px;overflow:hidden;background:#fffdf7}.story-sheet-head{padding:20px 24px 0}.story-sheet h3{font-size:25px;letter-spacing:-.035em;margin:8px 0}.story-picture{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:#eef6ed;margin:16px 24px;border-radius:18px;min-height:160px}.story-picture svg{display:block;width:100%;height:160px}.story-character{text-align:center;padding:10px;font-family:serif;color:#1b5140}.story-character b{display:block;font-size:88px;line-height:1.15;font-weight:500}.story-character span{font-family:system-ui;font-size:17px;display:block;margin-top:8px;font-weight:750}.story-copy{padding:0 24px 22px}.story-copy p{font-size:14px;line-height:1.85;margin:8px 0}.story-origin{border-top:1px solid #dfebe0;padding-top:15px;margin-top:16px}.story-badge{display:inline-block;font-size:10px;font-weight:750;padding:4px 8px;border-radius:7px;background:#e7f3eb;color:#31644d}.story-badge.imagination{background:#fff0d0;color:#896326}.story-memory{margin-top:14px;color:#2c7056;font-size:13px;font-weight:800}.story-example{font-size:12px;color:#67766b;margin-top:10px}.story-source{font-size:11px;color:#55795f;display:inline-block;margin-top:5px}.story-picture-note{color:#728376;font-size:10px;margin:-9px 24px 15px}.story-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;max-width:760px;margin:20px auto}.story-footer .btn{min-height:46px}.story-question{max-width:660px;margin:20px auto;text-align:center}.story-question h3{font-size:22px;line-height:1.5}.story-prompt{font-family:serif;font-size:84px;color:#235540;line-height:1.4;margin:20px 0}.story-prompt.word{font-family:system-ui;font-size:26px;font-weight:800}.story-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-choice{min-height:66px;border:1px solid #d5e5d9;background:#fff;border-radius:14px;color:#294d3a;font-size:19px;cursor:pointer;white-space:normal;padding:12px}.story-choice.char{font-family:serif;font-size:40px}.story-choice.correct{border:2px solid #238363;background:#e8f6ee}.story-choice.wrong{border:2px solid #b45d4c;background:#fff0eb}.story-choice:focus-visible{outline:3px solid #eeb955;outline-offset:3px}.story-feedback{padding:16px;background:#f0f6ef;border-radius:14px;text-align:left;line-height:1.8;font-size:14px;margin-top:18px}.story-feedback .btn{margin-top:10px}.story-retry-card{margin-top:14px}.story-results{max-width:760px;margin:auto}.story-result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.story-result-metrics div{background:#f1f7ef;border-radius:14px;padding:18px 12px;text-align:center;font-size:12px;line-height:1.6}.story-result-metrics b{display:block;font-size:25px;color:#2c7357}.story-check-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.story-check-item{border:1px solid #d9e6dc;border-radius:12px;padding:12px 15px;font-size:12px}.story-check-item b{font-family:serif;font-size:28px;display:block;color:#2c7056}.story-empty{padding:30px 18px;text-align:center;line-height:1.8}.story-note{font-size:12px;color:#67786f;line-height:1.8}.story-result-actions{display:flex;gap:10px;flex-wrap:wrap}.story-card-reveal{margin-top:15px}.story-card-reveal .story-sheet{font-size:12px}.story-card-reveal .story-character b{font-size:62px}
@media(max-width:600px){.story-intro{grid-template-columns:1fr;padding:19px;gap:12px}.story-intro h2{font-size:23px}.story-intro-actions{display:grid;grid-template-columns:1fr 1fr;min-width:0}.story-intro-actions .btn:first-child{grid-column:1/-1}.story-intro-actions .btn{padding:12px 8px;font-size:12px;min-height:44px}.story-sheet-head{padding:18px 18px 0}.story-sheet h3{font-size:21px}.story-picture{margin:14px 18px;grid-template-columns:1.1fr 1fr;min-height:136px}.story-picture svg{height:130px}.story-character b{font-size:68px}.story-character span{font-size:14px}.story-copy{padding:0 18px 18px}.story-copy p{font-size:13px}.story-picture-note{margin-left:18px;margin-right:18px}.story-footer{align-items:flex-start}.story-footer span{font-size:11px;line-height:1.7}.story-result-metrics{gap:7px}.story-result-metrics div{padding:13px 7px}.story-question h3{font-size:19px}.story-choice{font-size:17px}.story-prompt.word{font-size:23px}}
@media(prefers-reduced-motion:reduce){.story-progress i{transition:none}}
.story-audio{margin:0 24px 20px;padding:14px;border:1px solid #dce9e0;border-radius:14px;background:#f6faf6}.story-audio-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.story-audio-heading b{font-size:12px;color:#35674e}.story-audio-heading .btn{font-size:10px;padding:6px 9px;min-height:32px}.story-audio-actions{display:flex;flex-wrap:wrap;gap:7px}.story-audio-actions .btn{font-size:11px;padding:10px 11px;min-height:42px}.story-audio-status{font-size:11px!important;line-height:1.65!important;margin:9px 0!important;color:#4c7158;min-height:18px}.story-audio-auto{display:flex;align-items:center;gap:6px;font-size:11px;min-height:36px;cursor:pointer}.story-audio-auto input{width:17px;height:17px;accent-color:#176c5a;margin:0;flex:none}.story-audio-settings summary{font-size:11px;color:#577764;cursor:pointer;padding:8px 0}.story-audio-settings>div{display:grid;gap:7px;padding-top:6px}.story-audio-settings label{font-size:11px;color:#546d5b}.story-audio-settings select{width:100%;min-width:0;max-width:100%;min-height:42px;font-size:12px;white-space:normal}.story-audio-settings .small{font-size:10px;margin:4px 0}.story-reading{background:#fff1c8;outline:5px solid #fff1c8;border-radius:5px}.story-audio-actions .btn:disabled{opacity:.5}
@media(max-width:600px){.story-audio{margin-left:18px;margin-right:18px;padding:12px}.story-audio-actions .btn{padding:10px 9px;font-size:10px}}