:root{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;color:#20342f;background:#f8f7f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #20342f;--muted: #75827a;--green: #3d8067;--green-deep: #2d6f5b;--mint: #e8f0e8;--coral: #f49b78;--yellow: #f6cf69;--paper: #fffefb}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,audio:focus-visible{outline:3px solid #e6a648;outline-offset:4px}.welcome-screen,.player-screen{min-height:100vh;padding:26px clamp(24px,5vw,76px) 18px;display:flex;flex-direction:column}.brand-row,.player-header{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(100%,1240px);margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--green-deep);font-size:20px;font-weight:900;letter-spacing:-.6px;white-space:nowrap}.brand-mark{display:grid;width:35px;height:35px;place-items:center;border-radius:12px;color:#fff;background:var(--green);font-size:21px}.day-chip,.streak-chip{padding:10px 16px;border:1px solid #e7e7dc;border-radius:999px;color:#64746a;background:#fffdf8;font-size:13px;font-weight:800}.welcome-card{position:relative;display:grid;grid-template-columns:1.04fr .96fr;width:min(100%,1140px);min-height:min(620px,calc(100vh - 150px));margin:auto;overflow:hidden;border:1px solid #e8e8dd;border-radius:32px;background:var(--paper);box-shadow:0 20px 65px #4053400e}.welcome-art{position:relative;min-height:530px;overflow:hidden;background:linear-gradient(180deg,#dff0e9,#eff4e5 72%,#e9eedf)}.welcome-sun{position:absolute;top:11%;left:15%;font-size:clamp(72px,9vw,116px);filter:drop-shadow(0 10px 18px #e3ae6030)}.welcome-cloud{position:absolute;font-size:54px;opacity:.88;filter:saturate(.65)}.cloud-one{top:16%;right:15%}.cloud-two{top:37%;left:12%;font-size:40px}.welcome-hill{position:absolute;bottom:-25%;width:120%;aspect-ratio:1.5;border-radius:50%}.hill-back{left:-37%;background:#a6c9a7;transform:rotate(-12deg)}.hill-front{right:-48%;bottom:-34%;background:#79ac83;transform:rotate(18deg)}.welcome-flower{position:absolute;right:23%;bottom:14%;z-index:1;color:#fff0ca;font-size:86px;text-shadow:0 3px 0 #6f9f73}.welcome-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,6vw,72px)}.eyebrow{margin:0 0 10px;color:#849188;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;color:var(--ink);font-size:clamp(34px,4.3vw,54px);font-weight:900;letter-spacing:-1.8px;line-height:1.13}.welcome-description{margin:18px 0 24px;color:#64746a;font-size:17px;font-weight:700}.word-preview{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.word-preview span{padding:8px 13px;border:1px solid #e4ebdf;border-radius:999px;color:#507761;background:#f1f6ee;font-size:13px;font-weight:900}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:0 24px;border:0;border-radius:17px;color:#fff;background:var(--green);box-shadow:0 8px 18px #3d80672a;font-size:16px;font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.primary-button:hover:not(:disabled){background:var(--green-deep);box-shadow:0 11px 24px #3d806735;transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.72}.start-button{min-width:240px}.start-button span{font-size:22px}.save-note{margin:14px 0 0;color:#98a199;font-size:12px;font-weight:700}.welcome-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:17px;color:#8a968d;font-size:13px;font-weight:800}.player-screen{gap:18px}.player-header{min-height:45px}.progress-area{width:min(390px,42vw)}.progress-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#77847a;font-size:11px;font-weight:900}.progress-track{height:8px;overflow:hidden;border-radius:99px;background:#e7e9df}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8ab58d,#e8c770);transition:width .3s ease}.streak-chip{display:flex;align-items:center;gap:7px}.streak-chip span{color:#dfad4f;font-size:18px}.activity-card{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,1240px);min-height:min(680px,calc(100vh - 132px));margin:auto;overflow:hidden;border:1px solid #e7e8de;border-radius:30px;background:var(--paper);box-shadow:0 18px 55px #4053400d}.activity-main{display:flex;flex-direction:column;padding:clamp(26px,4vw,48px) clamp(30px,5vw,66px)}.activity-heading{display:flex;align-items:flex-start;justify-content:space-between}.activity-heading h1{font-size:clamp(32px,4vw,46px)}.activity-heading .eyebrow{color:#9aab9c;text-transform:none;letter-spacing:.03em;font-size:15px}.word-sound-trigger{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.word-sound-trigger span{display:grid;width:22px;height:22px;place-items:center;border-radius:8px;color:#5d8a6b;background:#eff5ec;font-size:14px}.step-spark{display:grid;width:45px;height:45px;place-items:center;border-radius:16px;color:#b48e42;background:#fbf2d9;font-size:22px}.repeat-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:16px 0 4px;text-align:center}.picture-audio-button{position:relative;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.picture-audio-button>span{position:absolute;right:4px;bottom:6px;padding:5px 9px;border:1px solid #e1eadc;border-radius:999px;color:#567b60;background:#fffef0ed;font-size:11px;font-weight:900}.picture-audio-button:focus-visible{border-radius:18px;outline:3px solid #e6a648;outline-offset:5px}.repeat-picture{width:clamp(150px,22vh,210px);height:clamp(130px,25vh,220px);object-fit:contain}.repeat-content>p,.listen-side>p{margin:15px 0 18px;color:#64746a;font-size:17px;font-weight:800}.audio-player{width:min(320px,100%);height:48px;accent-color:var(--green)}.action-button{min-width:210px;margin-top:20px}.action-button span{font-size:20px}.listen-content{display:grid;flex:1;grid-template-columns:1fr minmax(240px,.72fr);align-items:center;gap:clamp(22px,5vw,70px);padding:28px 5% 8px}.picture-listen{width:100%}.listen-picture{width:100%;max-height:min(48vh,380px);object-fit:contain}.picture-listen>span{right:8%;bottom:8px}.listen-side{display:flex;flex-direction:column;align-items:flex-start}.listen-side .audio-player{max-width:300px}.choose-content{display:flex;flex:1;flex-direction:column;justify-content:center;padding-top:18px}.choose-prompt{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.choose-prompt p{margin:0 0 4px;color:#829087;font-size:14px;font-weight:800}.choose-prompt strong{color:var(--green-deep);font-size:24px;font-weight:900}.choices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choice-card{position:relative;display:grid;min-height:clamp(165px,28vh,245px);place-items:center;padding:15px;overflow:hidden;border:2px solid #e8ece4;border-radius:21px;background:#f4f7f0;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.choice-card:nth-child(2){background:#f9f4e8}.choice-card:nth-child(3){background:#f4eef0}.choice-card:hover:not(:disabled){border-color:#82ad91;box-shadow:0 9px 22px #345a4615;transform:translateY(-3px)}.choice-card:disabled{cursor:wait;opacity:.75}.choice-card img{width:100%;height:100%;max-height:200px;object-fit:contain}.choice-number{position:absolute;top:11px;left:11px;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#648271;background:#ffffffcf;font-size:12px;font-weight:900}.feedback-message{margin:14px 0 0;color:#b07636;font-size:14px;font-weight:900;text-align:center}.inline-error{color:#a64636;font-size:14px;font-weight:800;text-align:center}.center-state{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.center-state h1{margin-top:10px;font-size:clamp(32px,5vw,52px)}.center-state p{max-width:460px;color:#76847a;font-size:16px;font-weight:700;line-height:1.6}.center-state .primary-button{margin-top:15px}.state-illustration{margin-bottom:17px;font-size:76px}.loading-sun{color:#e4bd5c;font-size:54px;animation:float 1.2s ease-in-out infinite alternate}.finished-badge{display:grid;width:90px;height:90px;place-items:center;margin-bottom:26px;border-radius:31px;color:#b1842b;background:#fbefca;font-size:48px;transform:rotate(-7deg)}.finish-garden{margin:19px 0 2px;font-size:41px}.finish-note{font-size:14px!important}@keyframes float{to{transform:translateY(-8px) rotate(16deg)}}@media(max-width:800px){.welcome-screen,.player-screen{padding:18px 16px}.welcome-card{grid-template-columns:1fr;min-height:auto;margin:28px auto}.welcome-art{min-height:210px}.welcome-sun{top:5%;font-size:80px}.cloud-one{top:10%}.welcome-hill{bottom:-75%}.welcome-copy{padding:30px}.player-header{flex-wrap:wrap;gap:12px}.progress-area{order:3;width:100%}.streak-chip{padding:8px 11px;font-size:11px}.activity-card{grid-template-columns:1fr;min-height:0}.activity-main{min-height:550px;padding:26px 22px}.listen-content{grid-template-columns:1fr;gap:8px;text-align:center}.listen-picture{max-height:240px}.listen-side{align-items:center}.listen-side>p{margin:8px 0}.choice-card{min-height:145px;padding:7px}.choice-number{top:7px;left:7px;width:24px;height:24px}}@media(max-height:760px)and (min-width:801px){.player-screen{padding-top:12px;padding-bottom:10px;gap:10px}.activity-card{min-height:calc(100vh - 105px)}.activity-main{padding-top:24px;padding-bottom:24px}.listen-picture{max-height:42vh}.repeat-picture{height:20vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.welcome-card{min-height:min(650px,calc(100vh - 135px))}.welcome-copy{min-width:0}.mode-picker{display:inline-flex;gap:5px;margin:0 0 22px;padding:5px;border:1px solid #e5e9df;border-radius:15px;background:#f5f7f1}.mode-picker button{min-height:42px;padding:0 15px;border:0;border-radius:11px;color:#718075;background:transparent;font-size:14px;font-weight:800;cursor:pointer}.mode-picker button.selected{color:#376c55;background:#fff;box-shadow:0 2px 7px #314a3512}.player-screen{height:100dvh;min-height:0;gap:12px;overflow:hidden;padding:17px 34px 12px;touch-action:pan-x;user-select:none;-webkit-user-select:none}.player-header{min-height:44px;gap:18px}.mode-chip{padding:9px 13px;border:1px solid #e5e9df;border-radius:999px;color:#61766a;background:#fffdf8;font-size:12px;font-weight:900;white-space:nowrap}.activity-card{grid-template-columns:minmax(0,1fr);min-height:min(650px,calc(100dvh - 180px));border-radius:26px}.activity-main{min-width:0;min-height:0;padding:27px clamp(28px,4vw,58px) 20px;touch-action:none}.activity-heading h1{font-size:clamp(30px,3.3vw,42px)}.activity-heading .eyebrow{margin-bottom:5px}.module-nav-horizontal{width:min(100%,1240px);flex:0 0 auto;margin:-2px auto 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.module-nav-horizontal::-webkit-scrollbar{display:none}.module-nav-list{display:grid;min-width:712px;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px}.module-nav-item{min-width:0}.module-nav-list button{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;padding:0 8px;border:1px solid transparent;border-radius:12px;color:#7c8b80;background:#f2f5ee;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.module-nav-list button:hover:not(:disabled){border-color:#b8cfad;color:#376c55;background:#eaf2e6}.module-nav-list button:focus-visible{outline:3px solid #70a989;outline-offset:2px}.module-nav-list button.active{border-color:#a4c59b;color:#376c55;background:#e7f1e3}.module-nav-list button.done{color:#547b5d;background:#edf5e9}.module-nav-list button.done.active{border-color:#a4c59b;color:#376c55;background:#e7f1e3}.module-nav-list button:disabled{cursor:wait;opacity:.75}.word-repeat-content,.book-read-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:8px 0 0;text-align:center}.word-repeat-content{width:min(100%,900px);gap:clamp(8px,1.4vh,15px);margin-inline:auto}.word-repeat-grid{display:grid;flex:1 1 auto;align-content:center;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:clamp(12px,2vw,28px);width:100%}.word-repeat-item{display:flex;width:min(100%,260px);flex-direction:column;align-items:center}.word-repeat-item .repeat-picture-button{width:min(100%,240px,28vh)}.word-repeat-item .repeat-word-button{margin-top:7px;font-size:clamp(22px,2.8vw,36px)}.repeat-picture-button{display:grid;flex:0 0 auto;width:min(36vw,250px);aspect-ratio:1;place-items:center;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.rounded-word-image{display:block;width:100%;height:100%;border-radius:27px;object-fit:cover}.repeat-word-button{display:inline-flex;align-items:center;gap:10px;margin-top:11px;padding:0;border:0;color:var(--ink);background:transparent;font-size:clamp(29px,3.7vw,43px);font-weight:900;cursor:pointer}.repeat-word-button span{color:var(--green);font-size:23px}.page-controls{display:flex;align-items:center;justify-content:center;gap:18px;width:min(100%,470px);margin-top:0}.secondary-button{min-height:43px;padding:0 18px;border:1px solid #dfe7dc;border-radius:13px;color:#4c725a;background:#fff;font-size:14px;font-weight:900;cursor:pointer}.secondary-button:disabled{color:#adb7ae;background:#f4f5f0;cursor:default}.puzzle-icon-button{display:inline-grid;width:48px;height:48px;min-height:48px;place-items:center;padding:0}.puzzle-icon-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.page-arrow-button{display:grid;flex:0 0 46px;width:46px;min-height:46px;place-items:center;padding:0;border-radius:50%}.page-arrow-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.page-dots{display:flex;align-items:center;gap:7px}.page-dots span{width:8px;height:8px;border-radius:50%;background:#dce4d9}.page-dots span.active{width:22px;border-radius:99px;background:#76a783}.action-button{min-height:48px;margin-top:12px}.listen-step-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;padding:12px 0 8px}.listen-picture-stage{display:grid;grid-template-rows:min-content minmax(0,1fr) min-content;align-items:stretch}.listen-picture-stage-centered{grid-template-columns:minmax(0,1fr);align-self:center;justify-items:stretch;width:min(100%,1080px);margin-inline:auto}.listen-picture-stage-centered>.listen-instruction,.listen-picture-stage-centered>.listen-replay-button{justify-self:center}.listen-instruction{margin:5px 0 16px;color:#718075;font-size:16px;font-weight:800;text-align:center}.icon-audio-button{display:grid;width:52px;height:52px;place-items:center;border:1px solid #d9e7d6;border-radius:18px;color:#4f805f;background:#f0f6ed;font-size:26px;cursor:pointer}.listen-replay-button{flex:0 0 auto;margin-top:16px}.listen-picture-stage>.listen-replay-button{justify-self:center}.picture-choices{width:min(100%,1040px)}.listen-picture-choices{align-self:stretch;justify-self:center;gap:clamp(6px,1vw,12px);width:min(100%,1040px);margin:0 auto}.picture-choice{position:relative;display:grid;min-width:0;min-height:0;place-items:center;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;cursor:pointer;transition:transform .16s ease}.picture-choice:hover:not(:disabled){transform:translateY(-3px)}.rounded-choice-image{display:block;width:min(100%,300px,32vh);max-height:100%;aspect-ratio:1;border-radius:27px;object-fit:cover}.answer-mark{position:absolute;top:50%;left:50%;display:grid;width:64px;height:64px;place-items:center;border:2px solid currentColor;border-radius:50%;background:#ffffffed;box-shadow:0 3px 12px #263b2826;font-size:46px;font-weight:900;line-height:1;transform:translate(-50%,-50%);pointer-events:none}.answer-mark.incorrect{color:#dc514b}.answer-mark.correct{color:#469b55}.pairing-content{display:grid;flex:1;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;width:min(100%,1120px);min-height:0;margin-inline:auto;padding-top:8px}.pairing-group-label{justify-self:center;margin:0;color:#8a9a8e;font-size:13px;font-weight:900}.pairing-board{position:relative;display:grid;grid-template-rows:auto auto;align-content:center;gap:clamp(28px,5vh,48px);width:min(100%,1120px);min-height:0;margin:auto;padding:8px 0}.pairing-connections{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pairing-connections line{stroke:#69a978;stroke-width:4;stroke-linecap:round;opacity:.9}.pairing-board .word-pool,.pairing-board .picture-pool{position:relative;z-index:2;display:grid;align-items:stretch;gap:clamp(7px,1vw,13px);width:100%;margin:0}.pairing-board .word-pool,.pairing-board .picture-pool{grid-template-columns:repeat(5,minmax(0,1fr))}.word-match{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:54px;padding:5px 8px;border:1px solid #e2e9df;border-radius:14px;color:#345e48;background:#f5f8f1;font-size:clamp(13px,1.55vw,18px);font-weight:900;text-align:center;cursor:pointer}.word-match.selected{border-color:#79a985;background:#eaf3e7;box-shadow:0 0 0 3px #e4f0e2}.word-match.done{color:#7c9b80;background:#edf4e9}.pair-word-action{position:absolute;right:7px;color:#7fa083}.pair-picture{position:relative;display:grid;aspect-ratio:1;min-width:0;min-height:clamp(100px,17vh,170px);place-items:center;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}.rounded-pair-image{display:block;width:100%;height:100%;border-radius:27px;object-fit:cover}.pair-picture.done .rounded-pair-image{box-shadow:0 0 0 3px #9ec49e}.pair-picture.selected .rounded-pair-image{box-shadow:0 0 0 4px #79a985,0 0 0 8px #e4f0e2}.pair-success-mark{position:absolute;top:5px;right:8px;color:#4e9865;font-size:21px;font-weight:900}.word-match.incorrect{border-color:#dc625d;background:#fff0ed}.pair-picture.incorrect .rounded-pair-image{box-shadow:0 0 0 4px #dc625d}.pair-error-mark{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:42px;height:42px;place-items:center;border:2px solid #dc514b;border-radius:50%;color:#dc514b;background:#fffdf7ed;box-shadow:0 2px 9px #54342c26;font-size:30px;font-weight:900;line-height:1;transform:translate(-50%,-50%);pointer-events:none}.book-scene-button{position:relative;display:grid;flex:0 1 auto;width:min(100%,1080px,108dvh);aspect-ratio:2 / 1;place-items:center;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;cursor:pointer}.rounded-book-image{display:block;width:100%;height:100%;border-radius:27px;object-fit:contain}.book-scene-button>span{position:absolute;right:12px;bottom:12px;display:grid;width:39px;height:39px;place-items:center;border:1px solid #dce6d7;border-radius:50%;color:#4c7b59;background:#fffef0e8;font-size:19px}.book-sentence{max-width:800px;margin:10px 0 0;color:#253b30;font-size:clamp(20px,2.5vw,29px);font-weight:900;line-height:1.35}.sentence-word{padding:0 1px;border:0;border-bottom:2px dotted #9cbd9d;color:inherit;background:transparent;font:inherit;cursor:pointer}.dialogue-fill-content,.sentence-puzzle-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:12px 0 0}.speaker-label{margin:2px 0 6px;color:#8c9b8e;font-size:13px;font-weight:900}.fill-sentence{width:min(100%,760px);padding:23px 18px;border:1px solid #e9e9dd;border-radius:20px;color:#284437;background:#f8f8f0;font-size:clamp(23px,3vw,37px);font-weight:900;text-align:center}.fill-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px}.fill-choices button,.tile-pool button,.sentence-slot{min-width:120px;min-height:54px;padding:0 19px;border:2px solid #dfebdc;border-radius:17px;color:#456f52;background:#f1f6ed;font-size:19px;font-weight:900;cursor:pointer}.fill-choices button:hover,.tile-pool button:hover{border-color:#83b28b;background:#e9f3e5}.fill-choices button{position:relative}.fill-choices button.fill-choice-incorrect{border-color:#dc625d;color:#9b4945;background:#fff0ed}.fill-choices button.fill-choice-correct{border-color:#82b58b;color:#365b42;background:#edf5e9}.fill-error-mark{position:absolute;top:50%;left:50%;display:grid;width:38px;height:38px;place-items:center;border:2px solid #dc514b;border-radius:50%;color:#dc514b;background:#fffdf7ed;box-shadow:0 2px 9px #54342c26;font-size:27px;font-weight:900;line-height:1;transform:translate(-50%,-50%);pointer-events:none}.sentence-result-row{display:flex;align-items:center;gap:12px;width:min(100%,900px)}.sentence-slots{position:relative;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:9px;min-width:0;min-height:72px;margin:8px 0 14px;padding:9px;border:1px dashed #d7e1d4;border-radius:18px;background:#fbfbf6}.sentence-slots-aligned{display:grid;grid-template-columns:repeat(auto-fill,148px);justify-content:start;align-content:start}.sentence-slot-unit{position:relative;display:grid;grid-template-columns:128px 16px;align-items:center;column-gap:4px}.sentence-slot-unit .sentence-slot{position:relative;width:128px;min-width:0;overflow-wrap:anywhere}.sentence-slot-unit .sentence-slot.position-feedback{padding-right:29px}.puzzle-position-mark{position:absolute;top:3px;right:5px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#fffefb;font-size:18px;font-weight:1000;line-height:1}.puzzle-position-mark.correct{color:#168142}.puzzle-position-mark.incorrect{color:#d5312c}.sentence-slot-unit.correct-position .sentence-slot{border-color:#5f9c6c;color:#315f3c;background:#e5f3e3;box-shadow:0 0 0 2px #d5ead3}.sentence-slot-unit.incorrect-position .sentence-slot{border-color:#d85650;color:#a33d38;background:#fff0ed;box-shadow:0 0 0 2px #f8dbd6}.sentence-punctuation{color:#365b42;font-size:23px;font-weight:900}.sentence-punctuation-prefix{position:absolute;right:100%}.puzzle-error-mark{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:3px solid #dc514b;border-radius:50%;color:#dc514b;background:#fff0ed;box-shadow:0 2px 9px #54342c20;font-size:32px;font-weight:900;line-height:1}.puzzle-success-mark{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:3px solid #4e9865;border-radius:50%;color:#4e9865;background:#eff7eb;box-shadow:0 2px 9px #54342c20;font-size:32px;font-weight:900;line-height:1}.sentence-slot{min-width:95px;min-height:48px;padding:0 12px;border-color:#e4e8dd;color:#98a398;background:#fff}.sentence-slot.filled{border-color:#b7d1ae;color:#365b42;background:#edf5e9}.tile-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.tile-pool button{min-width:88px;min-height:49px;padding:0 14px}.puzzle-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px}.feedback-message{margin:8px 0 0}.finish-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:680px;margin-top:15px}.finish-words span{padding:7px 12px;border:1px solid #e4ebdf;border-radius:999px;color:#507761;background:#f1f6ee;font-size:13px;font-weight:900}.shared-audio{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:800px){.player-screen{padding:14px 12px;gap:10px}.player-header{gap:9px}.activity-card{grid-template-columns:1fr;min-height:0}.activity-main{min-height:490px;padding:22px 16px 17px}.repeat-picture-button{width:min(72vw,250px)}.pairing-board{gap:24px}.pairing-board .word-pool,.pairing-board .picture-pool{gap:5px}.pair-picture{min-height:clamp(72px,14vh,110px)}.word-match{min-height:46px;padding:4px 3px;font-size:12px}.pair-word-action{right:3px;font-size:10px}}@media(max-height:740px)and (min-width:801px){.player-screen{padding-top:10px;padding-bottom:8px;gap:8px}.activity-card{min-height:calc(100dvh - 180px)}.activity-main{padding-top:18px;padding-bottom:13px}.repeat-picture-button{width:min(32vw,220px)}.pairing-board{gap:22px}}.parent-auth-page{display:grid;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#fff9df 0,transparent 34%),#f7f8ef}.parent-auth-card{display:flex;width:min(100%,420px);flex-direction:column;padding:34px;border:1px solid #e8ecdf;border-radius:28px;background:#fffefa;box-shadow:0 18px 60px #314c3514}.parent-auth-mark{display:grid;width:50px;height:50px;place-items:center;border-radius:18px;color:#a47a25;background:#fff2c8;font-size:27px}.parent-auth-eyebrow{margin:22px 0 5px;color:#829187;font-size:11px;font-weight:900;letter-spacing:.18em}.parent-auth-card h1,.parent-auth-status h1{margin:0;color:#294332;font-size:30px;font-weight:900}.parent-auth-copy,.parent-auth-status p{margin:10px 0 25px;color:#78867b;font-size:15px;line-height:1.6}.parent-auth-card label{margin-bottom:8px;color:#415a49;font-size:14px;font-weight:800}.parent-auth-card input{min-height:52px;padding:0 15px;border:1px solid #dce5d8;border-radius:14px;outline:none;color:#294332;background:#fff;font:inherit;font-size:17px}.parent-auth-card input:focus{border-color:#82aa8c;box-shadow:0 0 0 3px #82aa8c2e}.parent-auth-submit{min-height:54px;margin-top:18px;border:0;border-radius:15px;color:#fff;background:#4c7a58;font:inherit;font-size:16px;font-weight:900;cursor:pointer}.parent-auth-submit:disabled{cursor:wait;opacity:.68}.parent-auth-secondary{min-height:44px;margin-top:10px;border:1px solid #dce5d8;border-radius:14px;color:#4c6a54;background:transparent;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.parent-auth-secondary:disabled{cursor:wait;opacity:.68}.parent-auth-error{margin:10px 0 0;color:#a64636;font-size:14px;font-weight:800}.parent-auth-status{display:grid;min-height:100dvh;place-content:center;padding:24px;color:#526659;background:#f7f8ef;text-align:center}.parent-auth-logout{position:fixed;z-index:30;top:10px;right:12px;padding:8px 11px;border:1px solid #dce5d8;border-radius:12px;color:#516a58;background:#fffef0ed;font:inherit;font-size:12px;font-weight:800;cursor:pointer}@media(max-width:520px){.parent-auth-card{padding:27px 22px}}