/* Word-tile sentence practice: warm paper pieces on a quiet ruled workbench. */
.daily-task-map{margin:0 0 18px;padding:15px 16px;border:1px solid #d9e5d8;border-radius:19px;background:linear-gradient(145deg,#f7faf5,#edf4ed);box-shadow:0 8px 22px rgba(55,86,65,.055)}
.daily-task-map-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.daily-task-map-head small{display:block;font:9px var(--mono);letter-spacing:1.1px;color:#718579}.daily-task-map-head b{display:block;margin-top:3px;font-size:14px;color:#31523f}.daily-task-map-head>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c8d9c8;border-radius:50%;background:#fffdfa;color:#4c7a5c;font:11px var(--mono)}
.daily-task-steps{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center}.daily-task-step{display:flex;align-items:center;gap:8px;min-width:0}.daily-task-step>i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#e3e8e0;color:#829086;font:normal 9px var(--mono)}.daily-task-step.active>i{background:#f3d6bf;color:#8f5b3c}.daily-task-step.done>i{background:#5b9272;color:#fff}.daily-task-step b{display:block;font-size:11px}.daily-task-step small{display:block;margin-top:2px;color:#7f8b83;font-size:9px;white-space:nowrap}.daily-task-connector{height:1px;margin:0 5px;background:#cfd8cf}.daily-task-connector.done{background:#78a188}.daily-task-map>p{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(90,126,102,.13);color:#6d7c72;font-size:9px;line-height:1.55}.daily-task-map.is-complete{background:linear-gradient(145deg,#eff7ed,#e4f0e4)}

.sentence-puzzle-card{position:relative;margin:20px 0 0;padding:17px;border:1px solid #e4d9cc;border-radius:21px;background:#fffdf9;box-shadow:0 10px 24px rgba(80,61,43,.055);overflow:hidden}.sentence-puzzle-card:before{content:'';position:absolute;left:0;right:0;top:54px;height:1px;background:#efe7de;box-shadow:0 30px 0 #f4eee7,0 60px 0 #f4eee7;pointer-events:none}.puzzle-heading,.puzzle-prompt,.puzzle-answer,.puzzle-bank,.puzzle-actions,.puzzle-hint-answer{position:relative;z-index:1}.puzzle-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.puzzle-heading small,.sentence-puzzle-card.is-finished small{font:9px var(--mono);letter-spacing:.8px;color:#a06b49}.puzzle-heading h3{margin:4px 0 0;font-size:15px;letter-spacing:-.25px}.puzzle-heading>span{min-width:42px;padding:6px 8px;border-radius:999px;background:#f5e8db;color:#8d6247;text-align:center;font:10px var(--mono)}
.puzzle-prompt{margin:16px 0 13px;padding:12px 13px 11px;border-left:4px solid #6f9c7d;border-radius:3px 13px 13px 3px;background:#eff5ed}.puzzle-prompt i{font:normal 9px var(--mono);letter-spacing:.6px;color:#68816f}.puzzle-prompt p{margin:5px 0 0;color:#3e5547;font-size:12px;line-height:1.65}
.puzzle-answer{display:flex;align-content:flex-start;gap:7px;flex-wrap:wrap;min-height:88px;padding:13px 12px;border:1px dashed #c9bcae;border-radius:14px;background:rgba(248,244,238,.8)}.answer-slot{width:48px;height:29px;border-bottom:2px solid #d8cec2}.answer-tile,.word-tile{min-height:30px;border-radius:8px;font-family:var(--serif);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.answer-tile{position:relative;padding:6px 21px 6px 9px;background:#dfeadf;color:#315441;box-shadow:0 2px 0 #c1d3c2}.answer-tile i{position:absolute;right:6px;top:7px;font:normal 8px var(--mono);color:#7d9685}.word-tile{padding:7px 10px;border:1px solid #dfd3c5;background:#fffaf2;color:#38483e;box-shadow:0 3px 0 #eadfd3}.word-tile:not(:disabled):active,.answer-tile:active{transform:translateY(2px);box-shadow:none}.word-tile.is-used{opacity:.22;box-shadow:none}.puzzle-bank{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.puzzle-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:15px}.puzzle-actions button{border-radius:9px;padding:8px 10px;font-size:10px;font-weight:700}.puzzle-reset{background:#f0ece6;color:#6f776f}.puzzle-hint{justify-self:start;background:#fff0d1;color:#8f641a}.puzzle-actions small{color:#939c95;text-align:center;font-size:9px}.puzzle-submit{background:#416f56;color:#fff}.puzzle-submit:disabled,.puzzle-reset:disabled{opacity:.4}.puzzle-hint-answer{margin-top:12px;padding:11px 12px;border-radius:12px;background:#fff6df;border:1px solid #efdca9}.puzzle-hint-answer small{font:9px var(--mono);color:#9a7124}.puzzle-hint-answer p{margin:5px 0 0;font:500 13px/1.55 var(--serif);color:#564a34}
.sentence-puzzle-card.is-correct{min-height:154px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#edf7eb,#e2efe1);border-color:#bad4ba}.puzzle-correct-mark,.puzzle-finish-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#5b9272;color:#fff;font-size:20px;box-shadow:0 0 0 7px rgba(91,146,114,.11)}.sentence-puzzle-card.is-correct h3{margin:8px 0 4px;font:500 18px var(--serif)}.sentence-puzzle-card.is-correct p{margin:0;color:#557060;font-size:11px}.sentence-puzzle-card.is-finished{display:flex;align-items:center;gap:15px;background:#f2f7ef;border-color:#cfe0ce}.sentence-puzzle-card.is-finished h3{margin:5px 0 3px;font-size:14px}.sentence-puzzle-card.is-finished p{margin:0;color:#6a7b70;font-size:10px;line-height:1.5}.sentence-puzzle-card.is-loading{padding:24px;text-align:center}.sentence-puzzle-card.is-loading h3{font:500 18px var(--serif);margin:7px 0}.sentence-puzzle-card.is-loading p{font-size:10px;color:var(--muted)}

.teacher-puzzle-editor{margin:14px 0;padding:13px;border:1px solid #e6dccf;border-radius:14px;background:#fcf8f2}.teacher-puzzle-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.teacher-puzzle-heading b{display:block;font-size:12px;color:#3f5949}.teacher-puzzle-heading small{display:block;margin-top:3px;color:#7b867f;font-size:9px;line-height:1.45}.teacher-puzzle-heading button{flex:0 0 auto;padding:7px 9px;border-radius:8px;background:#e8efe5;color:#477056;font-size:9px;font-weight:700}
.phrase-voice-editor{flex-wrap:wrap}.phrase-voice-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.phrase-tts-preview-button{padding:7px 8px;border-radius:8px;background:#f2dfce;color:#8a5b3e;font-size:10px;font-weight:700}.phrase-tts-preview-button:disabled{opacity:.55}.phrase-voice-editor>.teacher-audio-preview{flex:1 0 100%;height:30px;margin:4px 0 0}.phrase-tts-status{flex:1 0 100%;margin:1px 0 0!important;color:#728078!important;font-size:9px!important;line-height:1.5}.phrase-tts-status.is-confirmed{color:#4e7c5c!important}.phrase-tts-status.is-warning{color:#aa624a!important}

button:focus-visible,.word-tile:focus-visible,.answer-tile:focus-visible{outline:3px solid rgba(91,146,114,.3);outline-offset:2px}
@media(max-width:380px){.daily-task-step small{white-space:normal}.daily-task-steps{grid-template-columns:1fr 16px 1fr}.daily-task-step{align-items:flex-start}.puzzle-answer{min-height:78px}.puzzle-actions{grid-template-columns:1fr 1fr}.puzzle-actions small{grid-column:1 / -1;grid-row:1}.puzzle-submit{grid-column:2}.phrase-voice-actions{width:100%;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.word-tile,.answer-tile{transition:none}.sentence-puzzle-card.is-correct{scroll-behavior:auto}}