.izivid-storytime{box-sizing:border-box}.izivid-storytime *,.izivid-storytime :after,.izivid-storytime :before{box-sizing:inherit}.stt-reader{--stt-accent:#d8613c;--stt-ink:#243038;--stt-muted:#6b7884;--stt-surface:#fff;--stt-line:#e6e9ec;max-width:760px;margin:0 auto;color:var(--stt-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.stt-header{text-align:center;margin-bottom:1rem}.stt-desc{margin:.25rem 0 0;color:var(--stt-muted);font-size:.95rem}.stt-words{background:#f7f8f9;border:1px solid var(--stt-line);border-radius:12px;padding:.85rem 1rem;margin-bottom:1rem}.stt-wordlist h3{margin:0 0 .5rem;font-size:1rem}.stt-hint{margin:0 0 .6rem;color:var(--stt-muted);font-size:.85rem}.stt-word-chips{gap:.5rem}.stt-word{padding:.3rem .7rem;border-radius:999px;background:#fff;font-size:.95rem}.stt-word--medium{border-color:#f0c27a}.stt-word--hard{border-color:var(--stt-accent)}.stt-page{display:grid;gap:1rem;margin-bottom:1rem}.stt-image{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#eef1f3;border:1px solid var(--stt-line)}.stt-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.stt-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--stt-muted);text-align:center;padding:1rem}.stt-image-placeholder span{font-size:2rem}.stt-image-placeholder p{margin:0;font-size:.85rem;max-width:80%}.stt-pip-zone{position:absolute;border:2px dashed rgba(216,97,60,.5);border-radius:8px;background:rgba(216,97,60,.06);pointer-events:none}.stt-page-title{margin:0 0 .4rem;font-size:1.15rem}.stt-block{margin:0 0 .6rem;font-size:1.05rem;line-height:1.5}.stt-block--dialogue{font-style:italic}.stt-block--emphasis{font-weight:700}.stt-nav button{background:var(--stt-surface);padding:.5rem .9rem;border-radius:8px}.stt-progress{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem}.stt-progress-label{font-size:.8rem;color:var(--stt-muted)}.stt-progress-track{width:100%;max-width:220px;height:6px;border-radius:999px;background:var(--stt-line);overflow:hidden}.stt-progress-fill{display:block;height:100%;background:var(--stt-accent);transition:width .2s ease}.stt-runtime{--stt-accent:#d8613c;--stt-ink:#243038;--stt-muted:#6b7884;--stt-line:#e6e9ec;max-width:820px;margin:0 auto;color:var(--stt-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.stt-runtime-head{text-align:center;margin-bottom:1rem}.stt-runtime-head h1{margin:0;font-size:1.7rem}.stt-runtime-label{margin:.2rem 0 0;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--stt-muted)}.stt-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;background:#f7f8f9;border:1px solid var(--stt-line);border-radius:12px;padding:.85rem 1rem;margin-bottom:1.1rem}.stt-field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--stt-muted)}.stt-field select{font:inherit;color:var(--stt-ink);padding:.4rem .5rem;border-radius:8px;border:1px solid var(--stt-line);background:#fff}.stt-modes{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.stt-modes legend{font-size:.8rem;color:var(--stt-muted);padding:0;margin-bottom:.2rem}.stt-mode{display:flex;align-items:center;gap:.45rem;font-size:.9rem;cursor:pointer}.stt-mode.is-active{color:var(--stt-accent);font-weight:600}.stt-stage{background:#fff;border:1px solid var(--stt-line);border-radius:14px;padding:1.1rem 1.2rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(36,48,56,.05)}.stt-stagebadge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--stt-accent);background:rgba(216,97,60,.1);padding:.2rem .55rem;border-radius:999px;margin-bottom:.8rem}.stt-wl-header{margin:0 0 .9rem;font-size:1.15rem;font-weight:600}.stt-wl-header .reader-label{color:var(--stt-accent)}.stt-word-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}.stt-word{padding:.45rem .85rem;border-radius:10px;background:#f7f8f9;border:1px solid var(--stt-line);font-weight:600;font-size:1.05rem}.stt-stage--story .stt-image{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#eef1f3;border:1px solid var(--stt-line);margin-bottom:.9rem}.stt-stage--story .stt-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.stt-page-title{margin:0 0 .5rem;font-size:1.2rem}.stt-stage--story .stt-block{font-size:1.05rem;line-height:1.6}.stt-stage--story .stt-block p{margin:0 0 .7rem}.stt-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stt-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stt-line);background:#fff;color:var(--stt-ink);font-weight:600;padding:.55rem 1rem;border-radius:9px;cursor:pointer}.stt-nav button:hover:not(:disabled){border-color:var(--stt-accent);color:var(--stt-accent)}.stt-nav button:disabled{opacity:.4;cursor:default}.stt-finish{border-color:var(--stt-accent)!important;color:var(--stt-accent)!important}.stt-dots{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;flex:1}.stt-dot{width:9px;height:9px;border-radius:50%;background:var(--stt-line)}.stt-dot--practice{border:1px solid #c9d0d6}.stt-dot.is-active{background:var(--stt-accent);transform:scale(1.25)}.stt-empty{text-align:center;color:var(--stt-muted)}.stt-page{--stt-accent:#d8613c;--stt-ink:#243038;--stt-muted:#6b7884;--stt-line:#e6e9ec;max-width:1180px;margin:0 auto;padding:1.25rem 1rem 3rem;color:var(--stt-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.stt-ph-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.stt-title-wrap{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.stt-title{margin:0;font-size:1.6rem}.stt-badge{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--stt-accent);background:rgba(216,97,60,.1);padding:.25rem .6rem;border-radius:999px}.stt-repo{font-size:.85rem;color:var(--stt-muted);text-decoration:none}.stt-repo:hover{color:var(--stt-accent)}.stt-banner{margin:.9rem 0 1.1rem;background:#fff7ed;border:1px solid #f3d6bf;color:#8a4a2b;border-radius:10px;padding:.7rem .9rem;font-size:.9rem}.stt-card{background:#fff;border:1px solid var(--stt-line);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1rem}.stt-h2{margin:0 0 .6rem;font-size:1rem}.stt-diagram{margin:0 0 .6rem;background:#f7f8f9;border:1px solid var(--stt-line);border-radius:8px;padding:.75rem;font-size:.8rem;line-height:1.5;white-space:pre-wrap;overflow-x:auto}.stt-notes{margin:0;padding-left:1.1rem;color:var(--stt-muted);font-size:.85rem}.stt-notes li{margin-bottom:.2rem}.stt-controls-row{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-start;margin-bottom:.9rem}.stt-control{display:flex;flex-direction:column;gap:.35rem}.stt-control-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--stt-muted)}.stt-seg{display:inline-flex;border:1px solid var(--stt-line);border-radius:9px;overflow:hidden;flex-wrap:wrap}.stt-seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#fff;color:var(--stt-ink);padding:.45rem .8rem;font:inherit;font-size:.85rem;cursor:pointer;border-right:1px solid var(--stt-line)}.stt-seg-btn:last-child{border-right:none}.stt-seg-btn.active{background:var(--stt-accent);color:#fff;font-weight:600}.stt-modeblurb{background:#f7f8f9;border:1px solid var(--stt-line);border-radius:8px;padding:.6rem .8rem;font-size:.85rem}.stt-modeblurb p{margin:.3rem 0 0;color:var(--stt-muted)}.stt-pill{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--stt-muted);border:1px solid var(--stt-line);border-radius:999px;padding:.1rem .45rem;margin-left:.3rem}.stt-runtime-section{background:transparent;border:none;border-radius:0;padding:0}.stt-phase-tag{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--stt-muted);margin-bottom:.5rem}.stt-session-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.85rem;color:var(--stt-ink);border-bottom:1px dashed var(--stt-line);padding-bottom:.7rem;margin-bottom:1rem}.stt-view--parent{display:grid;gap:1rem}@media (min-width:760px){.stt-view--parent{grid-template-columns:1fr 1.3fr;align-items:start}}.stt-parent-note{margin:0 0 .9rem;font-size:.9rem;color:var(--stt-muted)}.stt-child-preview{border:1px solid var(--stt-line);border-radius:12px;background:#fff;padding:.6rem}.stt-preview-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--stt-accent);margin-bottom:.5rem}.stt-child{display:flex;flex-direction:column;gap:.5rem}.stt-child-title{font-weight:700;font-size:1.05rem;color:var(--stt-ink)}.stt-child-title,.stt-stage--finished{text-align:center}.stt-finished-emoji{font-size:2.4rem}.stt-finished h3{margin:.3rem 0}.stt-finished p{margin:0;color:var(--stt-muted)}.stt-viewblurb{margin:.6rem 0 0;font-size:.85rem;color:var(--stt-muted)}.stt-pc-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem}.stt-view--childfull{max-width:560px}.stt-view--split{display:grid;gap:1.2rem}@media (min-width:820px){.stt-view--split{grid-template-columns:1fr 1.15fr;align-items:start}}.stt-child-preview .stt-preview-tag,.stt-split-child .stt-preview-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--stt-accent);margin-bottom:.5rem}.stt-child-preview--compact{margin-top:1rem;max-width:440px}.stt-child-screen{background:linear-gradient(180deg,#fffaf3,#fef3e7);border-radius:18px;padding:1.2rem 1.2rem 1.4rem;overflow:hidden}.stt-child-title{text-align:left;font-size:1.5rem;margin:0 0 .6rem;line-height:1.2}.stt-pip{position:absolute;top:.8rem;right:.8rem;width:5rem;height:3.4rem;border:2px solid hsla(0,0%,100%,.5);border-radius:10px;gap:.05rem;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:2}.stt-pip-emoji{font-size:1.05rem;line-height:1}.stt-pip-label{font-size:.6rem;font-weight:700}.stt-pip-sub{font-size:.5rem;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.stt-cstage{margin-top:.2rem}.stt-cstage-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}.stt-cstage-title{margin:0;font-size:1.25rem;font-weight:800;color:#3a2f27}.stt-cprogress{font-size:.85rem;font-weight:700;color:#c4542f;background:#ffe9d8;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.stt-cinstruction{margin:0 0 .8rem;font-size:1.1rem;font-weight:600;color:#6b5a4c}.stt-child-header{font-size:1.1rem;margin-bottom:.7rem}.stt-child-header .reader-label{color:#c4542f;font-weight:800}.stt-cwords{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem}.stt-cword{font-size:1.5rem;font-weight:800;padding:.55rem 1.1rem;background:#fff;border:2px solid #f0c79f;border-radius:14px;box-shadow:0 2px 0 #f0c79f;color:#3a2f27}.stt-cimage{width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#eef1f3;border:1px solid #f1ddc8;margin-bottom:.8rem}.stt-cimage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.stt-ctext{font-size:1.2rem;line-height:1.6;color:#3a2f27}.stt-ctext p{margin:0 0 .7rem}.stt-cstage--finished{text-align:center;padding:1rem 0 .5rem}.stt-restart-big{margin-top:.8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#d8613c;color:#fff;font:inherit;font-weight:800;font-size:1.1rem;padding:.6rem 1.3rem;border-radius:12px;cursor:pointer}.stt-restart-big:hover{background:#c4542f}.stt-parent{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.stt-stage-readout{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.stt-parent-panel{border:1px solid var(--stt-line);border-radius:10px;background:#fff;padding:.9rem 1rem;margin:.4rem 0 1rem}.stt-jumprow{margin-bottom:.7rem}.stt-jumpbtns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.stt-jumpbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stt-line);background:#f7f8f9;color:var(--stt-ink);font:inherit;font-size:.8rem;padding:.3rem .6rem;border-radius:7px;cursor:pointer}.stt-jumpbtn.active{background:var(--stt-accent);color:#fff;font-weight:600}.stt-parent-header{font-size:1rem;font-weight:600;margin-bottom:.3rem}.stt-parent-header .reader-label{color:var(--stt-accent)}.stt-parent-hint{margin:0 0 .6rem;font-size:.8rem;color:var(--stt-muted)}.stt-parent-words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.stt-pword{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stt-line);background:#fff;color:var(--stt-ink);font:inherit;font-size:.95rem;font-weight:600;padding:.35rem .7rem;border-radius:8px;cursor:pointer}.stt-pword.active,.stt-pword:hover{border-color:var(--stt-accent)}.stt-pword.active{background:var(--stt-accent);color:#fff}.stt-parent-pagetitle{margin:.2rem 0 .4rem;font-size:1.05rem}.stt-parent-pagetext{font-size:.95rem;line-height:1.55;color:var(--stt-ink)}.stt-parent-pagetext p{margin:0 0 .6rem}.stt-nav--bottom{margin-top:.4rem;border-top:1px dashed var(--stt-line);padding-top:.8rem;align-items:center}.stt-nav--bottom .stt-navbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:1px solid var(--stt-line);border-radius:10px;background:#fff;color:var(--stt-ink);cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.stt-nav--bottom .stt-navbtn:hover:not(:disabled){border-color:var(--stt-accent);color:var(--stt-accent)}.stt-nav--bottom .stt-navbtn:disabled{opacity:.35;cursor:default}.stt-nav-center{display:inline-flex;align-items:center;gap:.8rem}.stt-nav-readout{font-size:.9rem;font-weight:600;color:var(--stt-muted);white-space:nowrap}.stt-view--childfull{max-width:720px;margin:0 auto}.stt-child-screen{position:relative;font-family:Nunito,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;background:linear-gradient(180deg,#fffaf3,#fdeede);border:1px solid #f1ddc8;border-radius:22px;padding:1.4rem 1.6rem 1.8rem;color:#3a2f27;min-height:460px;display:flex;flex-direction:column;gap:1.1rem;box-shadow:0 6px 22px rgba(150,90,40,.12)}.stt-child-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.stt-child-heading{min-width:0}.stt-child-title{font-weight:800;font-size:1.7rem;color:#c4542f;line-height:1.15}.stt-child-sub{margin-top:.2rem;font-size:1.05rem;font-weight:600;color:#6b5a4c}.stt-child-sub .reader-label{color:#c4542f;font-weight:800}.stt-child-screen .stt-pip{flex:0 0 auto;width:5.5rem;height:3.6rem}.stt-child-body{justify-content:center}.stt-child-body,.stt-cword-wrap{display:flex;flex-direction:column}.stt-cword-wrap{align-items:center;gap:1.2rem;padding:1rem 0}.stt-cword-big{font-size:clamp(2.6rem,8vw,4.2rem);font-weight:800;color:#3a2f27;text-align:center;line-height:1.1}.stt-cword-progress{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.stt-cword-dot{width:8px;height:8px;border-radius:50%;background:#e7cdb4}.stt-cword-dot.is-active{background:#d8613c;transform:scale(1.3)}.stt-cstory{display:flex;flex-direction:column;gap:1rem}.stt-cstory .stt-cimage{aspect-ratio:16/9}.stt-cstory .stt-ctext{font-size:1.3rem;line-height:1.6}.stt-cstory .stt-ctext p{margin:0 0 .7rem}.stt-cfinished{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.stt-parent-split{display:grid;gap:1rem}@media (min-width:720px){.stt-parent-split{grid-template-columns:minmax(160px,.7fr) 1.6fr;align-items:start}}.stt-jumpbtns--col{flex-direction:column;align-items:stretch}.stt-jumpbtns--col .stt-jumpbtn{text-align:left}.stt-parent-preview-image{width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#eef1f3;border:1px solid var(--stt-line);margin-bottom:.6rem}.stt-parent-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.stt-view--childfull{max-width:940px}.stt-child-screen--story{min-height:0}.stt-cstory{display:grid;gap:1.1rem;align-items:stretch}@media (min-width:680px){.stt-cstory{grid-template-columns:1.1fr 1fr}}.stt-cstory .stt-cimage{width:100%;min-height:220px;aspect-ratio:auto;border-radius:16px;overflow:hidden;background:#eef1f3;border:1px solid #f1ddc8}.stt-cstory .stt-cimage img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.stt-ctext-wrap{display:flex;flex-direction:column;justify-content:center;gap:.6rem}.stt-cstory .stt-ctext{font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.55;color:#3a2f27}.stt-cstory .stt-ctext p{margin:0 0 .6rem}.stt-cpage-indicator{align-self:flex-end;font-size:.8rem;font-weight:700;color:#b07a52;background:#fff1e3;padding:.15rem .55rem;border-radius:999px}.stt-parent-practice-split{display:grid;gap:1rem;margin:.4rem 0 1rem}@media (min-width:760px){.stt-parent-practice-split{grid-template-columns:1.4fr 1fr;align-items:stretch}.stt-parent-practice-split .stt-parent-panel{margin:0}}.stt-cpreview-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--stt-accent);margin-bottom:.4rem}.stt-cpreview-frame{font-family:Nunito,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;background:linear-gradient(180deg,#fffaf3,#fdeede);border:1px solid #f1ddc8;border-radius:14px;padding:.7rem .8rem .9rem;color:#3a2f27}.stt-cpreview-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.stt-cpreview-heading{min-width:0}.stt-cpreview-title{font-weight:800;font-size:1rem;color:#c4542f;line-height:1.15}.stt-cpreview-sub{font-size:.78rem;font-weight:600;color:#6b5a4c}.stt-cpreview-sub .reader-label{color:#c4542f;font-weight:800}.stt-cpreview-topbar .stt-pip{flex:0 0 auto;width:3.6rem;height:2.5rem}.stt-cpreview-topbar .stt-pip-emoji{font-size:.8rem}.stt-cpreview-topbar .stt-pip-label{font-size:.48rem}.stt-cpreview-topbar .stt-pip-sub{font-size:.4rem}.stt-cpreview-word{text-align:center;font-size:1.8rem;font-weight:800;padding:.8rem 0;color:#3a2f27}.stt-cpreview-story{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-items:start}.stt-cpreview-img{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#eef1f3;border:1px solid #f1ddc8}.stt-cpreview-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.stt-cpreview-text{font-size:.8rem;line-height:1.45;color:#4a3d33;max-height:9.5rem;overflow:hidden}.stt-cpreview-text p{margin:0 0 .4rem}.stt-pip{position:static;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:84px;height:84px;flex:0 0 auto;background:#1b2026;color:#e9eef2;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 4px 14px rgba(0,0,0,.3);overflow:hidden}.stt-pip--square{border-radius:10px}.stt-pip--circle{border-radius:50%}.stt-pip-icon{font-size:1.5rem;line-height:1}.stt-pip-cap{font-size:.5rem;font-weight:700;letter-spacing:.02em;text-align:center}.stt-child-screen .stt-pip{position:static;width:84px;height:84px}.stt-cpreview-topbar .stt-pip{position:static;width:52px;height:52px}.stt-cpreview-topbar .stt-pip .stt-pip-icon{font-size:1.1rem}.stt-cpreview-topbar .stt-pip .stt-pip-cap{display:none}.stt-pip{padding:0}.stt-pip-glyph{width:42%}.stt-child-screen,.stt-child-screen--finished,.stt-child-screen--story,.stt-child-screen--word_practice{aspect-ratio:16/9;min-height:0;overflow:hidden}.stt-child-body{flex:1;min-height:0;overflow:auto}.stt-cword-wrap{height:100%;justify-content:center}.stt-cstory{height:100%;grid-template-columns:1.1fr 1fr}.stt-cstory .stt-cimage{height:100%;min-height:0}.stt-ctext-wrap{min-height:0;overflow:auto}.stt-cpreview-frame{aspect-ratio:16/9;overflow:hidden;display:flex;flex-direction:column}.stt-cpreview-body{flex:1;min-height:0;overflow:hidden}.stt-cpreview-story{height:100%}.stt-cpreview-img{height:100%;aspect-ratio:auto}.stt-cpreview-word{display:flex;align-items:center;justify-content:center;height:100%;padding:0}.stt-child-screen .stt-pip{background:#1a1a24;box-shadow:0 4px 14px rgba(0,0,0,.35);z-index:5}.stt-pip-glyph{width:46%;height:auto;display:block}.stt-pip-shape{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:clamp(15px,26%,26px);height:auto;aspect-ratio:1;padding:0;border:none;border-radius:30%;background:rgba(0,0,0,.5);cursor:pointer;opacity:0;transition:opacity .12s ease;z-index:4}.stt-pip-shape-icon{display:block;width:46%;height:auto;aspect-ratio:1;background:transparent;border:1.6px solid #fff}.stt-pip-shape-icon--circle{border-radius:50%}.stt-pip-shape-icon--square{border-radius:2px}.stt-pip-resize{position:absolute;right:0;bottom:0;width:clamp(16px,28%,30px);height:auto;aspect-ratio:1;background:transparent;border:none;cursor:se-resize;touch-action:none;z-index:2}.stt-child-screen .stt-pip:focus-within .stt-pip-shape,.stt-child-screen .stt-pip:hover .stt-pip-shape{opacity:1}.stt-child-heading{max-width:76%}.stt-cstory{grid-template-columns:1fr 1.1fr}.stt-child-screen--story .stt-child-body{padding-top:7%;padding-bottom:9%}.stt-child-screen--story .stt-cstory{grid-template-columns:1.2fr 1fr;gap:1.1rem;align-items:center}.stt-child-screen--story .stt-cstory .stt-cimage{height:auto;max-height:100%;aspect-ratio:4/3}.stt-child-handnav{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.5rem .7rem;pointer-events:none;z-index:4}.stt-child-handnav .stt-handbtn{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#c4542f;padding:.1rem;line-height:0;border-radius:14px;cursor:pointer;filter:drop-shadow(0 2px 3px rgba(80,50,20,.25));transition:transform .1s ease,opacity .12s ease}.stt-child-handnav .stt-handbtn:hover:not(:disabled){transform:scale(1.08)}.stt-child-handnav .stt-handbtn:active:not(:disabled){transform:scale(.95)}.stt-child-handnav .stt-handbtn:disabled{opacity:.3;cursor:default}.stt-hand{display:block;width:clamp(2.25rem,5.25vw,3.15rem);height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stt-child-handnav .stt-handbtn--restart{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:2px solid #e7cdb4;border-radius:999px;background:hsla(0,0%,100%,.92);filter:none}.stt-child-handnav .stt-handbtn--restart:hover:not(:disabled){border-color:#d8613c}.stt-child-screen--preview{padding:.7rem .85rem;border-radius:14px}.stt-child-screen--preview .stt-child-title{font-size:1rem}.stt-child-screen--preview .stt-child-sub{font-size:.78rem}.stt-child-screen--preview .stt-cword-big{font-size:clamp(1.4rem,5vw,2rem)}.stt-child-screen--preview .stt-cstory .stt-ctext{font-size:1.1rem;line-height:1.5}.stt-child-screen--preview .stt-child-body{overflow:hidden}.stt-parent-practice-split .stt-parent-panel--bare{border:none;background:transparent;padding:0;margin:0}.stt-practice{display:flex;flex-direction:column;gap:1.1rem;height:100%;padding-top:.7rem}.stt-practice-lists{display:flex;flex-wrap:wrap;gap:.45rem}.stt-listtab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d4dade;background:transparent;color:var(--stt-muted);font:inherit;font-size:.8rem;font-weight:600;padding:.32rem .74rem;border-radius:8px;cursor:pointer;transition:border-color .12s ease,color .12s ease}.stt-listtab.active,.stt-listtab:hover{border-color:var(--stt-accent);color:var(--stt-accent)}.stt-listtab.active{background:transparent;font-weight:700}.stt-practice-words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .9rem}.stt-practice-words .stt-pword{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#46535d;font:inherit;font-size:1rem;font-weight:600;padding:.12rem .1rem;border-radius:0;cursor:pointer;transition:color .12s ease}.stt-practice-words .stt-pword:hover{color:var(--stt-accent)}.stt-practice-words .stt-pword.active{color:var(--stt-accent);background:transparent;box-shadow:none;font-weight:800;text-decoration:none}.stt-practice-storyjump{margin-top:auto;padding-top:.6rem}.stt-storyjump{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stt-line);background:transparent;color:var(--stt-muted);font:inherit;font-size:.85rem;font-weight:600;padding:.45rem .95rem;border-radius:9px;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.stt-storyjump:hover{border-color:#c9d0d6;color:var(--stt-ink);background:#f7f8f9}.stt-jumpbtn.active{background:transparent;border-color:var(--stt-accent);color:var(--stt-accent)}.stt-flow{gap:.4rem}.stt-flow,.stt-flow-btn{display:inline-flex;align-self:center}.stt-flow-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--stt-muted);padding:.35rem .4rem;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease}.stt-flow-btn:hover{color:var(--stt-ink)}.stt-flow-btn.active{color:var(--stt-accent)}.stt-lockbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--stt-muted);padding:.35rem .4rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;align-self:center;transition:color .12s ease}.stt-lockbtn:hover{color:var(--stt-ink)}.stt-flow-ico,.stt-lock-ico{display:block;width:20px;height:20px}.stt-stage-compact{display:inline-flex;align-items:center;gap:.4rem;align-self:center;color:var(--stt-ink)}.stt-stage-compact .stt-flow-ico{width:18px;height:18px;color:var(--stt-accent);flex:0 0 auto}.stt-stage-nums{font-size:.95rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.stt-stage-compact--done{color:var(--stt-accent);font-weight:700;font-size:.95rem}.stt-storyview{border:none;background:transparent;padding:0;margin:.4rem 0 1rem;display:flex;flex-direction:column;gap:.8rem}.stt-storyview .stt-cpreview{max-width:720px;width:100%;margin:0 auto}.stt-child-screen .stt-pip,.stt-storyview-actions{display:flex;justify-content:center}.stt-child-screen .stt-pip{position:absolute;height:auto;aspect-ratio:1;align-items:center;padding:0;margin:0;background:#1f2937;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 10px 26px rgba(0,0,0,.45);overflow:hidden;cursor:move;touch-action:none;z-index:6}.stt-child-screen .stt-pip--readonly{cursor:default}.stt-child-screen .stt-pip--square{border-radius:10px}.stt-child-screen .stt-pip--circle{border-radius:50%}.stt-child-screen .stt-pip-glyph{width:42%;height:auto;display:block}.stt-child-screen .stt-pip-shape{z-index:5}.stt-child-screen .stt-pip-resize{z-index:2}.stt-rt--rectangle .stt-view--childfull{max-width:100%}.stt-rt--rectangle .stt-child-screen,.stt-rt--rectangle .stt-child-screen--finished,.stt-rt--rectangle .stt-child-screen--story,.stt-rt--rectangle .stt-child-screen--word_practice{aspect-ratio:16/9}.stt-rt--square{max-width:640px;margin-inline:auto}.stt-rt--square .stt-view--childfull{max-width:100%}.stt-rt--square .stt-child-screen,.stt-rt--square .stt-child-screen--finished,.stt-rt--square .stt-child-screen--story,.stt-rt--square .stt-child-screen--word_practice{aspect-ratio:1/1}.stt-rt--square .stt-parent-practice-split{grid-template-columns:1fr}.stt-rt--square .stt-child-screen--story .stt-cstory{grid-template-columns:1.7fr 1fr}.stt-canvas{position:relative;width:100%;overflow:hidden}.stt-rt--rectangle .stt-canvas{aspect-ratio:16/9}.stt-rt--square .stt-canvas{aspect-ratio:1/1;width:540px;max-width:100%;margin-inline:auto}.stt-canvas--child>.stt-view--childfull{position:absolute;inset:0;min-height:0;max-width:none;margin:0;display:flex;flex-direction:column}.stt-canvas--child .stt-child-screen{height:100%;min-height:0;aspect-ratio:auto}.stt-canvas--parent>.stt-parent{position:absolute;inset:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.stt-canvas--parent .stt-pc-row{flex:0 0 auto;margin:0;padding:.1rem 0 .55rem .4rem}.stt-canvas--parent .stt-nav--bottom{flex:0 0 auto;margin:0;padding-top:.45rem}.stt-canvas--parent .stt-parent-practice-split,.stt-canvas--parent .stt-storyview{flex:1;min-height:0;margin:0;overflow:hidden}.stt-canvas--parent .stt-cpreview{min-width:0;min-height:0;display:flex}.stt-canvas--parent .stt-cpreview .stt-child-screen{width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0}.stt-canvas--parent .stt-cpreview .stt-child-body,.stt-canvas--parent .stt-cpreview .stt-ctext-wrap{overflow:hidden}.stt-canvas--parent .stt-practice{height:auto;padding-top:0;gap:.4rem}.stt-canvas--parent .stt-practice-lists,.stt-canvas--parent .stt-practice-words{justify-content:center}.stt-canvas--parent .stt-parent-practice-split{display:flex;flex-direction:column-reverse;gap:.7rem;align-items:stretch}.stt-canvas--parent .stt-parent-practice-split>.stt-cpreview{flex:1 1 auto;min-height:0;width:100%}.stt-canvas--parent .stt-parent-practice-split>.stt-parent-panel{flex:0 0 auto}.stt-canvas--parent .stt-storyview{display:flex;flex-direction:column;gap:0}.stt-canvas--parent .stt-storyview .stt-cpreview{max-width:100%;width:100%;height:100%;margin:0}.stt-nav--bottom .stt-navbtn{width:2rem;height:2rem}.stt-canvas .stt-practice-lists{gap:.3rem}.stt-canvas .stt-listtab{padding:.18rem .5rem;font-size:.74rem}.stt-canvas .stt-practice-words{gap:.2rem .7rem}.stt-canvas .stt-practice-words .stt-pword{font-size:.9rem}.stt-canvas--child .stt-child-body{overflow:hidden}.stt-rt--square .stt-canvas--child .stt-child-screen--story .stt-child-body{padding-top:3%;padding-bottom:3%;justify-content:flex-start}.stt-rt--square .stt-canvas--child .stt-child-screen--story .stt-cstory .stt-ctext{font-size:.95rem;line-height:1.34}.stt-rt--rectangle .stt-canvas--parent .stt-child-screen--story .stt-cstory .stt-cimage{aspect-ratio:4/3;height:100%;width:auto;max-width:100%;min-height:0;margin-inline:auto}.stt-rt--square .stt-canvas--parent .stt-child-screen--story .stt-cstory .stt-cimage{aspect-ratio:4/3;width:100%;height:auto;max-height:100%;min-height:0}.stt-rt--rectangle .stt-canvas--child .stt-child-screen--story .stt-cstory{grid-template-columns:1fr 1.3fr}.stt-rt--rectangle .stt-canvas--child .stt-child-screen--story .stt-cstory .stt-cimage{aspect-ratio:16/9;width:100%;height:auto;max-height:100%;min-height:0}.stt-canvas--parent{background:#fff}.stt-canvas--parent .stt-child-screen{background:transparent;min-height:0;padding:.3rem .4rem 0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;gap:.6rem}.stt-canvas--child .stt-child-screen,.stt-canvas--parent .stt-child-screen{border:none;box-shadow:none;border-radius:0}.stt-canvas--parent .stt-nav--bottom{border-top:none}.stt-canvas--parent .stt-nav--bottom .stt-navbtn{border:none;background:transparent;border-radius:8px}.stt-inline-navbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--stt-muted);padding:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.stt-inline-navbtn,.stt-inline-navbtn svg{width:1.2rem;height:1.2rem}.stt-inline-navbtn:hover:not(:disabled){color:var(--stt-accent)}.stt-inline-navbtn:disabled{opacity:.35;cursor:default}.stt-sentence{border-radius:.22rem;transition:background-color .12s ease,color .12s ease}.stt-sentence.is-active{background:rgba(216,97,60,.16);color:#2f241e;box-shadow:0 0 0 .08em rgba(216,97,60,.16)}.stt-runtime-section{--stt-accent:#d8613c;--stt-ink:#243038;--stt-muted:#6b7884;--stt-surface:#fff;--stt-line:#e6e9ec;--stt-story-pip-safe-start:clamp(0.75rem,5cqw,2.1rem);--stt-story-pip-safe-end:clamp(0.75rem,5cqw,2.1rem);box-sizing:border-box;width:100%;color:var(--stt-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;container-type:inline-size}.stt-runtime-section *,.stt-runtime-section :after,.stt-runtime-section :before{box-sizing:inherit}.stt-runtime-section .stt-canvas{display:grid;overflow:visible}.stt-runtime-section.stt-rt--rectangle .stt-canvas{aspect-ratio:auto;width:100%;min-height:min(56.25cqw,100vh)}.stt-runtime-section.stt-rt--square .stt-canvas{aspect-ratio:auto;width:min(100%,540px);min-height:min(100cqw,540px);margin-inline:auto}.stt-runtime-section .stt-canvas--child>.stt-view--childfull,.stt-runtime-section .stt-canvas--parent>.stt-parent{position:static;inset:auto;min-height:100%;width:100%}.stt-runtime-section .stt-canvas--parent>.stt-parent{overflow:visible}.stt-runtime-section .stt-canvas--child .stt-child-screen,.stt-runtime-section .stt-canvas--parent .stt-cpreview .stt-child-screen{height:auto;min-height:100%;overflow:visible}.stt-runtime-section .stt-canvas--child .stt-child-body,.stt-runtime-section .stt-canvas--parent .stt-cpreview,.stt-runtime-section .stt-canvas--parent .stt-cpreview .stt-child-body,.stt-runtime-section .stt-canvas--parent .stt-cpreview .stt-ctext-wrap,.stt-runtime-section .stt-canvas--parent .stt-parent-practice-split,.stt-runtime-section .stt-canvas--parent .stt-storyview,.stt-runtime-section .stt-ctext-wrap{overflow:visible}.stt-runtime-section .stt-canvas--parent .stt-parent-practice-split,.stt-runtime-section .stt-canvas--parent .stt-storyview{flex:1 1 auto}.stt-runtime-section .stt-canvas--parent .stt-storyview .stt-cpreview{height:auto}.stt-runtime-section .stt-child-screen{padding:clamp(.7rem,2.6cqw,1.6rem);gap:clamp(.45rem,1.8cqw,1.1rem)}.stt-runtime-section .stt-child-title{font-size:clamp(1rem,3.1cqw,1.7rem)}.stt-runtime-section .stt-child-sub{font-size:clamp(.72rem,2.1cqw,1.05rem)}.stt-runtime-section .stt-cword-big{font-size:clamp(2rem,10cqw,4.2rem)}.stt-runtime-section .stt-cstory{height:auto;min-height:0;gap:clamp(.55rem,2.2cqw,1.1rem);align-items:center}.stt-runtime-section .stt-child-screen--story .stt-child-body{padding-top:var(--stt-story-pip-safe-start);padding-bottom:var(--stt-story-pip-safe-end);justify-content:center}.stt-runtime-section .stt-cstory .stt-ctext{font-size:clamp(.86rem,2.25cqw,1.3rem);line-height:1.45}.stt-runtime-section .stt-cstory .stt-ctext p{margin:0 0 clamp(.35rem,1.2cqw,.6rem)}.stt-runtime-section .stt-cstory .stt-cimage{min-height:0;max-height:none}.stt-runtime-section.stt-rt--rectangle .stt-canvas--child .stt-child-screen--story .stt-cstory .stt-cimage,.stt-runtime-section.stt-rt--rectangle .stt-canvas--parent .stt-child-screen--story .stt-cstory .stt-cimage,.stt-runtime-section.stt-rt--square .stt-canvas--parent .stt-child-screen--story .stt-cstory .stt-cimage{height:auto;max-height:none}@container (max-width: 520px){.stt-runtime-section .stt-child-screen--story .stt-cstory{grid-template-columns:1fr}.stt-runtime-section .stt-child-screen--story .stt-cstory .stt-cimage{width:min(100%,18rem);justify-self:center}}