.act-it-out{--ink: #24313f;--muted: #64727f;--paper: #fffaf1;--surface: #ffffff;--line: #e3dacd;--teal: #177e89;--gold: #f4b942;--rose: #c94f5d;--green: #5c8d3b;--go: #2f9e57;--blue: #2f6fb0;--shadow: 0 16px 38px rgba(36, 49, 63, .12)}.act-it-out *{box-sizing:border-box}.act-it-out{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(120deg,rgba(244,185,66,.16),transparent 36%),linear-gradient(240deg,rgba(23,126,137,.12),transparent 42%),#f7f0e4}.act-it-out button,.act-it-out input,.act-it-out select{font:inherit}.act-it-out button{cursor:pointer}.act-it-out .app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:8px 0 42px}.act-it-out .topbar{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:16px;align-items:center;padding:12px 20px;border-radius:8px;background:linear-gradient(135deg,#fffaf1f0,#ffffffdb),url("data:image/svg+xml,%3Csvg width='220' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='220' height='120' fill='%23fffaf1'/%3E%3Ccircle cx='42' cy='42' r='22' fill='%23f4b942' fill-opacity='.28'/%3E%3Crect x='118' y='40' width='58' height='50' rx='4' fill='%23c94f5d' fill-opacity='.22'/%3E%3Cpath d='M104 92h88' stroke='%23177e89' stroke-width='8' stroke-linecap='round' stroke-opacity='.22'/%3E%3C/svg%3E");box-shadow:var(--shadow)}.act-it-out .topbar h1,.act-it-out .section-heading h2,.act-it-out .record-card h3{margin:0}.act-it-out .word-record{display:none!important}.act-it-out .unit-record{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:10px 14px;border-radius:12px;background:#fff3d0;border:2px solid var(--gold)}.act-it-out .unit-record-label{font-weight:900;color:var(--ink)}.act-it-out .steps-listen{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:7px 16px;border-radius:999px;border:2px solid var(--teal);background:#fff;color:var(--teal);font-weight:800;font-size:1rem;cursor:pointer}.act-it-out .steps-listen.is-speaking{background:var(--teal);color:#fff}.act-it-out .unit-spacer{flex:1 1 16px;min-width:12px}.act-it-out .q-say-hint{margin:10px 0 0;font-weight:800;color:var(--teal)}.act-it-out .proctor-note{margin-top:10px;padding:8px 14px;border-radius:12px;background:#eef6f7;border:2px solid var(--teal);color:var(--ink);font-size:.9rem;line-height:1.35}.act-it-out .proctor-note strong{display:inline;margin-bottom:0;color:var(--teal)}.act-it-out .proctor-note ul{margin:0;padding-left:20px}.act-it-out .proctor-note li{margin:2px 0}.act-it-out .setup-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:10px}.act-it-out .setup-row .proctor-note{flex:1 1 280px;margin-top:0}.act-it-out .setup-row .mic-check{flex:0 1 auto;margin-top:0}.act-it-out .mic-check{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}.act-it-out .mic-meter{flex:1 1 160px;min-width:120px;height:14px;border-radius:999px;background:#e9e0d0;border:1px solid var(--line);overflow:hidden}.act-it-out #mic-meter-fill{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#7fc36b,#f4b942 70%,#e0554e);transition:width .08s linear}.act-it-out .mic-check-status{font-weight:800;color:var(--teal)}.act-it-out .page-timer-box{display:none}.act-it-out .page-timer-box .page-timer-icon{font-size:1.15em}.act-it-out .version-badge{display:inline-block;margin-top:6px;padding:3px 12px;border-radius:999px;background:var(--teal);color:#fff;font-size:.85rem;font-weight:900;letter-spacing:.04em}.act-it-out #start-new{position:fixed;bottom:20px;right:20px;z-index:50;padding:0 22px;min-height:48px;border-radius:999px;border:0;background:var(--teal);color:#fff;font-weight:900;box-shadow:0 10px 24px #24313f4d}.act-it-out #start-new:hover{filter:brightness(1.06)}.act-it-out .topbar{display:none}.act-it-out .title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 12px}.act-it-out .app-id{font-size:.9rem;font-weight:800;color:var(--muted);white-space:nowrap}.act-it-out .app-id .version-badge{margin:0}.act-it-out .topbar h1{font-size:clamp(1.3rem,2.8vw,2rem);line-height:1}.act-it-out .title-row .version-badge{margin-top:0}.act-it-out .topbar p{max-width:650px;color:var(--muted);line-height:1.45}.act-it-out .eyebrow{margin:0 0 6px;text-transform:uppercase;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:0}.act-it-out .student-name-card{display:grid;gap:12px;align-content:center;padding:20px;border:1px solid var(--line);border-radius:8px;background:#ffffffdb}.act-it-out label{display:grid;gap:7px;color:var(--muted);font-weight:800}.act-it-out input,.act-it-out select{min-height:46px;width:100%;padding:0 12px;border:1px solid #d8cfbf;border-radius:8px;background:#fff;color:var(--ink)}.act-it-out .name-question>span{color:var(--ink);font-size:1.28rem}.act-it-out .name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.act-it-out .name-record-action{min-height:46px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:8px;background:var(--rose);color:#fff;font-weight:900}.act-it-out .name-record-action.is-recording{background:var(--go)}.act-it-out .name-record-action.is-recorded{background:var(--blue)}.act-it-out .name-audio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.act-it-out .tabs{position:sticky;top:0;z-index:10;margin:4px 0 12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;border-radius:8px;background:#fffaf1eb;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.act-it-out .tabs button{padding:0 6px;font-size:.92rem;line-height:1.15;text-align:center}.act-it-out .tabs button,.act-it-out .primary-action,.act-it-out .secondary-action,.act-it-out .record-action,.act-it-out .icon-record-action,.act-it-out .listen-action,.act-it-out .play-action,.act-it-out .download-action{min-height:44px;border-radius:8px;border:1px solid transparent;font-weight:900}.act-it-out .tabs button{background:transparent;color:var(--muted)}.act-it-out .tabs button{pointer-events:none;cursor:default}.act-it-out .tabs button.is-unlocked{pointer-events:auto;cursor:pointer}.act-it-out .tabs button.is-unlocked:not(.is-active){color:var(--teal)}.act-it-out .tabs button.is-active,.act-it-out .primary-action{background:var(--teal);color:#fff}.act-it-out .secondary-action{background:#fffaf1;border-color:#d8cfbf;color:var(--ink)}.act-it-out [hidden]{display:none!important}.act-it-out .view{display:none}.act-it-out .view.is-visible{display:block}.act-it-out #questions-view.is-complete .section-heading,.act-it-out #questions-view.is-complete .questions-nav,.act-it-out #questions-view.is-complete .words-progressbar{display:none}.act-it-out .complete-card{text-align:center}.act-it-out .complete-card .complete-emoji{font-size:3rem;line-height:1;margin-bottom:6px}.act-it-out .complete-card h3{font-size:clamp(1.6rem,4vw,2.2rem);color:var(--teal);margin:4px 0 8px}.act-it-out .section-heading{margin:22px 0 16px;display:grid;gap:6px}.act-it-out .section-heading p{margin:0;color:var(--muted);line-height:1.45}.act-it-out .read-first-heading{margin-top:18px}.act-it-out .section-heading .kid-tip{display:flex;align-items:center;gap:10px;margin-top:8px;padding:12px 16px;border-radius:12px;background:#fff3d0;border:2px solid var(--gold);color:var(--ink);font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:900;line-height:1.35}.act-it-out .kid-tip-icon{font-size:1.5em;line-height:1;flex:0 0 auto}.act-it-out .tip-listen{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:2px solid var(--teal);background:#fff;color:var(--teal);font-size:1.15rem;line-height:1;cursor:pointer}.act-it-out .tip-listen.is-speaking{background:var(--teal)}.act-it-out .theater-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}.act-it-out .greenroom-progressbar{height:14px;margin:0 0 14px;border-radius:999px;background:#e9e0d0;border:1px solid var(--line);overflow:hidden}.act-it-out #greenroom-progress-fill,.act-it-out #questions-progress-fill,.act-it-out #yourturn-progress-fill,.act-it-out #readagain-progress-fill,.act-it-out #monologue-progress-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--teal));transition:width .35s ease}.act-it-out .greenroom-nav .nav-progressbar{flex:1 1 auto;height:14px;border-radius:999px;background:#e9e0d0;border:1px solid var(--line);overflow:hidden}.act-it-out .word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.act-it-out .word-card{position:relative;display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;border:1px solid var(--line);background:#fffaf1;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.act-it-out .word-card.is-done{border-color:#86c58c;background:#f3fbf3}.act-it-out .word-pic{flex:0 0 auto;width:84px;height:84px;border-radius:12px;overflow:hidden}.act-it-out .word-pic svg{width:100%;height:100%;display:block}.act-it-out .word-pic .wp-bg{fill:#fff5df}.act-it-out .word-pic-sticks .wp-bg{fill:#f0e6d8}.act-it-out .word-pic-bricks .wp-bg{fill:#f6e0d6}.act-it-out .word-pic-huff .wp-bg{fill:#e7f1f6}.act-it-out .word-pic-puff .wp-bg{fill:#e4eef6}.act-it-out .word-pic-chimney .wp-bg{fill:#f6e0d6}.act-it-out .word-pic-strength .wp-bg{fill:#fde7cf}.act-it-out .word-pic-patience .wp-bg{fill:#e9eefb}.act-it-out .wp-chimney-body{fill:#c25c44}.act-it-out .wp-chimney-cap{fill:#8a3f30}.act-it-out .wp-chimney-lines{stroke:#ffffff8c;stroke-width:1.6;stroke-linecap:round}.act-it-out .wp-smoke circle{fill:#cfd6dc}.act-it-out .wp-arm rect,.act-it-out .wp-arm ellipse,.act-it-out .wp-arm circle{fill:#e0a26a;stroke:#a86a38;stroke-width:2}.act-it-out .wp-hg-cap{fill:#7a5230}.act-it-out .wp-hg-glass{fill:#cfe0f6;stroke:#6f86a8;stroke-width:1.4}.act-it-out .wp-hg-sand{fill:#e6b64c}.act-it-out .wp-straw{stroke:#d7a12a}.act-it-out .wp-band{fill:#9a6a2f}.act-it-out .wp-stick{stroke:#7a4a25}.act-it-out .wp-stick-hi{stroke:#b07a45}.act-it-out .wp-brick rect{fill:#c4553f;stroke:#f6e0d6;stroke-width:2}.act-it-out .wp-face{fill:#f6d7a8;stroke:#cf9f5f;stroke-width:2}.act-it-out .wp-brow{stroke:#7a5a2f;stroke-width:3;stroke-linecap:round;fill:none}.act-it-out .wp-eye{fill:#3a2f22}.act-it-out .wp-mouth{fill:none;stroke:#7a5a2f;stroke-width:3;stroke-linecap:round}.act-it-out .wp-air{fill:none;stroke:#8fb7cc;stroke-width:3;stroke-linecap:round}.act-it-out .wp-cloud circle{fill:#fff;stroke:#b9d2e2;stroke-width:2}.act-it-out .word-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.act-it-out .word-label{font-size:1.6rem;font-weight:900;color:var(--ink);text-transform:lowercase;letter-spacing:.5px}.act-it-out .word-actions{display:flex;flex-wrap:wrap;gap:8px}.act-it-out .word-listen{display:inline-flex;align-items:center;gap:6px;padding:0 14px;min-height:44px;border-radius:999px;border:1px solid var(--teal, #2f7d8a);background:#fffaf1;color:var(--teal, #2f7d8a);font-weight:900;cursor:pointer}.act-it-out .word-listen:hover{background:#eef7f8}.act-it-out .word-listen.is-speaking{background:var(--teal, #2f7d8a);color:#fff}.act-it-out .word-record{display:inline-flex;align-items:center;gap:8px;padding:0 16px;min-height:44px;border-radius:999px;border:1px solid transparent;background:var(--red, #c65b5b);color:#fff;font-weight:900;cursor:pointer}.act-it-out .word-record .wr-icon{font-size:1.25em;line-height:1}.act-it-out .word-card.is-recording .word-record{background:var(--go);animation:word-pulse 1s ease-in-out infinite}.act-it-out .word-record:disabled{opacity:1;cursor:default}.act-it-out .rec-ico{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;border:0!important;background:transparent!important;font-size:1.3em;line-height:1}.act-it-out .rec-ico:before,.act-it-out .rec-ico:after{display:none!important;content:none!important}.act-it-out .icon-record-action,.act-it-out .name-record-action{font-size:1rem}.act-it-out .word-card.is-done .word-record{background:var(--blue)}@keyframes word-pulse{0%,to{box-shadow:0 0 #2f9e5780}50%{box-shadow:0 0 0 8px #2f9e5700}}.act-it-out .word-status{font-size:.9rem;font-weight:800;color:var(--muted);min-height:1.1em}.act-it-out .word-card.is-done .word-status{color:#2f7a3a}.act-it-out .word-stars{position:absolute;inset:0;pointer-events:none;overflow:visible}.act-it-out .word-stars span{position:absolute;left:42px;top:42px;font-size:20px;animation:word-star .9s ease-out forwards}@keyframes word-star{0%{transform:translate(0) scale(.4);opacity:0}30%{opacity:1}to{transform:translate(var(--sx),var(--sy)) scale(1.1);opacity:0}}@media(prefers-reduced-motion:reduce){.act-it-out .word-card.is-recording .word-record{animation:none}.act-it-out .word-stars span{animation-duration:.01s}}.act-it-out .read-first-heading p,.act-it-out .practice-heading h2{color:var(--ink);font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:900}.act-it-out .recording-grid{display:grid;gap:14px}.act-it-out .simple-greenroom{position:relative;min-height:420px;display:grid;align-items:end;overflow:hidden;padding:92px 18px 28px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#25313d26,#25313d66),linear-gradient(180deg,#7bc5d0,#ddf2df 42%,#9f5b3e 43%,#6d3b2c);box-shadow:var(--shadow)}.act-it-out .simple-greenroom:before,.act-it-out .simple-greenroom:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:13%;background:repeating-linear-gradient(90deg,#9f2f42 0 18px,#c64f5d 18px 36px)}.act-it-out .simple-greenroom:before{left:0}.act-it-out .simple-greenroom:after{right:0}.act-it-out .greenroom-scenery{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 31%,rgba(92,141,59,.75) 0 36px,transparent 37px),radial-gradient(circle at 76% 29%,rgba(92,141,59,.7) 0 44px,transparent 45px),linear-gradient(180deg,transparent 0 42%,rgba(99,145,75,.62) 42% 57%,rgba(116,83,54,.28) 57% 100%)}.act-it-out .greenroom-scenery:before{content:"";position:absolute;left:10%;right:10%;top:178px;height:28px;border-radius:50%;background:#24313f2e;filter:blur(3px)}.act-it-out .greenroom-spotlight{position:absolute;z-index:2;left:50%;top:-40px;width:min(620px,72%);height:76%;transform:translate(-50%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:#fffad685;pointer-events:none}.act-it-out .greenroom-scenery .pig-house{position:absolute;top:70px;width:150px;height:116px;border-radius:6px 6px 3px 3px;border:2px solid rgba(55,43,31,.24);box-shadow:inset -22px 0 28px #24313f2e,inset 12px 0 18px #fffaf129,0 16px #24313f1a,0 24px 34px #24313f33}.act-it-out .greenroom-scenery .pig-house:before{content:"";position:absolute;left:-14px;right:-14px;top:-66px;height:76px;transform:none;border-radius:10px 10px 3px 3px;clip-path:polygon(50% 0,100% 76%,94% 100%,6% 100%,0 76%);border:0;box-shadow:inset -22px -10px 20px #24313f38,inset 18px 10px 18px #fffaf12e,0 7px 12px #24313f29}.act-it-out .greenroom-scenery .pig-house:after{content:"";position:absolute;left:8%;right:8%;bottom:-13px;height:14px;transform:none;border-radius:50%;background:#24313f38;border:0;filter:blur(2px)}.act-it-out .greenroom-scenery .house-window{position:absolute;right:18px;top:28px;width:27px;height:25px;border-radius:4px;background:linear-gradient(90deg,transparent 46%,rgba(36,49,63,.18) 46% 54%,transparent 54%),linear-gradient(180deg,transparent 46%,rgba(36,49,63,.18) 46% 54%,transparent 54%),linear-gradient(135deg,#ffffffe6,#b5dae8bd);border:3px solid rgba(70,49,32,.28);box-shadow:inset 0 0 0 2px #fffaf147,0 4px 6px #24313f1f}.act-it-out .greenroom-scenery .house-door{position:absolute;left:24px;bottom:0;width:36px;height:58px;display:block;border-radius:10px 10px 2px 2px;background:radial-gradient(circle at 72% 52%,#f4d27c 0 3px,transparent 4px),linear-gradient(90deg,rgba(255,250,241,.14),transparent 28%),#5f3b27;border:3px solid rgba(36,49,63,.18);box-shadow:inset -8px 0 #24313f29}.act-it-out .greenroom-scenery .house-chimney{position:absolute;right:28px;top:-62px;width:20px;height:38px;border-radius:4px 4px 0 0;background:#6c4a32;border:3px solid rgba(36,49,63,.16);z-index:-1}.act-it-out .greenroom-scenery .straw-house{left:13%;top:74px;background:repeating-linear-gradient(105deg,rgba(107,69,18,.44) 0 1px,transparent 1px 7px),repeating-linear-gradient(82deg,rgba(127,86,22,.28) 0 3px,transparent 3px 10px),radial-gradient(circle at 22% 30%,rgba(255,246,174,.44) 0 12px,transparent 13px),linear-gradient(90deg,#d49c2f,#f9df83 50%,#c78924);transform:perspective(500px) rotateY(5deg) rotate(-2deg)}.act-it-out .greenroom-scenery .straw-house:before{background:repeating-linear-gradient(104deg,#8e5d18 0 2px,#f7db74 2px 8px,#c99128 8px 12px),linear-gradient(180deg,rgba(255,250,241,.22),transparent)}.act-it-out .greenroom-scenery .stick-house{left:50%;top:70px;width:158px;height:124px;transform:translate(-50%) perspective(500px) rotateY(-2deg) rotate(1deg);background:repeating-linear-gradient(92deg,#4f3121 0 5px,#a0693f 5px 15px,#70452c 15px 23px),radial-gradient(circle at 64% 22%,rgba(255,235,190,.22) 0 13px,transparent 14px),linear-gradient(90deg,#6e442a,#b87844 50%,#59341f)}.act-it-out .greenroom-scenery .stick-house:before{background:repeating-linear-gradient(86deg,#3f281b 0 5px,#9a643e 5px 15px,#6b432a 15px 22px)}.act-it-out .greenroom-scenery .brick-house{right:12%;top:70px;width:166px;height:132px;background:linear-gradient(90deg,rgba(255,240,225,.48) 2px,transparent 2px),linear-gradient(rgba(255,240,225,.48) 2px,transparent 2px),linear-gradient(90deg,transparent 0 14px,rgba(83,34,26,.25) 14px 17px,transparent 17px 28px),radial-gradient(circle at 30% 24%,rgba(255,206,180,.38) 0 14px,transparent 15px),linear-gradient(90deg,#9d392f,#d76a4b 52%,#8b3029);background-size:28px 21px;transform:perspective(500px) rotateY(-5deg) rotate(2deg)}.act-it-out .greenroom-scenery .brick-house:before{background:linear-gradient(90deg,rgba(255,250,241,.28) 2px,transparent 2px),linear-gradient(rgba(255,250,241,.28) 2px,transparent 2px),linear-gradient(90deg,#7f2c27,#b54a39 54%,#6f2722);background-size:26px 19px}.act-it-out .script-line-list{position:relative;z-index:4;display:grid;gap:12px;width:min(860px,100%);margin:0 auto}.act-it-out .script-line-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffaf1f5;box-shadow:0 14px 30px #24313f29}.act-it-out .script-line-card.is-complete{border-color:#5c8d3b70;background:#f7fbf2}.act-it-out .line-praise{position:absolute;top:10px;right:12px;z-index:6;padding:6px 14px;border-radius:999px;background:#eafaf0;border:1px solid #86c58c;color:#2f7a3a;font-weight:900;white-space:nowrap;pointer-events:none;box-shadow:0 6px 14px #2f7a3a2e;animation:line-praise-pop 1.3s ease-out both}@media(prefers-reduced-motion:reduce){.act-it-out .line-praise{animation-duration:.01s}}.act-it-out .line-number{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#3e2a0b;font-weight:900}.act-it-out .line-stack{display:grid;gap:8px}.act-it-out .reader-line{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:8px}.act-it-out .reader-line strong{color:var(--ink)}.act-it-out .student-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.act-it-out .reader-line p{margin:0;font-size:1.08rem;line-height:1.45}.act-it-out .reader-one-line{background:#eef7f8}.act-it-out .student-line{background:#fff7e4}.act-it-out .listen-action{padding:0 14px;border-color:#177e8947;background:var(--teal);color:#fff}.act-it-out .icon-record-action{min-width:104px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:0 14px;background:var(--rose);color:#fff}.act-it-out .icon-record-action.is-recording{background:var(--go)}.act-it-out .icon-record-action.is-recorded{background:var(--blue)}.act-it-out .greenroom-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 8px}.act-it-out #greenroom-progress,.act-it-out #monologue-progress{min-width:92px;text-align:center;color:var(--ink);font-weight:900;white-space:nowrap}.act-it-out .primary-action:disabled,.act-it-out .secondary-action:disabled{cursor:not-allowed;opacity:.5}.act-it-out .line-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.act-it-out .passage-card{padding:22px;border-radius:8px;border:1px solid rgba(23,126,137,.2);background:#fffdf8;box-shadow:0 12px 26px #24313f14}.act-it-out .passage-card h3{margin:0 0 12px;font-size:1.35rem}.act-it-out .passage-card p:last-child{margin:0;color:var(--ink);font-size:1.08rem;line-height:1.7}.act-it-out .trial-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.act-it-out .story-reader{position:relative;display:block;min-height:560px;padding:322px 28px 34px;overflow:hidden;border-radius:8px;border:1px solid rgba(36,49,63,.12);background:linear-gradient(#ffffff0d,#fffaf124),#9fd4e0;box-shadow:var(--shadow)}.act-it-out .storybook-scene{position:absolute;inset:0;overflow:hidden;border-radius:inherit;border:0;background:linear-gradient(180deg,#b7dfe7 0 42%,#7fac65 42% 100%);box-shadow:none}.act-it-out .storybook-scene .sky{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.46),transparent 45%),repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.16) 78px 80px)}.act-it-out .house{position:absolute;width:132px;height:105px;border-radius:6px;border:2px solid rgba(36,49,63,.2);box-shadow:0 20px 22px #24313f2b}.act-it-out .house:before{content:"";position:absolute;left:-13px;right:-13px;top:-55px;height:62px;clip-path:polygon(50% 0,100% 80%,92% 100%,8% 100%,0 80%);border-radius:8px 8px 2px 2px;box-shadow:inset -12px -8px #24313f29}.act-it-out .house:after{content:"";position:absolute;left:18px;bottom:0;width:34px;height:52px;border-radius:9px 9px 2px 2px;background:radial-gradient(circle at 75% 48%,#f4d27c 0 3px,transparent 4px),#5d3b28}.act-it-out .house span{position:absolute;right:10px;top:24px;width:62px;height:36px;overflow:hidden;border-radius:7px;border:3px solid rgba(70,49,32,.3);background:linear-gradient(90deg,transparent 46%,rgba(36,49,63,.18) 46% 54%,transparent 54%),linear-gradient(180deg,transparent 46%,rgba(36,49,63,.18) 46% 54%,transparent 54%),#d8f0f3}.act-it-out .house span:before{content:"";position:absolute;left:7px;bottom:-2px;width:18px;height:18px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 34% 38%,#3b2a31 0 1.5px,transparent 2px),radial-gradient(circle at 66% 38%,#3b2a31 0 1.5px,transparent 2px),radial-gradient(ellipse at 50% 62%,#e98294 0 5px,transparent 6px),#f5a9b7;box-shadow:19px 0 #f5a9b7,38px 0 #f5a9b7}.act-it-out .straw-house span{right:18px;top:34px;width:94px;height:52px;border-width:4px}.act-it-out .straw-house span:before{left:10px;bottom:-1px;width:74px;height:28px;border-radius:0;background:radial-gradient(circle at 8px 10px,#3b2a31 0 2px,transparent 2.5px),radial-gradient(circle at 17px 10px,#3b2a31 0 2px,transparent 2.5px),radial-gradient(ellipse at 13px 18px,#e98294 0 6px,transparent 7px),radial-gradient(circle at 13px 14px,#f5a9b7 0 13px,transparent 14px),radial-gradient(circle at 36px 10px,#3b2a31 0 2px,transparent 2.5px),radial-gradient(circle at 45px 10px,#3b2a31 0 2px,transparent 2.5px),radial-gradient(ellipse at 41px 18px,#e98294 0 6px,transparent 7px),radial-gradient(circle at 41px 14px,#f5a9b7 0 13px,transparent 14px),radial-gradient(circle at 64px 10px,#3b2a31 0 2px,transparent 2.5px),radial-gradient(circle at 73px 10px,#3b2a31 0 2px,transparent 2.5px),radial-gradient(ellipse at 69px 18px,#e98294 0 6px,transparent 7px),radial-gradient(circle at 69px 14px,#f5a9b7 0 13px,transparent 14px);box-shadow:none}.act-it-out .straw-house span:after{left:10px;bottom:22px;width:7px;height:11px;filter:drop-shadow(8px 0 #f09bab) drop-shadow(28px 0 #f09bab) drop-shadow(36px 0 #f09bab) drop-shadow(56px 0 #f09bab) drop-shadow(64px 0 #f09bab)}.act-it-out .house span:after{content:"";position:absolute;left:10px;bottom:12px;width:5px;height:8px;background:#f09bab;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(6px 0 #f09bab) drop-shadow(19px 0 #f09bab) drop-shadow(25px 0 #f09bab) drop-shadow(38px 0 #f09bab) drop-shadow(44px 0 #f09bab)}.act-it-out .stick-house span,.act-it-out .brick-house span{width:50px}.act-it-out .stick-house span:before,.act-it-out .stick-house span:after,.act-it-out .brick-house span:before,.act-it-out .brick-house span:after{display:none}.act-it-out .straw-house{left:2%;top:164px;width:174px;height:136px;transform:rotate(-3deg);background:repeating-linear-gradient(102deg,#8e5d18 0 2px,#f7db74 2px 8px,#c99128 8px 12px),#f4c85f}.act-it-out .straw-house:before{background:repeating-linear-gradient(105deg,#8e5d18 0 2px,#f7db74 2px 8px,#c99128 8px 12px)}.act-it-out .stick-house{left:62%;top:52px;transform:scale(.58) rotate(2deg);background:repeating-linear-gradient(92deg,#4f3121 0 5px,#a0693f 5px 15px,#70452c 15px 23px),#8c5b36}.act-it-out .stick-house:before{background:repeating-linear-gradient(86deg,#3f281b 0 5px,#9a643e 5px 15px,#6b432a 15px 22px)}.act-it-out .brick-house{right:-10%;top:46px;width:148px;height:116px;transform:scale(.62);background:linear-gradient(90deg,rgba(255,240,225,.48) 2px,transparent 2px),linear-gradient(rgba(255,240,225,.48) 2px,transparent 2px),linear-gradient(90deg,#9d392f,#d76a4b 52%,#8b3029);background-size:28px 21px}.act-it-out .brick-house:before{background:linear-gradient(90deg,rgba(255,250,241,.28) 2px,transparent 2px),linear-gradient(rgba(255,250,241,.28) 2px,transparent 2px),linear-gradient(90deg,#7f2c27,#b54a39 54%,#6f2722);background-size:26px 19px}.act-it-out .wolf-illustration{position:absolute;left:61%;top:184px;width:130px;height:auto;transform:scaleX(-1);filter:drop-shadow(0 15px 15px rgba(36,49,63,.22))}.act-it-out .wolf-body-shape,.act-it-out .wolf-head-shape,.act-it-out .wolf-ear{fill:#9d8b65;stroke:#4f432f;stroke-width:4;stroke-linejoin:round}.act-it-out .wolf-tail-shape{fill:#a9956b;stroke:#4f432f;stroke-width:4;stroke-linejoin:round}.act-it-out .wolf-back-fur,.act-it-out .wolf-hair{fill:none;stroke:#4f432f;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.act-it-out .wolf-ribs{fill:none;stroke:#4a3c285c;stroke-width:4;stroke-linecap:round}.act-it-out .wolf-arm-left,.act-it-out .wolf-arm-right,.act-it-out .wolf-leg{fill:none;stroke:#69583c;stroke-width:9;stroke-linecap:round}.act-it-out .wolf-hand,.act-it-out .wolf-paw{fill:#8f7d58;stroke:#4f432f;stroke-width:4;stroke-linejoin:round}.act-it-out .wolf-snout{fill:#b6a47a;stroke:#4f432f;stroke-width:3;stroke-linejoin:round}.act-it-out .wolf-ear-inner{fill:#d3a68d;stroke:#4f432f;stroke-width:2;stroke-linejoin:round}.act-it-out .wolf-nose{fill:#2f2d32}.act-it-out .wolf-eye-white{fill:#fffaf1;stroke:#4f432f;stroke-width:2}.act-it-out .wolf-eye{fill:#121a20}.act-it-out .wolf-brow,.act-it-out .wolf-whiskers,.act-it-out .wolf-mouth-line,.act-it-out .wolf-belly,.act-it-out .breath-line{fill:none;stroke:#4f432f;stroke-width:3;stroke-linecap:round}.act-it-out .wolf-belly{stroke-width:4}.act-it-out .breath-line{stroke:#6a7480;stroke-width:2}.act-it-out .breath-cloud circle{fill:#f7fafb;stroke:#7e8790;stroke-width:3}.act-it-out .storybook-scene{background:linear-gradient(180deg,#bfe6ec 0 40%,#a7d3b0 40% 47%,#7fac65 47% 100%)}.act-it-out .storybook-scene .sky:after{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:radial-gradient(22px 14px at 16% 46%,rgba(255,255,255,.9) 0 60%,transparent 62%),radial-gradient(30px 18px at 22% 60%,rgba(255,255,255,.9) 0 60%,transparent 62%),radial-gradient(26px 15px at 70% 34%,rgba(255,255,255,.8) 0 60%,transparent 62%),radial-gradient(20px 12px at 76% 46%,rgba(255,255,255,.8) 0 60%,transparent 62%)}.act-it-out .storybook-scene .straw-house,.act-it-out .storybook-scene .stick-house,.act-it-out .storybook-scene .brick-house{width:188px;height:150px;top:150px;transform-origin:bottom center;z-index:2;box-shadow:0 18px 20px #24313f2e}.act-it-out .storybook-scene .straw-house{left:24px;transform:rotate(-2deg);z-index:3}.act-it-out .storybook-scene .straw-house span{left:42px;right:auto;top:44px;width:104px;height:58px;border-width:4px;display:flex;align-items:flex-end;justify-content:center;gap:1px;padding:6px 5px 0;box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg,#eaf7f9,#cfeaef)}.act-it-out .storybook-scene .straw-house span:before,.act-it-out .storybook-scene .straw-house span:after{content:none;display:none}.act-it-out .storybook-scene .win-pig{width:29px;height:auto;flex:0 0 auto;transform:translateY(11px) rotate(-4deg)}.act-it-out .storybook-scene .win-pig:nth-child(2){width:32px;transform:translateY(6px);position:relative;z-index:1}.act-it-out .storybook-scene .win-pig:last-child{transform:translateY(11px) rotate(4deg)}.act-it-out .storybook-scene .pig-head,.act-it-out .storybook-scene .pig-ear{fill:#f3a7b7;stroke:#cf7d90;stroke-width:1.6;stroke-linejoin:round}.act-it-out .storybook-scene .pig-cheek{fill:#ee8ea2;opacity:.6}.act-it-out .storybook-scene .pig-snout{fill:#ef94a6;stroke:#cf7d90;stroke-width:1.4}.act-it-out .storybook-scene .pig-nostril{fill:#a9536a}.act-it-out .storybook-scene .pig-eye{fill:#2f2733}.act-it-out .storybook-scene .pig-eye-hl{fill:#fff}.act-it-out .storybook-scene .wolf-illustration{left:188px;top:202px;width:184px;z-index:4;filter:drop-shadow(0 16px 14px rgba(36,49,63,.28));transition:left .55s ease}.act-it-out .storybook-scene.scene-stick .wolf-illustration{left:650px}.act-it-out .storybook-scene.scene-stick .wolf-gust{left:634px}.act-it-out .storybook-scene.scene-brick .wolf-illustration{left:956px}.act-it-out .storybook-scene.scene-brick .wolf-gust{left:940px}.act-it-out .storybook-scene .wolf-body-shape,.act-it-out .storybook-scene .wolf-head-shape,.act-it-out .storybook-scene .wolf-ear{fill:#8d8a82;stroke:#3c382f}.act-it-out .storybook-scene .wolf-tail-shape{fill:#9a968c;stroke:#3c382f}.act-it-out .storybook-scene .wolf-snout{fill:#9c9a93;stroke:none}.act-it-out .storybook-scene .wolf-jaw{fill:#8d8a82;stroke:#3c382f;stroke-width:4;stroke-linejoin:round}.act-it-out .storybook-scene .wolf-teeth{fill:#fff8ec;stroke:#3c382f;stroke-width:1.4;stroke-linejoin:round}.act-it-out .storybook-scene .wolf-mouth-line{stroke:#2f2b25;stroke-width:3.4}.act-it-out .storybook-scene .wolf-eye-shine{fill:#fff}.act-it-out .storybook-scene .wolf-hand,.act-it-out .storybook-scene .wolf-paw{fill:#7d7a72;stroke:#3c382f}.act-it-out .storybook-scene .wolf-arm-left,.act-it-out .storybook-scene .wolf-arm-right,.act-it-out .storybook-scene .wolf-leg{stroke:#5e5b52}.act-it-out .storybook-scene .wolf-back-fur{stroke:#3c382f}.act-it-out .storybook-scene .blowing-wolf{transform-origin:50% 72%;animation:wolf-blow 1.8s ease-in-out infinite}@keyframes wolf-blow{0%,to{transform:scaleX(-1) rotate(0)}50%{transform:scaleX(-1) rotate(-4deg) scale(1.025)}}.act-it-out .storybook-scene .wolf-gust{position:absolute;left:172px;top:218px;width:44px;height:62px;z-index:5;pointer-events:none;transition:left .55s ease}.act-it-out .storybook-scene .wolf-gust span{position:absolute;right:0;height:6px;border-radius:6px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92));animation:wolf-gust 1.8s linear infinite}.act-it-out .storybook-scene .wolf-gust span:nth-child(1){top:6px;width:32px;animation-delay:0s}.act-it-out .storybook-scene .wolf-gust span:nth-child(2){top:22px;width:42px;animation-delay:.45s}.act-it-out .storybook-scene .wolf-gust span:nth-child(3){top:38px;width:36px;animation-delay:.9s}.act-it-out .storybook-scene .wolf-gust span:nth-child(4){top:52px;width:26px;animation-delay:1.35s}@keyframes wolf-gust{0%{transform:translate(16px) scaleX(.5);opacity:0}30%{opacity:1}to{transform:translate(-30px) scaleX(1.15);opacity:0}}.act-it-out{--brick-tex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38'%3E%3Crect width='46' height='38' fill='%23e7d3c5'/%3E%3Cg fill='%23c25c44'%3E%3Crect x='1.5' y='2' width='43' height='14.5' rx='2'/%3E%3Crect x='1.5' y='21' width='20' height='14.5' rx='2'/%3E%3Crect x='24.5' y='21' width='20' height='14.5' rx='2'/%3E%3C/g%3E%3C/svg%3E");--stick-tex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='40'%3E%3Crect width='26' height='40' fill='%233f2817'/%3E%3Crect x='1' y='-3' width='10' height='46' rx='5' fill='%238a5732'/%3E%3Crect x='13' y='-3' width='10' height='46' rx='5' fill='%2374492a'/%3E%3Crect x='4.5' y='-3' width='2.4' height='46' rx='1.2' fill='%23a97a49'/%3E%3Crect x='16.5' y='-3' width='2.4' height='46' rx='1.2' fill='%238f5f38'/%3E%3C/svg%3E")}.act-it-out .storybook-scene .stick-house{left:486px;right:auto;transform:rotate(1.5deg);background:var(--stick-tex) 0 0 / 24px 40px,#6b4326}.act-it-out .storybook-scene .stick-house:before{background:var(--stick-tex) 0 0 / 19px 30px,#5a3821}.act-it-out .storybook-scene .brick-house{left:792px;right:auto;transform:rotate(-1.5deg);background:var(--brick-tex) 0 0 / 44px 36px,#c25c44}.act-it-out .storybook-scene .brick-house:before{background:var(--brick-tex) 0 0 / 34px 28px,#b3543f}.act-it-out .storybook-scene .brick-house .chimney{position:absolute;top:-58px;right:40px;width:26px;height:42px;z-index:3;background:var(--brick-tex) 0 0 / 26px 20px,#b3543f;border:2px solid rgba(36,49,63,.28);border-radius:3px 3px 0 0}.act-it-out .storybook-scene .brick-house .chimney:before{content:"";position:absolute;left:-4px;right:-4px;top:-7px;height:9px;border-radius:3px;background:#8b3a2c}.act-it-out .storybook-scene .brick-house .chimney:after{content:"";position:absolute;left:3px;top:-22px;width:15px;height:15px;border-radius:50%;background:#ffffffb8;box-shadow:9px -9px 0 -3px #ffffff8c,-1px -16px 0 -4px #ffffff6b}.act-it-out .greenroom-scenery .stick-house{background:var(--stick-tex),#6b4326;background-size:22px 38px,auto}.act-it-out .greenroom-scenery .stick-house:before{background:var(--stick-tex),#5a3821;background-size:18px 30px,auto}.act-it-out .greenroom-scenery .brick-house{background:var(--brick-tex),#c25c44;background-size:40px 34px,auto}.act-it-out .greenroom-scenery .brick-house:before{background:var(--brick-tex),#b3543f;background-size:34px 28px,auto}@media(prefers-reduced-motion:reduce){.act-it-out .storybook-scene .blowing-wolf,.act-it-out .storybook-scene .wolf-gust span{animation:none}.act-it-out .storybook-scene .blowing-wolf{transform:scaleX(-1) rotate(4deg)}.act-it-out .storybook-scene .wolf-gust span{opacity:.85}}.act-it-out .pig{position:absolute;width:74px;height:92px;border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 34% 22%,#3b2a31 0 3px,transparent 4px),radial-gradient(circle at 66% 22%,#3b2a31 0 3px,transparent 4px),radial-gradient(ellipse at 50% 35%,#e98294 0 15px,transparent 16px),linear-gradient(180deg,#f5a9b7 0 52px,var(--shirt, #57a8d8) 52px 100%);border:2px solid rgba(99,49,55,.18);box-shadow:0 12px 16px #24313f21}.act-it-out .pig:before,.act-it-out .pig:after{content:"";position:absolute;top:-13px;width:26px;height:28px;background:#f09bab;clip-path:polygon(50% 0,100% 100%,0 100%)}.act-it-out .pig:before{left:8px;transform:rotate(-18deg)}.act-it-out .pig:after{right:8px;transform:rotate(18deg)}.act-it-out .pig span{position:absolute;left:50%;top:28px;width:26px;height:15px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 35% 50%,#8c4654 0 2px,transparent 3px),radial-gradient(circle at 65% 50%,#8c4654 0 2px,transparent 3px),#f7c0c9}.act-it-out .pig-one{left:4%;top:300px;--shirt: #3f8fd2;transform:rotate(-4deg)}.act-it-out .pig-two{left:calc(50% - 46px);top:300px;--shirt: #f1c84d;transform:rotate(2deg)}.act-it-out .pig-three{right:4%;top:300px;--shirt: #65a95c;transform:rotate(4deg)}.act-it-out .monologue-page{position:relative;z-index:1;width:min(800px,100%);margin:0 auto;padding:28px;border-radius:8px;border:1px solid var(--line);background:#fffffff5;box-shadow:var(--shadow)}.act-it-out .monologue-page h3{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.act-it-out .grade-note{margin:4px 0 18px;color:var(--muted);font-weight:900}.act-it-out #monologue-text{display:grid;gap:13px}.act-it-out #monologue-text p{margin:0;font-size:clamp(1.08rem,1.8vw,1.28rem);line-height:1.62}.act-it-out .record-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 6px 18px #24313f12}.act-it-out .record-card.is-complete{border-color:#5c8d3b6b;background:#f7fbf2}.act-it-out .record-topline{display:flex;justify-content:space-between;gap:14px;align-items:start}.act-it-out .record-topline span{padding:5px 8px;border-radius:999px;background:#eef7f8;color:var(--teal);font-size:.82rem;font-weight:900;white-space:nowrap}.act-it-out .script-text{margin:0;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.55}.act-it-out .script-text.is-short{color:var(--muted);font-size:.98rem}.act-it-out .reader-one-panel{align-self:start;position:sticky;top:86px;padding:16px;border-radius:8px;border:1px solid var(--line);background:#fffaf1}.act-it-out .reader-one-panel p{margin-top:0}.act-it-out .reader-one-item{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.38}.act-it-out .duo-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.act-it-out .controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.act-it-out .record-action{padding:0 14px;background:var(--rose);color:#fff}.act-it-out .record-action.is-recording{background:var(--go)}.act-it-out .review-group{margin:20px 0 2px;font-size:.95rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.act-it-out .review-group:first-child{margin-top:4px}.act-it-out .trial-list{display:grid;gap:8px;margin-top:8px}.act-it-out .trial-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#fffaf1;border:1px solid var(--line)}.act-it-out .trial-label{font-weight:900;min-width:60px;color:var(--ink)}.act-it-out .trial-row .status{flex:1 1 180px;min-width:0;overflow-wrap:anywhere;color:var(--muted)}.act-it-out .question-list{display:grid;gap:14px}.act-it-out .question-card{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;border-radius:12px;border:1px solid var(--line);background:#fffaf1;box-shadow:var(--shadow)}.act-it-out .question-card.is-complete{border-color:#86c58c;background:#f3fbf3}.act-it-out .q-body{flex:1 1 260px;min-width:0}.act-it-out .q-section{margin:0 0 6px;color:var(--teal)}.act-it-out .q-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.act-it-out .q-body h3{margin:0;font-size:1.15rem}.act-it-out .q-sub{margin:8px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:4px;line-height:1.4}.act-it-out .q-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.act-it-out .play-action,.act-it-out .download-action{padding:0 14px;border-color:#d8cfbf;background:#fff;color:var(--ink)}.act-it-out .play-action:disabled,.act-it-out .download-action:disabled{cursor:not-allowed;opacity:.48}.act-it-out .status{color:var(--muted);font-weight:800}.act-it-out .bottom-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.act-it-out .summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.act-it-out .summary-strip article,.act-it-out .download-panel{padding:16px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}.act-it-out .summary-strip strong{display:block;font-size:1.7rem}.act-it-out .summary-strip span,.act-it-out .download-panel p{color:var(--muted)}.act-it-out .download-panel{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.act-it-out .confetti-layer{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.act-it-out .confetti-layer span{position:absolute;left:var(--x);top:-20px;width:10px;height:16px;border-radius:2px;background:hsl(calc(var(--i) * 37),78%,58%);animation:confetti-fall var(--d) ease-out var(--delay, 0s) forwards;transform:rotate(calc(var(--i) * 21deg))}.act-it-out .confetti-layer span:nth-child(3n){width:12px;height:12px;border-radius:50%}.act-it-out .confetti-layer span:nth-child(4n){width:8px;height:18px}.act-it-out .confetti-message{position:fixed;left:50%;top:18%;transform:translate(-50%);padding:16px 24px;border-radius:8px;background:#fffaf1;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900;animation:confetti-pop .5s ease-out both}@keyframes confetti-pop{0%{transform:translate(-50%) scale(.6);opacity:0}60%{transform:translate(-50%) scale(1.08);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:0}}@media(max-width:820px){.act-it-out .topbar,.act-it-out .duo-layout,.act-it-out .trial-record-grid,.act-it-out .summary-strip{grid-template-columns:1fr}.act-it-out .story-reader{padding:322px 16px 24px}.act-it-out .storybook-scene{position:absolute;inset:0;min-height:0}.act-it-out .reader-one-panel{position:static}.act-it-out .reader-line{grid-template-columns:1fr;align-items:stretch}.act-it-out .simple-greenroom{min-height:460px;padding-top:118px}.act-it-out .greenroom-scenery .pig-house{transform:scale(.78)}.act-it-out .greenroom-scenery .straw-house{left:3%}.act-it-out .greenroom-scenery .stick-house{left:50%;transform:translate(-50%) scale(.78)}.act-it-out .greenroom-scenery .brick-house{right:3%}}@media(max-width:620px){.act-it-out .app-shell{width:min(100% - 20px,1180px)}.act-it-out .topbar{padding:20px}.act-it-out .tabs{gap:4px;padding:6px}.act-it-out .tabs button{padding:0 3px;font-size:.72rem}.act-it-out .record-topline,.act-it-out .name-row,.act-it-out .line-actions,.act-it-out .download-panel,.act-it-out .bottom-actions{align-items:stretch;flex-direction:column}.act-it-out .name-row{display:flex}.act-it-out .simple-greenroom{min-height:500px;padding:142px 12px 20px}.act-it-out .simple-greenroom:before,.act-it-out .simple-greenroom:after{width:7%}.act-it-out .greenroom-scenery .pig-house{transform:scale(.58)}.act-it-out .greenroom-scenery .straw-house{left:-6%}.act-it-out .greenroom-scenery .stick-house{transform:translate(-50%) scale(.58)}.act-it-out .greenroom-scenery .brick-house{right:-6%}.act-it-out .greenroom-nav{flex-wrap:wrap}}.act-it-out .welcome-title{font-size:clamp(1.4rem,3.2vw,2rem);color:var(--teal);margin:2px 0 8px}.act-it-out .tap-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:8px}.act-it-out .tap-row .steps-listen{flex-basis:100%;margin:0}.act-it-out .tap-row .kid-steps{flex:1 1 260px;margin:0}.act-it-out .tap-row .unit-record{flex:1 1 220px;margin-top:0}.act-it-out #words-view .tap-row .kid-steps{flex:3 1 auto;flex-direction:row;flex-wrap:nowrap;gap:8px}.act-it-out #words-view .tap-row .kid-steps li{flex:1 1 0}.act-it-out #words-view .tap-row .unit-record{flex:1 1 auto}.act-it-out #words-view .steps-listen,.act-it-out #words-view .kid-steps li,.act-it-out #words-view .kid-steps li span,.act-it-out #words-view .unit-record .unit-record-label,.act-it-out #words-view .icon-record-action .rec-txt,.act-it-out #words-view .proctor-note,.act-it-out #words-view .proctor-note strong,.act-it-out #words-view #mic-check-btn{font-size:1rem}.act-it-out .kid-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.act-it-out .kid-steps li{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#fff3d0;border:2px solid var(--gold);color:var(--ink);font-size:clamp(1rem,1.9vw,1.2rem);font-weight:800;line-height:1.25}.act-it-out .kid-steps .step-icon{font-size:1.4em;line-height:1}.act-it-out .kid-steps.is-condensed{display:flex;flex-wrap:wrap;gap:6px}.act-it-out .kid-steps.is-condensed li{padding:5px 10px;font-size:.75rem;gap:5px;flex:0 1 auto}.act-it-out .kid-steps.is-condensed .step-icon{font-size:1.15em}.act-it-out #recording-indicator{position:fixed;top:62px;right:14px;z-index:9999;display:none;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#c0392b;color:#fff;font-weight:900;font-size:1rem;box-shadow:0 6px 18px #24313f52}.act-it-out #recording-indicator.is-visible{display:inline-flex}.act-it-out #recording-indicator .rec-dot{width:12px;height:12px;border-radius:50%;background:#fff;animation:rec-blink 1s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.act-it-out #recording-indicator .rec-dot{animation:none}}.act-it-out .word-carousel{position:relative;margin-top:10px}.act-it-out .word-carousel .word-card{display:none}.act-it-out .word-carousel .word-card.is-current{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:460px;margin:0 auto;padding:18px 24px;text-align:center}.act-it-out .word-carousel .word-card .word-body{display:contents}.act-it-out .word-carousel .word-label{order:1;font-size:clamp(2.4rem,7vw,3.2rem)}.act-it-out .word-carousel .word-pic{order:2}.act-it-out .word-carousel .word-actions{order:3;width:100%;display:flex;justify-content:space-between;gap:12px}.act-it-out .word-carousel .word-status{order:4}.act-it-out .word-carousel .word-listen,.act-it-out .word-carousel .word-record{flex:1 1 0;justify-content:center;min-height:58px;font-size:1.1rem}.act-it-out .words-progressbar{height:14px;margin:20px 0 12px;border-radius:999px;background:#e9e0d0;border:1px solid var(--line);overflow:hidden}.act-it-out #words-progress-fill{display:block;height:100%;width:20%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--teal));transition:width .35s ease}.act-it-out .words-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.act-it-out #words-progress{font-weight:800;color:var(--muted)}.act-it-out #words-next.is-ready{background:var(--teal)}@media(max-width:480px){.act-it-out .word-carousel .word-card.is-current{max-width:100%}.act-it-out .word-carousel .word-pic{width:160px;height:160px}}.act-it-out .teacher-tools{margin-top:18px;text-align:right}.act-it-out .reset-recordings{border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer;opacity:.65;transition:opacity .15s ease,border-color .15s ease}.act-it-out .reset-recordings:hover{opacity:1;border-color:var(--muted)}.act-it-out .question-card.is-single{max-width:900px;margin:0 auto;padding:26px 24px;border:1px solid var(--line);border-radius:16px;background:#fffaf1;box-shadow:var(--shadow);display:grid;gap:18px}.act-it-out .question-card.is-single.is-complete{border-color:#86c58c;background:#f3fbf3}.act-it-out .question-card.is-single .q-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.act-it-out .question-card.is-single h3{margin:0;font-size:clamp(1.2rem,2.6vw,1.6rem);line-height:1.3}.act-it-out .q-section{margin:0;color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.act-it-out .question-card.is-single .q-actions{display:flex;flex-wrap:wrap;gap:10px}.act-it-out .thumb-actions{display:flex;gap:14px}.act-it-out .thumb-btn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border-radius:16px;border:2px solid var(--line);background:#fff;color:var(--ink);font-weight:900;font-size:1.1rem;cursor:pointer;transition:transform .1s ease,border-color .1s ease,background .1s ease}.act-it-out .thumb-ico{font-size:2.4rem;line-height:1}.act-it-out .thumb-btn:hover{transform:translateY(-2px)}.act-it-out .thumb-yes.is-picked{border-color:var(--go, #2f9e57);background:#e8f7ee;color:#1f7a44}.act-it-out .thumb-no.is-picked{border-color:var(--rose, #c94f5d);background:#fdeaec;color:#a83744}.act-it-out .face-actions{display:flex;gap:10px}.act-it-out .face-btn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:16px;border:2px solid var(--line);background:#fff;color:var(--ink);font-weight:800;cursor:pointer;transition:transform .1s ease,border-color .1s ease,background .1s ease}.act-it-out .face-ico{font-size:2.4rem;line-height:1}.act-it-out .face-label{font-size:.85rem}.act-it-out .face-btn:hover{transform:translateY(-2px)}.act-it-out .face-btn.is-picked{border-color:var(--teal, #177e89);background:#e6f4f6;color:#0f5b64;box-shadow:0 4px 12px #177e892e}.act-it-out .page-direction,.act-it-out .q-direction{margin:8px 0 0;font-weight:800;color:var(--muted, #64727f)}.act-it-out .q-section{margin:0 0 2px;font-weight:900;color:var(--teal, #177e89);text-transform:uppercase;letter-spacing:.4px;font-size:.82rem}.act-it-out .reading-page{max-width:800px;margin:8px auto 0;padding:22px 26px;border-radius:12px;border:1px solid var(--line);background:#fffffff5;box-shadow:var(--shadow)}.act-it-out .reading-page p{margin:0 0 12px;font-size:1.12rem;line-height:1.55}.act-it-out .reading-page p:last-child{margin-bottom:0}.act-it-out .questions-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 8px}.act-it-out .questions-nav #questions-progress{font-weight:800;color:var(--muted)}.act-it-out .choice-answer{margin:6px 0 0;font-weight:900;font-size:1.1rem}.act-it-out .word-carousel .word-card.is-current{gap:20px;padding:30px 26px 26px;border:2px solid #f2d79a;border-radius:28px;background:linear-gradient(180deg,#fffdf8,#fff3dd);box-shadow:0 22px 46px #d6a12a33}.act-it-out .word-carousel .word-label{color:#1f6b74;text-shadow:0 1px 0 #fff;letter-spacing:.5px}.act-it-out .word-carousel .word-pic{width:130px;height:130px;border-radius:28px;background:#fff;padding:8px;box-shadow:0 12px 24px #24313f1f,inset 0 0 0 2px #f4b94266}.act-it-out .word-carousel .word-listen,.act-it-out .word-carousel .word-record{border-radius:999px;box-shadow:0 6px 14px #24313f1f}.act-it-out .word-carousel .word-listen{border-width:2px;background:#fff}.act-it-out .word-carousel .word-actions{flex-wrap:wrap}.act-it-out .word-carousel .word-hear{flex:1 1 0;justify-content:center;min-height:58px;padding:0 8px;border:0;border-radius:999px;background:linear-gradient(180deg,#8b6cf0,#6f4fe0);color:#fff;font-size:.95rem;box-shadow:0 8px 18px #6f4fe059}.act-it-out .word-carousel .word-hear:hover{filter:brightness(1.06);background:linear-gradient(180deg,#8b6cf0,#6f4fe0);color:#fff}.act-it-out .word-carousel .word-hear .wh-ico{font-size:1.1em;line-height:1}.act-it-out .story-reader{padding-top:145px;padding-bottom:18px;min-height:0}.act-it-out .storybook-scene{background:linear-gradient(180deg,#bfe6ec 0 118px,#a7d3b0 118px 130px,#7fac65 130px 100%)}.act-it-out .storybook-scene .sky:after{height:72px;background:radial-gradient(22px 14px at 30% 40%,rgba(255,255,255,.9) 0 60%,transparent 62%),radial-gradient(30px 18px at 35% 52%,rgba(255,255,255,.9) 0 60%,transparent 62%),radial-gradient(26px 15px at 58% 34%,rgba(255,255,255,.85) 0 60%,transparent 62%),radial-gradient(20px 12px at 63% 44%,rgba(255,255,255,.85) 0 60%,transparent 62%)}.act-it-out .storybook-scene .straw-house,.act-it-out .storybook-scene .stick-house,.act-it-out .storybook-scene .brick-house{transform-origin:top left;top:40px}.act-it-out .storybook-scene .straw-house{left:137px;transform:rotate(-2deg) scale(.6)}.act-it-out .storybook-scene .stick-house{transform:rotate(1.5deg) scale(.6)}.act-it-out .storybook-scene .brick-house{transform:rotate(-1.5deg) scale(.6)}.act-it-out .storybook-scene .wolf-illustration{top:72px;width:110px;left:226px}.act-it-out .storybook-scene .wolf-gust{top:86px;left:210px;transform:scale(.6);transform-origin:right top}.act-it-out .storybook-scene.scene-stick .wolf-illustration{left:570px}.act-it-out .storybook-scene.scene-stick .wolf-gust{left:554px}.act-it-out .storybook-scene.scene-brick .wolf-illustration{left:878px}.act-it-out .storybook-scene.scene-brick .wolf-gust{left:862px}.act-it-out .monologue-page{padding:14px 18px}.act-it-out .monologue-page h3{font-size:1.4rem}.act-it-out .monologue-page .eyebrow{margin-bottom:2px}.act-it-out #monologue-text{gap:8px}.act-it-out #monologue-text p{font-size:1.08rem;line-height:1.42}.act-it-out #monologue-text.mono-dense{gap:5px}.act-it-out #monologue-text.mono-dense p{font-size:.98rem;line-height:1.32}.act-it-out .welcome-title{margin:0 0 6px}.act-it-out .word-carousel{margin-top:6px}.act-it-out #words-view .steps-listen{padding-top:8px;padding-bottom:8px}.act-it-out .word-carousel .word-card.is-current{gap:6px;padding:8px 20px}.act-it-out .word-carousel .word-pic{width:88px;height:88px;border-radius:20px;padding:7px}.act-it-out .word-carousel .word-label{font-size:clamp(1.8rem,5vw,2.4rem)}.act-it-out .word-carousel .word-listen,.act-it-out .word-carousel .word-record{min-height:50px;font-size:1rem}.act-it-out:where(.act-it-out-b) .simple-greenroom{position:relative;min-height:560px;display:grid;align-items:end;overflow:hidden;padding:92px 18px 28px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#25313d26,#25313d66),linear-gradient(180deg,#7bc5d0,#ddf2df 42%,#9f5b3e 43%,#6d3b2c);box-shadow:var(--shadow)}.act-it-out:where(.act-it-out-b) .simple-greenroom:before,.act-it-out:where(.act-it-out-b) .simple-greenroom:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:13%;background:repeating-linear-gradient(90deg,#9f2f42 0 18px,#c64f5d 18px 36px)}.act-it-out:where(.act-it-out-b) .simple-greenroom:before{left:0}.act-it-out:where(.act-it-out-b) .simple-greenroom:after{right:0}.act-it-out:where(.act-it-out-b) .greenroom-scenery{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 31%,rgba(92,141,59,.75) 0 36px,transparent 37px),radial-gradient(circle at 76% 29%,rgba(92,141,59,.7) 0 44px,transparent 45px),linear-gradient(180deg,transparent 0 42%,rgba(99,145,75,.62) 42% 57%,rgba(116,83,54,.28) 57% 100%)}.act-it-out:where(.act-it-out-b) .greenroom-scenery:before{content:"";position:absolute;left:10%;right:10%;top:178px;height:28px;border-radius:50%;background:#24313f2e;filter:blur(3px)}.act-it-out:where(.act-it-out-b) .greenroom-spotlight{position:absolute;z-index:2;left:50%;top:-40px;width:min(620px,72%);height:76%;transform:translate(-50%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:#fffad685;pointer-events:none}.act-it-out:where(.act-it-out-b) .greenroom-scenery .pig-house{position:absolute;top:70px;width:150px;height:116px;border-radius:6px 6px 3px 3px;border:2px solid rgba(55,43,31,.24);box-shadow:inset -22px 0 28px #24313f2e,inset 12px 0 18px #fffaf129,0 16px #24313f1a,0 24px 34px #24313f33}.act-it-out:where(.act-it-out-b) .greenroom-scenery .pig-house:before{content:"";position:absolute;left:-14px;right:-14px;top:-66px;height:76px;transform:none;border-radius:10px 10px 3px 3px;clip-path:polygon(50% 0,100% 76%,94% 100%,6% 100%,0 76%);border:0;box-shadow:inset -22px -10px 20px #24313f38,inset 18px 10px 18px #fffaf12e,0 7px 12px #24313f29}.act-it-out:where(.act-it-out-b) .greenroom-scenery .pig-house:after{content:"";position:absolute;left:8%;right:8%;bottom:-13px;height:14px;transform:none;border-radius:50%;background:#24313f38;border:0;filter:blur(2px)}.act-it-out:where(.act-it-out-b) .greenroom-scenery .house-window{position:absolute;right:18px;top:28px;width:27px;height:25px;border-radius:4px;background:linear-gradient(90deg,transparent 46%,rgba(36,49,63,.18) 46% 54%,transparent 54%),linear-gradient(180deg,transparent 46%,rgba(36,49,63,.18) 46% 54%,transparent 54%),linear-gradient(135deg,#ffffffe6,#b5dae8bd);border:3px solid rgba(70,49,32,.28);box-shadow:inset 0 0 0 2px #fffaf147,0 4px 6px #24313f1f}.act-it-out:where(.act-it-out-b) .greenroom-scenery .house-door{position:absolute;left:24px;bottom:0;width:36px;height:58px;display:block;border-radius:10px 10px 2px 2px;background:radial-gradient(circle at 72% 52%,#f4d27c 0 3px,transparent 4px),linear-gradient(90deg,rgba(255,250,241,.14),transparent 28%),#5f3b27;border:3px solid rgba(36,49,63,.18);box-shadow:inset -8px 0 #24313f29}.act-it-out:where(.act-it-out-b) .greenroom-scenery .house-chimney{position:absolute;right:28px;top:-62px;width:20px;height:38px;border-radius:4px 4px 0 0;background:#6c4a32;border:3px solid rgba(36,49,63,.16);z-index:-1}.act-it-out:where(.act-it-out-b) .greenroom-scenery .straw-house{left:13%;top:74px;background:repeating-linear-gradient(105deg,rgba(107,69,18,.44) 0 1px,transparent 1px 7px),repeating-linear-gradient(82deg,rgba(127,86,22,.28) 0 3px,transparent 3px 10px),radial-gradient(circle at 22% 30%,rgba(255,246,174,.44) 0 12px,transparent 13px),linear-gradient(90deg,#d49c2f,#f9df83 50%,#c78924);transform:perspective(500px) rotateY(5deg) rotate(-2deg)}.act-it-out:where(.act-it-out-b) .greenroom-scenery .straw-house:before{background:repeating-linear-gradient(104deg,#8e5d18 0 2px,#f7db74 2px 8px,#c99128 8px 12px),linear-gradient(180deg,rgba(255,250,241,.22),transparent)}.act-it-out:where(.act-it-out-b) .greenroom-scenery .stick-house{left:50%;top:70px;width:158px;height:124px;transform:translate(-50%) perspective(500px) rotateY(-2deg) rotate(1deg);background:repeating-linear-gradient(92deg,#4f3121 0 5px,#a0693f 5px 15px,#70452c 15px 23px),radial-gradient(circle at 64% 22%,rgba(255,235,190,.22) 0 13px,transparent 14px),linear-gradient(90deg,#6e442a,#b87844 50%,#59341f)}.act-it-out:where(.act-it-out-b) .greenroom-scenery .stick-house:before{background:repeating-linear-gradient(86deg,#3f281b 0 5px,#9a643e 5px 15px,#6b432a 15px 22px)}.act-it-out:where(.act-it-out-b) .greenroom-scenery .brick-house{right:12%;top:70px;width:166px;height:132px;background:linear-gradient(90deg,rgba(255,240,225,.48) 2px,transparent 2px),linear-gradient(rgba(255,240,225,.48) 2px,transparent 2px),linear-gradient(90deg,transparent 0 14px,rgba(83,34,26,.25) 14px 17px,transparent 17px 28px),radial-gradient(circle at 30% 24%,rgba(255,206,180,.38) 0 14px,transparent 15px),linear-gradient(90deg,#9d392f,#d76a4b 52%,#8b3029);background-size:28px 21px;transform:perspective(500px) rotateY(-5deg) rotate(2deg)}.act-it-out:where(.act-it-out-b) .greenroom-scenery .brick-house:before{background:linear-gradient(90deg,rgba(255,250,241,.28) 2px,transparent 2px),linear-gradient(rgba(255,250,241,.28) 2px,transparent 2px),linear-gradient(90deg,#7f2c27,#b54a39 54%,#6f2722);background-size:26px 19px}.act-it-out:where(.act-it-out-b) .script-line-list{position:relative;z-index:4;display:grid;gap:12px;width:min(860px,100%);margin:0 auto}.act-it-out:where(.act-it-out-b) .script-line-card{position:relative;display:block;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffaf1f5;box-shadow:0 14px 30px #24313f29}.act-it-out:where(.act-it-out-b) .script-line-card.is-complete{border-color:#5c8d3b70;background:#f7fbf2}.act-it-out:where(.act-it-out-b) .line-praise{position:absolute;top:10px;right:12px;z-index:6;padding:6px 14px;border-radius:999px;background:#eafaf0;border:1px solid #86c58c;color:#2f7a3a;font-weight:900;white-space:nowrap;pointer-events:none;box-shadow:0 6px 14px #2f7a3a2e;animation:line-praise-pop 1.3s ease-out both}@keyframes line-praise-pop{0%{transform:translateY(6px) scale(.7);opacity:0}18%{transform:translateY(0) scale(1.1);opacity:1}75%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-10px) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.act-it-out:where(.act-it-out-b) .line-praise{animation-duration:.01s}}.act-it-out:where(.act-it-out-b) .line-number{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#3e2a0b;font-weight:900}.act-it-out:where(.act-it-out-b) .line-stack{display:grid;gap:8px}.act-it-out:where(.act-it-out-b) .reader-line{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:8px}.act-it-out:where(.act-it-out-b) .reader-line strong{color:var(--ink)}.act-it-out:where(.act-it-out-b) .student-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.act-it-out:where(.act-it-out-b) .reader-line p{margin:0;font-size:1.08rem;line-height:1.45}.act-it-out:where(.act-it-out-b) .reader-one-line{background:#eef7f8}.act-it-out:where(.act-it-out-b) .student-line{background:#fff7e4}.act-it-out:where(.act-it-out-b) .reader-two-line{background:#eef7f8}.act-it-out:where(.act-it-out-b) .reader-as{font-weight:700;color:var(--muted);font-size:.85em}.act-it-out .storybook-scene.is-static .blowing-wolf{animation:none}.act-it-out .storybook-scene.is-static .wolf-gust{display:none}.act-it-out .trial-row.is-latest{background:#0f766e14;border-radius:8px;padding:4px 6px}.act-it-out .trial-row.is-latest .trial-label{font-weight:700;color:var(--teal)}.act-it-out .confirm-overlay{position:fixed;inset:0;background:#14141e8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.act-it-out .confirm-box{background:#fff;border-radius:16px;max-width:460px;width:100%;padding:24px 26px;box-shadow:0 20px 60px #0000004d}.act-it-out .confirm-box h2{margin:0 0 10px;font-size:1.25rem}.act-it-out .confirm-box p{margin:0 0 20px;line-height:1.5}.act-it-out .confirm-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.act-it-out .confirm-actions button{border:none;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer}.act-it-out .confirm-cancel{background:#eee;color:#333}.act-it-out .confirm-download{background:var(--teal);color:#fff}.act-it-out .confirm-clear{background:#fbe4e4;color:#a11}.act-it-out .confirm-download:focus{outline:3px solid var(--gold);outline-offset:2px}.act-it-out .start-overlay{position:fixed;inset:0;background:linear-gradient(160deg,#fdf6e3,#eef7f5);display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.act-it-out .start-box{background:#fff;border-radius:20px;max-width:440px;width:100%;padding:32px 30px;box-shadow:0 24px 70px #0000002e;text-align:center}.act-it-out .start-box h2{margin:0 0 8px;font-size:1.5rem}.act-it-out .start-box>p{margin:0 0 20px;line-height:1.5;color:#444}.act-it-out .start-field{display:block;text-align:left;margin:0 auto 16px;max-width:300px}.act-it-out .start-field span{display:block;font-weight:600;margin-bottom:6px}.act-it-out .start-field input{width:100%;box-sizing:border-box;padding:12px 14px;font-size:1.1rem;border:2px solid var(--teal);border-radius:12px}.act-it-out .start-field input:focus{outline:3px solid var(--gold);outline-offset:1px}.act-it-out .start-session{font-size:.9rem;color:#666;margin:0 0 22px}.act-it-out .start-session span{color:#999}.act-it-out .start-go{border:none;border-radius:999px;padding:12px 28px;font-size:1.1rem;font-weight:700;background:var(--teal);color:#fff;cursor:pointer}.act-it-out .start-go:disabled{background:#cfd8d6;cursor:not-allowed}.act-it-out .listen-outro{text-align:center;font-size:1.15rem;font-weight:600;color:var(--teal);background:#0f766e14;border-radius:14px;padding:14px 18px;margin:18px auto 6px;max-width:640px}.act-it-out #listen-text .w{border-radius:5px;padding:0 1px;transition:background-color .12s ease,color .12s ease}.act-it-out #listen-text .w.is-reading{background:var(--gold);color:#1c1c1c;box-shadow:0 0 0 2px var(--gold)}.act-it-out .start-box .start-version{display:inline-block;margin:0 0 14px;padding:8px 18px;font-size:1.5rem;font-weight:800;color:#fff;background:var(--teal);border-radius:999px;letter-spacing:.2px}.act-it-out .storybook-scene .stick-house span,.act-it-out .storybook-scene .brick-house span{left:42px;right:auto;top:44px;width:104px;height:58px;border-width:4px}.act-it-out .storybook-scene .wolf-teeth,.act-it-out .storybook-scene .wolf-brow{display:none}.act-it-out .storybook-scene .wolf-body-shape,.act-it-out .storybook-scene .wolf-head-shape,.act-it-out .storybook-scene .wolf-ear,.act-it-out .storybook-scene .wolf-jaw{fill:#aab2b6}.act-it-out .storybook-scene .wolf-snout{fill:#c7ced1}.act-it-out .storybook-scene .wolf-tail-shape{fill:#b4babd}.act-it-out .storybook-scene .wolf-eye{transform-box:fill-box;transform-origin:center;transform:scale(1.3)}.act-it-out .storybook-scene .straw-house span,.act-it-out .storybook-scene .stick-house span,.act-it-out .storybook-scene .brick-house span{left:68px;right:auto;top:46px;width:52px;height:52px;border-width:4px;display:flex;align-items:center;justify-content:center;padding:0;gap:0;overflow:hidden;background:linear-gradient(180deg,#eaf7f9,#cfeaef)}.act-it-out .storybook-scene .win-pig,.act-it-out .storybook-scene .win-pig:nth-child(2),.act-it-out .storybook-scene .win-pig:last-child{width:34px;height:auto;transform:none}.act-it-out .storybook-scene .blowing-wolf{overflow:visible}.act-it-out .storybook-scene .straw-house span,.act-it-out .storybook-scene .stick-house span,.act-it-out .storybook-scene .brick-house span{top:40px;height:64px;align-items:flex-end}.act-it-out .storybook-scene .win-pig,.act-it-out .storybook-scene .win-pig:nth-child(2),.act-it-out .storybook-scene .win-pig:last-child{width:46px}.act-it-out .storybook-scene .pig-shirt{stroke:#0000001f;stroke-width:1}.act-it-out .storybook-scene .pig-arm{fill:#f3a7b7;stroke:#cf7d90;stroke-width:1.4}.act-it-out .storybook-scene .straw-house .pig-shirt{fill:#e4572e}.act-it-out .storybook-scene .stick-house .pig-shirt{fill:#3f8ece}.act-it-out .storybook-scene .brick-house .pig-shirt{fill:#4fa06a}.act-it-out #recording-indicator{display:none!important}.act-it-out #rec-alert{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:10000;max-width:92%;display:none;padding:10px 18px;border-radius:12px;background:#c0392b;color:#fff;font-weight:800;font-size:1rem;text-align:center;box-shadow:0 8px 22px #24313f59}.act-it-out #rec-alert.is-visible{display:block}.act-it-out .read-cue{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-weight:800;font-size:1rem;color:#2f6fa3}.act-it-out .student-reading{background:#3f8ece1f;border:2px solid #3f8ece;border-radius:14px;padding:12px 16px}.act-it-out .reader-line.student-reading{display:block}.act-it-out .student-reading .read-cue{margin-top:0}.act-it-out .read-cue{font-size:.8rem;margin-left:-4px}.act-it-out .student-reading{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:start}.act-it-out .reader-line.student-reading{display:grid}.act-it-out .student-reading .read-cue{display:block;font-size:.62rem;line-height:1.2;margin:2px 0 0;text-align:left}.act-it-out .student-reading .read-cue{font-size:.78rem;line-height:1.25}.act-it-out .student-reading .read-cue{display:flex;align-items:center;gap:4px;font-size:.8rem;line-height:1.2}.act-it-out .student-reading .read-cue .rc-words{text-align:left}.act-it-out .student-reading .read-cue .rc-ico{flex:0 0 auto}.act-it-out .student-reading{background:transparent;border:none;padding:0;align-items:center}.act-it-out .read-box{background:#3f8ece1f;border:2px solid #3f8ece;border-radius:14px;padding:12px 16px}.act-it-out .student-reading{align-items:start}.act-it-out .student-reading .read-cue{margin-top:12px}.act-it-out:where(.act-it-out-a) .monologue-page.read-card{border:2px solid #3f8ece;border-radius:16px}.act-it-out:where(.act-it-out-a) .read-aloud-cue{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-weight:800;font-size:.85rem;color:#2f6fa3}.act-it-out:where(.act-it-out-a) .read-aloud-cue{display:block;color:var(--ink);font-weight:700;font-size:1rem;margin:0 0 6px}.act-it-out:where(.act-it-out-a) .read-aloud-cue{color:#8c969c}.act-it-out:where(.act-it-out-b) .reader-line.student-line strong{color:#8c969c}.act-it-out:where(.act-it-out-a) .read-aloud-cue{color:#3f8ece}.act-it-out:where(.act-it-out-a) .monologue-page.read-card{position:relative;padding-left:44px}.act-it-out:where(.act-it-out-a) .read-aloud-cue{position:relative}.act-it-out:where(.act-it-out-a) .read-aloud-cue .rl-ico{position:absolute;left:-26px;top:0}.act-it-out:where(.act-it-out-b) .reader-line.student-line strong{color:#3f8ece}.act-it-out:where(.act-it-out-b) .reader-line.student-line strong{display:flex;align-items:flex-start;gap:4px}.act-it-out:where(.act-it-out-b) .reader-line.student-line .rl-words{line-height:1.2}