.st-app{--st-ink:#173e43;--st-green:#226a61;--st-mint:#e7f3ed;--st-yellow:#f8ce65;--st-blue:#dcecf4;color:var(--st-ink);font-family:var(--font-geist-sans), Arial, sans-serif;background:#fcfdfa;min-height:70vh;line-height:1.6}.st-app *{box-sizing:border-box}.st-app a{text-decoration:none}.st-wrap{width:min(1180px,100% - 48px);margin:auto}.st-header{color:#173e43;background:#fcfdfa;border-bottom:1px solid #e4ece5}.st-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:auto;padding:18px 24px;display:flex}.st-brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:750;display:flex}.st-mark{background:#226a61;border-radius:14px;width:37px;height:37px;padding:5px}.st-nav{align-items:center;gap:25px;font-size:14px;display:flex}.st-nav a:hover{text-underline-offset:5px;text-decoration:underline}.st-btn{background:var(--st-green,#226a61);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:12px 21px;font-size:14px;font-weight:650;transition:background .15s;display:inline-flex}.st-btn:hover{background:#18564f}.st-btn:disabled{opacity:.5;cursor:wait}.st-btn.secondary{color:#173e43;background:#fff;border-color:#ceded4}.st-btn.small{min-height:36px;padding:7px 12px;font-size:13px}.st-btn svg{width:18px;height:18px}.st-app :focus-visible,.st-header :focus-visible{outline-offset:3px;outline:3px solid #dcac35}.st-landing{background:linear-gradient(#f4faf8,#fdfefd 500px,#fcfdfa)}.st-landing .st-wrap{width:min(1180px,100% - clamp(32px,9vw,112px))}.st-hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(12px,2vw,26px);padding:clamp(30px,4.2vw,60px) 0 clamp(32px,5vw,70px);display:grid}.st-hero h1{letter-spacing:-.035em;white-space:pre-line;text-wrap:balance;margin:0 0 18px;font-size:clamp(36px,4.8vw,63px);font-weight:800;line-height:1.25}.st-hero p{color:#47676a;max-width:430px;margin:0 0 24px;font-size:clamp(15px,1.65vw,18px)}.st-hero-preview{width:100%;display:block;position:relative;container-type:inline-size}.st-hero-dialogue{color:#173e43;flex-direction:column;justify-content:space-between;gap:1cqw;display:flex;position:absolute;inset:26% 14% 22% 53%}.st-hero-sentences{gap:1.1cqw;display:grid}.st-hero-sentences button{color:inherit;text-align:start;overflow-wrap:anywhere;cursor:pointer;background:0 0;border-radius:1.5cqw;padding:1cqw 1.2cqw;font:500 min(3.2cqw,22px)/1.2 Georgia,serif}.st-hero-sentences button:hover,.st-hero-sentences button.active{background:#fff0bc}.st-hero-player{color:#426e66;cursor:pointer;background:#fbfdfa;border:1px solid #d8e9e2;border-radius:100px;align-items:center;gap:1.3cqw;padding:1cqw;display:flex;box-shadow:0 2px 7px #286b551a}.st-hero-play-icon{aspect-ratio:1;color:#fff;background:#247965;border-radius:50%;flex:none;place-items:center;width:min(5.2cqw,32px);display:grid}.st-hero-play-icon svg{fill:currentColor;width:52%;height:52%}.st-hero-wave{flex:1;justify-content:space-between;align-items:center;height:min(3.4cqw,22px);display:flex}.st-hero-wave i{background:#9bbfb2;border-radius:2px;width:max(1px,.55cqw)}.st-hero-wave i[data-played=true]{background:#247965}.st-hero-audio-error{color:#873c2f;font-size:clamp(10px,2.4cqw,13px);position:absolute;inset:100% 0 auto}.st-hero-preview img,.st-guide-scene img{width:100%;height:auto;display:block}.st-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.st-section{padding:16px 0 22px}.st-section h2{letter-spacing:-.025em;text-align:center;text-wrap:balance;margin:0 0 20px;font-size:clamp(26px,3.7vw,44px);font-weight:800;line-height:1.35}.st-hero .st-start-hint{margin:12px 0 0;font-size:13px}.st-guide{width:min(94%,1040px);margin:0 auto;padding:0;list-style:none}.st-guide-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(22px,4vw,54px);padding:4px 0;display:grid}.st-guide-copy{justify-self:center;width:min(100%,330px)}.st-guide-number{color:#166c60;font-variant-numeric:tabular-nums;background:#d9efe6;border-radius:100px;place-items:center;min-width:50px;height:34px;margin-bottom:8px;padding-inline:10px;font-size:17px;font-weight:750;display:inline-grid}.st-guide h3{margin:0 0 9px;font-size:clamp(23px,3vw,34px);font-weight:800;line-height:1.35}.st-guide p{color:#52666d;margin:0;font-size:clamp(15px,1.65vw,17px);line-height:1.65}.st-guide-scene{justify-self:center;width:min(100%,405px)}@media (min-width:721px){.st-guide-row:nth-child(2n) .st-guide-copy{grid-area:1/2}.st-guide-row:nth-child(2n) .st-guide-scene{grid-area:1/1}}@media (max-width:720px){.st-hero{grid-template-columns:1fr;gap:24px;padding-bottom:26px}.st-hero h1{text-wrap:initial;font-size:clamp(32px,7vw,44px)}.st-hero-preview{justify-self:center;max-width:520px}.st-guide{width:100%}.st-guide-row{grid-template-columns:1fr;gap:12px;padding:16px 0}.st-guide-copy{width:100%}.st-guide-scene{max-width:360px}}.st-free{background:#eff8f3 url(/storytap/voices/footer.webp) 0 100%/min(34%,300px) no-repeat;border-radius:30px;justify-content:space-between;align-items:center;gap:26px;margin:14px 0 0;padding:clamp(24px,4vw,44px) clamp(24px,7vw,86px);display:flex}.st-free p{color:#47676a;max-width:480px;font-size:15px}.st-free h2{margin-bottom:5px;font-size:clamp(23px,2.8vw,32px);font-weight:800}.st-free .st-btn{flex-shrink:0}.st-footer{color:#6b807a;text-align:center;padding:14px 0 20px;font-size:13px}.st-pdf-upload-page{--st-ink:#123e37;--st-green:#147d65;background:#faf8f4}.st-pdf-upload-page>.st-wrap{width:min(1200px,100% - 2*clamp(16px,8.6vw,124px));padding-bottom:60px}.st-upload-heading{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:24px;min-height:234px;padding:16px 6px 30px;display:grid}.st-upload-heading h1{letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(32px,4vw,56px);font-weight:760;line-height:1.16}.st-upload-heading p,.st-upload-drop p,.st-upload-privacy{color:#516762;font-size:clamp(15px,1.65vw,23px)}.st-upload-heading img{justify-self:end;width:100%;max-width:500px;height:auto;display:block}.st-upload .st-upload-drop{isolation:isolate;background:#edf7ef;border:2px dashed #7ab99f;border-radius:clamp(22px,2.7vw,36px);gap:clamp(14px,1.55vw,22px);min-height:clamp(340px,31vw,450px);margin:0 0 36px;position:relative;overflow:hidden;box-shadow:0 0 0 6px #fffdfa,0 18px 28px #214f3710}.st-upload-drop:before,.st-upload-drop:after{content:"";z-index:-1;aspect-ratio:520/188;background:url(/storytap/import/foliage.webp) 0 100%/contain no-repeat;width:min(25%,265px);position:absolute;bottom:0}.st-upload-drop:before{left:0}.st-upload-drop:after{right:0;transform:scaleX(-1)}.st-upload .st-upload-drop>svg{color:#287c65;width:clamp(49px,6vw,84px);height:auto}.st-upload-drop h2{margin-bottom:8px;font-size:clamp(24px,2.7vw,38px);font-weight:750;line-height:1.2}.st-upload .st-btn{text-align:center;border-radius:clamp(12px,1.4vw,20px);min-height:clamp(48px,5vw,72px);padding-inline:clamp(12px,2.4vw,36px);font-size:clamp(15px,1.5vw,21px);position:relative}.st-upload .st-upload-drop .st-btn{width:min(100%,378px);font-size:clamp(17px,1.8vw,26px)}.st-upload .st-btn svg{flex:none;width:clamp(19px,2.3vw,32px);height:auto}.st-upload label.st-btn input{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.st-upload label.st-btn:has(input:focus-visible){outline-offset:3px;outline:3px solid #dcac35}.st-upload label.st-btn:has(input:disabled){opacity:.55;cursor:wait}.st-upload .st-actions{justify-content:center;gap:clamp(8px,2.4vw,34px)}.st-upload .st-actions .st-btn:hover{background:#edf7ef}.st-upload .st-actions .st-btn{min-width:clamp(0px,17vw,250px)}.st-upload-privacy,.st-upload-tip{align-items:center;gap:10px;display:flex}.st-upload-privacy{justify-content:center;margin-top:24px}.st-upload-privacy svg,.st-upload-tip svg{flex:none;width:24px;height:24px}.st-upload-tip{color:#425b52;background:#edf4e9;border-radius:18px;width:fit-content;max-width:100%;margin:36px auto 0;padding:14px clamp(14px,2vw,25px);font-size:clamp(14px,1.35vw,19px)}.st-upload-tip>div{color:#176546;border-inline-end:1px solid #b9cfbe;flex:none;align-items:center;gap:9px;padding-inline-end:14px;font-weight:700;display:flex}.st-upload>.st-download{color:#516762;max-width:520px;margin:20px auto 0;font-size:14px}.st-upload>.st-download progress{width:100%;height:8px;accent-color:var(--st-green);margin-top:6px;display:block}.st-muted{color:#6c807e;font-size:14px}.st-drop{text-align:center;background:#f0f7f1;border:2px dashed #a4c4b4;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:290px;margin:35px 0 20px;padding:35px;display:flex}.st-drop>svg{color:#498878;width:48px;height:48px}.st-drop input{opacity:0;width:1px;height:1px;position:absolute}.st-notice{background:#fff7dd;border:1px solid #dbb555;border-radius:10px;margin:14px 0;padding:12px 16px;font-size:14px}.st-good{background:#e4f3e9;border-color:#abd2b8}.st-reader{padding:24px 0 50px}.st-reader-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.st-reader-top h1{text-overflow:ellipsis;white-space:nowrap;max-width:45vw;font-size:21px;font-weight:650;overflow:hidden}.st-progress{background:#dce8df;border-radius:5px;height:5px;margin:15px 0 25px;overflow:hidden}.st-progress span{background:#438875;height:100%;transition:width .4s;display:block}.st-workspace{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);align-items:start;gap:28px;display:grid}.st-page-panel{background:#e7eeea;border-radius:16px;padding:18px;position:sticky;top:20px}.st-paper{touch-action:pan-x pan-y pinch-zoom;background:#fff;line-height:0;position:relative;overflow:hidden;box-shadow:0 5px 20px #173e4314}.st-paper canvas{width:100%;height:auto;display:block}.st-overlay{line-height:normal;position:absolute;inset:0}.st-hit{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;position:absolute}.st-hit:hover,.st-hit.active{background:#f5ca5c55;border-color:#deae35}.st-selection{pointer-events:none;background:#62cdb43b;border:2px solid #216d65;position:absolute}.st-editor{flex-direction:column;gap:12px;display:flex}.st-editor-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.st-editor-header h2{font-size:20px;font-weight:650}.st-sentence{background:#fff;border:1px solid #dbe5de;border-radius:12px;padding:12px}.st-sentence.active{border-color:#448e77;box-shadow:0 0 0 2px #448e7718}.st-sentence textarea{resize:vertical;color:#244544;background:0 0;border:0;width:100%;min-height:68px;padding:4px;font-family:Georgia,serif;font-size:17px;line-height:1.5}.st-sentence-tools{justify-content:space-between;align-items:center;gap:6px;display:flex}.st-icon-btn{cursor:pointer;color:#627d74;background:0 0;border:0;border-radius:6px;padding:6px}.st-icon-btn:hover{background:#e6f1e9}.st-icon-btn svg{width:17px;height:17px}.st-bottom{border-top:1px solid #dce7df;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding-top:25px;display:flex}.st-modal-bg{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#163d4359;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.st-modal{color:#173e43;background:#fcfdfa;border-radius:22px;width:min(530px,100%);max-height:90vh;padding:30px;overflow:auto;box-shadow:0 30px 80px #113c4340}.st-modal h2{margin-bottom:14px;font-size:26px;font-weight:700}.st-voice-heading{align-items:flex-start;gap:14px;display:flex}.st-voice-heading-icon{aspect-ratio:1;color:#226a61;background:#dfefe9;border-radius:22%;flex:none;place-items:center;width:48px;display:grid}.st-voice-heading-icon svg{width:55%;height:55%}.st-voice-heading .st-muted{font-size:14px}.st-voices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.st-voice-card{min-width:0;position:relative}.st-voice{text-align:start;cursor:pointer;background:#fff;border:2px solid #ccdcd7;border-radius:15px;align-items:center;gap:8px;width:100%;height:100%;min-height:108px;padding:8px 42px 8px 10px;display:flex}.st-voice:hover,.st-voice[aria-pressed=true]{border-color:#247960}.st-voice[aria-pressed=true]{background:#e5f3ee;box-shadow:0 12px 26px #24796012}.st-voice-avatar{aspect-ratio:4/5;object-fit:contain;object-position:bottom center;flex-shrink:0;width:clamp(44px,8vw,64px);height:auto;max-height:76px}.st-voice-label{gap:5px;display:grid}.st-voice-label strong{font-size:16px;line-height:1.2}.st-voice-label>span{color:#526d72;font-size:13px}.st-voice:focus-visible,.st-voice-preview:focus-visible,.st-voice-page .st-check input:focus-visible{outline:2px solid var(--st-green);outline-offset:3px}.st-voice-mark,.st-voice-preview{border-radius:50%;place-items:center;display:grid;position:absolute}.st-voice-mark{aspect-ratio:1;color:#fff;background:#20695a;width:20px;inset:9px 11px auto auto}.st-voice-mark svg{stroke-width:3px;width:64%;height:64%}.st-voice-preview{aspect-ratio:1;color:#246859;cursor:pointer;background:#fbfefd;border:2px solid #c9dad5;width:32px;bottom:10px;right:8px}.st-voice-preview:hover{background:#edf7f2;border-color:#247960}.st-voice-preview svg{fill:currentColor;width:44%;height:44%}.st-voice-quote{background:#edf5f2;border-radius:15px;grid-template-columns:1.5fr 1fr 1.15fr;align-items:center;padding:12px 0;display:grid}.st-voice-quote>div{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding-inline:14px;display:grid}.st-voice-quote>div+div{border-inline-start:1px solid #d6e4df}.st-voice-quote svg{color:#49676b;width:18px;height:auto}.st-voice-cost svg{color:#4b917f;grid-row:span 2;width:28px}.st-voice-quote dt{color:#38565f;font-size:13px}.st-voice-quote dd{grid-column:2;font-size:17px;font-weight:700}.st-voice-cost dd{font-size:28px;line-height:1.18}.st-voice-cost dd span{font-size:.67em}.st-voice-page .st-check{align-items:flex-start;margin:16px 0;font-size:14px}.st-voice-page .st-check input{flex:none;width:17px;height:17px;margin-top:.12em}.st-voice-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.st-voice-actions .st-btn{border-radius:12px;min-height:44px;padding-inline:18px;font-size:14px}.st-voice-actions .st-btn svg{width:1.4em;height:1.4em}@media (max-width:680px){.st-voices{grid-template-columns:1fr;gap:6px;margin:12px 0}.st-voice{min-height:62px;padding:6px 82px 6px 10px}.st-voice-avatar{width:46px;height:46px}.st-voice-preview{width:44px;bottom:5px;right:12px}.st-voice-mark{width:16px;top:calc(50% - 8px);right:62px}.st-voice-quote{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:6px;padding:8px 0}.st-voice-quote>div{column-gap:6px;padding-inline:10px}.st-voice-quote dd{font-size:15px;line-height:1.4}.st-voice-quote .st-voice-cost{border-bottom:1px solid #d6e4df;grid-column:1/-1;padding-bottom:8px}.st-voice-quote .st-voice-balance{border:0}.st-voice-page .st-check{margin:12px 0}.st-voice-actions>:last-child{flex:1}}.st-library{width:min(1420px,100% - 80px);min-height:75vh;padding:42px 0 56px}.st-shelf-heading,.st-shelf-toolbar{align-items:center;gap:20px;display:flex}.st-shelf-heading{justify-content:space-between;margin-bottom:38px}.st-library h1{font-size:clamp(27px,3vw,40px);font-weight:780;line-height:1.2}.st-shelf-heading p{color:#456660;margin-top:5px}.st-shelf-search,.st-shelf-import{border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:0 16px;display:flex}.st-shelf-search{color:#456660;background:#fff;border:1px solid #dce7df;width:clamp(200px,24vw,320px)}.st-shelf-search:focus-within{border-color:var(--st-green);box-shadow:0 0 0 3px #226a6124}.st-shelf-search input{width:100%;min-width:0;color:var(--st-ink);background:0 0;outline:none}.st-shelf-search svg,.st-shelf-import svg{flex:none;width:20px}.st-shelf-import{color:#fff;background:var(--st-green);white-space:nowrap;margin-inline-start:auto;font-weight:700;box-shadow:0 4px 10px #226a6126}.st-shelf-import:hover{background:#19554e}.st-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);display:grid}.st-book-card{background:#fff;border:1px solid #dce7df;border-radius:17px;min-width:0;position:relative;overflow:hidden;box-shadow:0 5px 14px #173e4310}.st-cover{aspect-ratio:5/2;color:#3b7b68;background:#dfeee3;place-items:center;display:grid;position:relative}.st-cover svg{width:42px;height:42px}.st-cover canvas{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.st-book-card-body{padding:12px 20px 16px}.st-shelf-card-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.st-book-card h2{overflow-wrap:anywhere;min-width:0;font-size:clamp(18px,1.6vw,23px);font-weight:750;line-height:1.3}.st-shelf-open{color:inherit}.st-shelf-open:after{content:"";position:absolute;inset:0}.st-shelf-open:hover{color:var(--st-green)}.st-book-card:focus-within{outline:2px solid var(--st-green);outline-offset:2px}.st-shelf-more{z-index:1;width:40px;height:40px;color:var(--st-ink);cursor:pointer;background:#f1f6f2;border-radius:50%;flex:none;place-items:center;margin-top:-3px;display:grid;position:relative}.st-shelf-more:hover,.st-shelf-more[data-state=open]{background:var(--st-mint)}.st-shelf-more svg{width:21px}.st-shelf .st-empty{border-color:#dce7df}.st-shelf-meta{color:#456660;margin-top:4px;font-size:14px}.st-shelf-cloud{align-items:center;gap:7px;display:flex}.st-shelf-cloud svg{flex:none;width:17px;height:17px}.st-shelf-cloud[data-expired=true] svg{color:#a64c0c}.st-book-badge{color:#624713;background:#fff7df;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:3px 10px;font-size:13px;font-weight:650;display:inline-flex}.st-book-badge[data-ready=true]{background:var(--st-mint);color:var(--st-green)}.st-book-badge svg{width:15px;height:15px}@media (max-width:700px){.st-library{width:calc(100% - 32px);padding:26px 0 40px}.st-shelf-heading{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:24px}.st-shelf-toolbar{gap:10px}.st-shelf-search{flex:1;width:auto;min-width:0}.st-shelf-import,.st-shelf-search{padding-inline:11px}}.st-empty{text-align:center;border:1px dashed #b7d1bf;border-radius:20px;padding:60px 25px}.st-empty h2{margin-bottom:12px;font-size:24px}.st-audio{width:100%;margin:20px 0}.st-check{align-items:flex-start;gap:10px;margin:20px 0;font-size:14px;display:flex}.st-check input{accent-color:#226a61;margin-top:5px}.st-page-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.st-loading{color:#52766b;align-items:center;gap:10px;padding:15px;font-size:14px;display:flex}.st-loading svg{width:18px;height:18px;animation:1.2s linear infinite st-spin}@keyframes st-spin{to{transform:rotate(360deg)}}@media (max-width:850px){.st-workspace{grid-template-columns:1fr}.st-page-panel{width:100%;max-width:680px;margin:auto;position:relative;top:0}.st-free{padding:30px;display:block}.st-free .st-btn{margin-top:20px}.st-books{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.st-wrap{width:calc(100% - 30px)}.st-header-inner{gap:10px;padding:13px 16px}.st-brand{font-size:21px}.st-nav{gap:12px;font-size:12px}.st-nav .st-desktop{display:none}.st-pdf-upload-page>.st-wrap{width:calc(100% - 32px);padding-bottom:36px}.st-upload-heading{grid-template-columns:minmax(0,1fr);gap:18px;min-height:0;padding:26px 6px 24px}.st-upload-heading img{justify-self:center;width:min(100%,380px)}.st-upload .st-upload-drop{margin-bottom:24px}.st-upload-tip{align-items:flex-start;margin-top:22px}.st-drop{min-height:250px;padding:20px}.st-reader-top h1{max-width:75vw}.st-modal{padding:22px}.st-books{grid-template-columns:1fr}.st-page-panel{padding:10px}.st-actions{gap:8px}.st-btn{padding:10px 14px}}@media (prefers-reduced-motion:reduce){.st-loading svg{animation:none}.st-btn{transition:none}}.st-workspace>*,.st-sentence{min-width:0}.st-sentence textarea{overflow-wrap:anywhere}.st-canvas-scroll{border-radius:4px;height:max(240px,100dvh - 320px);max-height:760px;overflow:auto;container-type:size}.st-canvas-scroll .st-paper{max-width:none}.st-canvas-scroll.is-fitted{align-content:center;display:grid;overflow:hidden}.st-canvas-scroll .st-paper{margin-inline:auto}@media (max-width:760px){.st-canvas-scroll{height:52dvh}}@media (prefers-reduced-motion:reduce){.st-progress span{transition:none}}.st-voice-page{--st-voice-edge:clamp(8px, 2vw, 20px);padding:var(--st-voice-edge);background:#eff6f3;overflow-y:auto}.st-voice-page .st-modal{width:min(840px,100%);max-height:calc(100dvh - var(--st-voice-edge) * 2);isolation:isolate;background:#fbfdfc;border-radius:22px;padding:clamp(14px,3vw,26px);position:relative;box-shadow:0 20px 44px #234f4920}.st-voice-page .st-modal:before{content:"";z-index:-1;border-radius:inherit;opacity:.48;pointer-events:none;background:url(/storytap/voices/footer.webp) 0 100%/min(46%,360px) no-repeat;position:absolute;inset:0}.st-voice-page .st-modal h2{color:#1d3038;margin-bottom:5px;font-size:clamp(21px,3vw,28px);line-height:1.2}.st-voice-guest .st-modal{min-height:min(480px, calc(100dvh - var(--st-voice-edge) * 2))}.st-guest-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f6faf6b8;border-radius:20px;place-items:center;padding:24px;display:grid;position:absolute;inset:90px 0 0}.st-guest-card{text-align:center;gap:16px;max-width:440px;display:grid}.st-guest-card>svg{color:#438875;width:32px;height:32px;margin:auto}.st-guest-card h3{font-size:24px;line-height:1.4}.st-generation{place-items:center;min-height:calc(100dvh - 82px);padding:56px 24px;display:grid}.st-generation-content{text-align:center;width:min(100%,640px)}.st-generation-content h1{letter-spacing:-.045em;margin:36px 0 8px;font-size:clamp(28px,4vw,40px);font-weight:650;line-height:1.2}.st-generation-book{color:#55716c;overflow-wrap:anywhere;margin:0;font-size:16px}.st-making-book{perspective:900px;width:220px;height:146px;margin:0 auto;position:relative}.st-making-cover{background:#226a61;border-radius:9px 14px 14px 9px;position:absolute;inset:12px 0 0;transform:rotate(-5deg);box-shadow:0 16px 28px #173e4314}.st-making-leaf{transform-origin:0;background:#fff;border:1px solid #ceded4;border-radius:5px 12px 12px 5px;place-items:center;animation:3.6s ease-in-out infinite st-leaf-turn;display:grid;position:absolute;inset:0 8px 10px}.st-making-leaf svg{color:#226a61;width:42px;height:42px}.st-making-leaf-next{z-index:-1;background:#e7f3ed;animation-delay:.15s;inset:7px 16px 3px}.st-making-leaf:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:#f8ce65;width:18px;height:44px;position:absolute;top:-1px;right:18px}.st-making-book.is-still .st-making-leaf{animation-play-state:paused}@keyframes st-leaf-turn{0%,24%,to{transform:rotateY(0)}50%,64%{transform:rotateY(-26deg)}}.st-generation-status{min-height:29px;margin:30px 0 16px;font-size:18px;font-weight:600}.st-generation-track{background:#e3ece5;border-radius:8px;height:8px;overflow:hidden}.st-generation-track>span{border-radius:inherit;background:#226a61;height:100%;transition:width .65s;display:block}.st-generation-count{display:block}.st-generation-hint{color:#55716c;margin-top:28px;font-size:14px}.st-generation-back{color:#226a61;text-underline-offset:4px;margin-top:20px;font-size:14px;display:inline-block;text-decoration:underline!important}.st-generation-actions{flex-wrap:wrap;justify-content:center}.st-generation-details{color:#55716c;margin-top:30px;font-size:13px}.st-generation-details summary{cursor:pointer}.st-generation-details a{padding:8px;text-decoration:underline;display:inline-block}.st-book-reader{background:#edf3ed;flex-direction:column;height:calc(100dvh - 82px);min-height:480px;display:flex;overflow:hidden}.st-reading-header{flex:none;align-items:center;gap:16px;padding:14px 28px;display:flex}.st-reading-header h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:18px;font-weight:600;overflow:hidden}.st-reading-back{color:#173e43;place-items:center;width:36px;height:36px;display:grid}.st-reading-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.st-reading-paper{opacity:.35;background:#fff;flex:none;max-width:100%;transition:opacity .2s;position:relative;box-shadow:0 6px 32px #173e4318}.st-reading-paper.is-ready{opacity:1;animation:.24s ease-out st-reading-arrive}.st-reading-paper canvas{width:100%;height:100%;display:block}.st-reading-sentence{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:5px;min-width:12px;min-height:12px;padding:0;position:absolute}.st-reading-sentence:hover{background:#f8ce652e;border-color:#226a6180}.st-reading-sentence.is-active{background:#f8ce6559;border-color:#226a61}.st-reading-sentence:focus-visible{outline-offset:3px;background:#f8ce6538;outline:3px solid #226a61}@keyframes st-reading-arrive{0%{opacity:.7;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.st-reading-controls{flex:none;justify-content:center;align-items:center;gap:10px;padding:18px 24px 22px;display:flex}.st-reading-controls .st-btn{min-width:46px;padding:10px 14px}.st-reading-counter{text-align:center;font-variant-numeric:tabular-nums;min-width:60px;font-size:15px}.st-reading-divider{background:#ceded4;width:1px;height:24px;margin:0 10px}.st-reading-play{min-width:170px!important}.st-reading-error{text-align:center;margin:8px 24px 0;font-size:14px}.st-reading-loading{position:absolute}.st-reader-loading{align-content:center;justify-items:center;gap:20px;min-height:65vh;display:grid}@media (max-width:600px){.st-generation{padding:40px 20px}.st-generation-content h1{margin-top:28px}.st-reading-header{gap:8px;padding:10px 12px}.st-reading-header h1{font-size:15px}.st-reading-header .st-btn{padding:7px 9px;font-size:12px}.st-reading-header .st-btn svg{display:none}.st-reading-controls{padding:14px 10px max(18px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px}.st-reading-divider{margin:0 3px}.st-reading-play{font-size:13px;min-width:136px!important}.st-reading-counter{min-width:44px}}@media (prefers-reduced-motion:reduce){.st-making-leaf,.st-reading-paper.is-ready{animation:none}.st-generation-track>span,.st-reading-paper{transition:none}}body:has(.st-book-reader) .st-header{display:none}.st-book-reader{height:100dvh;min-height:360px}.st-proofread-hit{background:0 0;border:1px dashed #226a6199;padding:0;overflow:visible}.st-proofread-hit .st-hit-index{color:#fff;min-width:18px;height:18px;font:650 11px/1 var(--font-geist-sans), Arial, sans-serif;pointer-events:auto;background:#226a61;border-radius:5px;place-items:center;padding:0 4px;display:grid;position:absolute;top:50%;left:-21px;transform:translateY(-50%)}.st-proofread-hit:hover,.st-proofread-hit.is-linked,.st-proofread-hit.active{z-index:3;background:#f8ce6540;border:2px solid #ba8b18}.st-proofread-hit:hover .st-hit-index,.st-proofread-hit.is-linked .st-hit-index,.st-proofread-hit.active .st-hit-index{color:#173e43;background:#f8ce65}.st-proofread-hit:focus-visible{outline-offset:3px;outline:3px solid #173e43}.st-sentence-text-row{align-items:flex-start;gap:10px;display:flex}.st-sentence-index{color:#226a61;cursor:pointer;background:#edf5ef;border:1px solid #b9d0c3;border-radius:8px;flex:0 0 30px;width:30px;height:30px;margin-top:4px;font-size:13px;font-weight:700}.st-sentence-text-row textarea{flex:1;min-width:0}.st-sentence-text-row textarea:focus,.st-sentence-text-row textarea:focus-visible{box-shadow:none;outline:none}.st-linked-sentence{cursor:default;scroll-margin-block:24px;transition:border-color .12s,background-color .12s}.st-linked-sentence.is-linked,.st-linked-sentence.active{background:#fff9e9;border-color:#ba8b18;box-shadow:0 0 0 2px #f8ce6529}.st-linked-sentence.is-linked .st-sentence-index,.st-linked-sentence.active .st-sentence-index{color:#173e43;background:#f8ce65;border-color:#e2b34b}.st-missing-region{color:#845b0b;background:#fff2cc;border-radius:5px;margin-right:6px;padding:3px 6px;font-size:12px}@media (prefers-reduced-motion:reduce){.st-linked-sentence{transition:none}}.st-download{gap:.45rem;max-width:32rem;margin:0 auto 1rem;display:grid}.st-download progress{width:100%}body:has(.st-import-page) .st-header{display:none}.st-import-page{background:#f7faf8;min-height:100svh}.st-import-page>.st-wrap{width:min(1290px,100% - 64px);padding:0 0 56px}.st-import-back{margin:24px 0 0 32px}.st-import-heading{align-items:center;gap:28px;padding-inline:28px;display:flex}.st-import-heading img{aspect-ratio:8/7;object-fit:contain;flex:none;width:clamp(82px,11vw,160px);height:auto}.st-import-heading h1{margin-bottom:12px;font-size:clamp(32px,4vw,52px);font-weight:750;line-height:1.2}.st-import-heading .st-muted,.st-import-drop .st-muted{color:#526c71;font-size:clamp(14px,1.6vw,20px)}.st-import-drop{background:#f0f8f5 url(/storytap/import/fox-garden.webp) bottom/100% no-repeat;border-radius:32px;gap:16px;min-height:410px;margin:34px 0 28px;padding:36px 24px}.st-import-drop-icon{width:90px;height:90px;color:var(--st-green);background:#e0f1e9;border-radius:22px;place-items:center;display:grid}.st-import-drop-icon svg{width:54px;height:54px}.st-import-drop h2{font-size:clamp(22px,2.5vw,32px);font-weight:750}.st-import-drop .st-btn{min-width:min(280px,100%);min-height:62px;margin-block:9px 4px;font-size:18px}.st-import-drop .st-btn:focus-within{outline-offset:3px;outline:3px solid #dcac35}.st-import-help{background:#fff6e1;border:1px solid #efd48a;border-radius:22px;align-items:flex-start;gap:16px;margin-bottom:22px;padding:16px 24px;display:flex}.st-import-help>span{color:#8b5914;flex:none;padding-top:3px}.st-import-help h2{font-weight:750}.st-import-help p{margin-top:3px}.st-import>.st-actions{justify-content:flex-start}.st-import>.st-actions .st-btn{min-height:52px}@media (max-width:600px){.st-import-page>.st-wrap{width:calc(100% - 32px);padding:0 0 32px}.st-import-back{margin:16px 0 12px 16px}.st-import-heading{gap:12px;padding-inline:0}.st-import-heading h1{margin-bottom:5px}.st-import-drop{border-radius:23px;min-height:340px;margin:20px 0 16px;padding:22px 12px 48px}.st-import-drop-icon{border-radius:16px;width:64px;height:64px}.st-import-drop-icon svg{width:38px;height:38px}.st-import-help{gap:9px;padding:12px}}