.st158{width:min(100%,760px);max-width:100%;height:100dvh;max-height:100dvh;inset:0;margin:auto;padding:0;border:0;background:#fff;color:#173d2f;font:16px/1.6 system-ui,sans-serif;overflow:hidden}.st158::backdrop{background:#103d3066}.st158 header{height:60px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #d9e9df;padding:0 14px;background:#f4faf6}.st158 header h2{font-size:17px;flex:1;margin:0;line-height:1.3}.st158 button{min-height:44px;border:1px solid #c9e1d3;border-radius:12px;color:#087c45;background:#fff;font:600 14px system-ui;cursor:pointer;padding:8px 12px}.st158 button:disabled{opacity:.45;cursor:default}.st158 .primary{background:#008944;color:white;border-color:#008944}.st158 main{height:calc(100dvh - 146px);overflow-y:auto;padding:14px;box-sizing:border-box}.st158 footer{height:70px;display:flex;align-items:center;gap:8px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d9e9df;background:#f4faf6;box-sizing:border-box}.st158 footer .primary{flex:1}.st158-library{display:grid;grid-template-columns:1fr 1fr;gap:14px}.st158-library>button{text-align:start;padding:0;overflow:hidden}.st158-library>button>div:last-child{padding:12px;position:relative}.st158-library strong,.st158-library span{display:block}.st158-library span{font-size:13px;color:#587365}.st158-library b{position:absolute;right:12px;bottom:12px;font-size:22px}.st158-image{width:100%;aspect-ratio:1.8;background-image:url('/story-practice/stories.png');background-size:200% 100%;background-position:left center;border-radius:14px}.st158-image.right{background-position:right center}.st158-image.small{height:72px;aspect-ratio:auto;background-size:auto 260%;background-repeat:no-repeat;background-color:#eff8f2}.st158-image.small.expanded{height:auto;aspect-ratio:1.8;background-size:200% 100%}.st158-tabs{display:flex;gap:6px;margin:12px 0;position:sticky;top:-14px;background:white;padding:6px 0;z-index:1}.st158-tabs button{flex:1;padding:6px;font-size:13px}.st158-tabs [aria-current=page]{background:#e3f4e9;border-color:#008944}.st158-passage{font-size:19px;line-height:1.85}.st158-passage p{margin:8px 0;padding:5px;border-radius:6px}.st158-passage p.active{background:#e2f2e8}.st158-passage .spoken{background:#addac0;border-radius:3px}.st158 textarea{box-sizing:border-box;width:100%;min-height:200px;border:1px solid #c9e1d3;border-radius:14px;padding:14px;font:16px/1.65 system-ui;margin:12px 0;resize:vertical}.st158-help{position:absolute;top:60px;left:8px;right:8px;background:#eff8f3;padding:14px;box-shadow:0 10px 30px #16453030;z-index:5;max-height:55dvh;overflow-y:auto;border:1px solid #bddcc9;border-radius:12px}.st158-words{display:grid;gap:12px}.st158-words article{padding:14px;background:#eff8f3;border-radius:14px}.st158 h3{font-size:19px;margin:12px 0}.st158 blockquote{margin:10px 0;padding-left:12px;border-left:3px solid #a5d9b9}.st158-recording audio{width:100%}.st158-result .error{color:#943b2d}.st158-scorewords{display:flex;flex-wrap:wrap;gap:6px}.st158-scorewords span{background:#e2f2e8;padding:4px 8px;border-radius:8px;font-size:13px}.st158-scorewords .retry{background:#fff0d5}.st158 button:focus-visible{outline:3px solid #52ae7b;outline-offset:2px}.st158 [hidden]{display:none!important}
@media(max-width:600px){.st158-library{grid-template-columns:1fr}.st158 main{height:calc(100dvh - 150px - env(safe-area-inset-bottom))}.st158 footer{height:calc(78px + env(safe-area-inset-bottom))}.st158 footer button{padding:8px;min-width:38px}.st158 footer .primary{min-width:0;font-size:13px}.st158 header h2{font-size:16px}}

#storyPractice158.st158[open]{display:flex!important;flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;overflow:hidden!important}
#storyPractice158.st158>header{flex:0 0 60px!important;box-sizing:border-box!important}
#storyPractice158.st158>main{flex:1 1 0!important;min-height:0!important;height:auto!important;width:100%!important;overflow-y:auto!important;overscroll-behavior:contain}
#storyPractice158.st158>footer{position:static!important;display:flex!important;flex-flow:row nowrap!important;flex:0 0 auto!important;height:auto!important;min-height:64px!important;width:100%!important;gap:6px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
#storyPractice158.st158>footer>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:none!important;min-width:38px!important;min-height:44px!important;margin:0!important;padding:7px!important;flex:0 0 auto!important;font-size:13px!important}
#storyPractice158.st158>footer>button.primary{flex:1 1 0!important;min-width:0!important}
#storyPractice158.st158 .st158-image.small{background-size:200% 100%!important;height:92px}
.st159-tools,.st159-speak{display:flex;align-items:center;gap:8px;margin:10px 0}.st159-tools small{flex:1}.st159-speak{flex-wrap:wrap}.st159-speak small{font-size:13px}.st159-prompts{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.st159-prompts [aria-current=page]{background:#e3f4e9;border-color:#008944}.st159-translation{border-left:3px solid #86caa5;background:#f1f8f4;padding:10px 14px;white-space:pre-line}.st158-passage [role=button]{cursor:pointer}.st158-passage [role=button]:focus-visible{outline:2px solid #008944}.st158 textarea{min-height:110px}

.st162-frame{height:min(280px,34dvh);display:flex;align-items:center;justify-content:center;background:#eef8f2;border-radius:14px;overflow:hidden}.st162-photo{height:100%;max-width:100%;background-repeat:no-repeat;border-radius:10px}.st162-frame.small{height:92px}.st162-frame.small.expanded{height:min(280px,34dvh)}.st158-library .st162-frame{height:210px}.st158-library>button>.st162-frame{padding:0}