.miko-entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:center;background:#fff;border:2px solid #b8d0fb;border-radius:24px;overflow:hidden;color:#17366a;text-decoration:none;margin:0 0 24px;box-shadow:0 6px 0 #d2e2fc}
.miko-entry>img{width:100%;height:100%;min-height:190px;object-fit:cover}.miko-entry>span{padding:20px 20px 20px 0;display:grid;gap:10px}.miko-entry small{font-size:12px;font-weight:900;color:#1255bf;letter-spacing:.06em}.miko-entry strong{font-size:clamp(23px,3vw,34px);line-height:1.15}.miko-entry b{display:flex;align-items:center;gap:12px;font-size:16px}.miko-entry .icon{width:22px;height:22px}.miko-entry:focus-visible{outline:4px solid #175ddd;outline-offset:4px}
body.miko-active .sidebar,body.miko-active .topbar,body.miko-active .hub-main>.footer{display:none}body.miko-active .app-shell{margin:0;width:100%;min-height:100dvh}body.miko-active .main{margin:0;padding:0;max-width:none;width:100%}body.miko-active{background:#faf8f3}
.miko-lesson{--mk-navy:#102564;--mk-blue:#125cf4;--mk-lime:#c8ff36;color:var(--mk-navy);display:grid;grid-template-rows:auto minmax(220px,1fr) auto;position:relative;height:100dvh;min-height:500px;width:100%;background:#fbfaf5;overflow:hidden}
.miko-header{display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));background:#fff;z-index:3;gap:10px}.miko-brand{font-size:16px;font-weight:900;letter-spacing:-.4px}.miko-brand b{color:#d52c81}.miko-header h1{font-size:clamp(19px,2.1vw,27px);margin:3px 0;line-height:1.2}.miko-header p{font-size:13px;margin:0;line-height:1.4}.miko-head-actions{display:flex;gap:8px}.miko-lesson button{font:inherit;color:inherit;cursor:pointer}.miko-lesson button:focus-visible{outline:4px solid var(--mk-blue);outline-offset:3px}.miko-icon{border:1px solid #d3def4;background:#fff;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.miko-icon .icon{width:24px;height:24px}
.miko-scene{min-width:0;min-height:0;position:relative;display:grid;place-items:center;background:#f4ecdf;overflow:hidden}.miko-canvas{position:relative;flex-shrink:0}.miko-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.miko-hit{position:absolute;border:0;background:transparent;padding:0;min-width:0;transition:background .14s;touch-action:manipulation}.miko-hit:hover{background:#c8ff361c}.miko-hit.is-selected{background:#c8ff3636;box-shadow:inset 0 0 0 4px #c8ff36}.miko-hit.is-hinted{background:#c8ff3680}.miko-hit:focus-visible{background:#c8ff3659;outline:none!important;box-shadow:inset 0 0 0 5px #125cf4}.miko-hit:disabled{cursor:default;background:transparent}
.miko-checklist{position:absolute;right:16px;top:14px;z-index:2;max-width:210px}.miko-count{margin-left:auto;display:flex;align-items:center;gap:8px;border:2px solid #fff;background:var(--mk-lime);border-radius:30px;min-width:98px;height:48px;padding:0 16px;box-shadow:0 3px 12px #10256421;font-size:17px}.miko-count .icon{width:21px;height:21px}.miko-object-list{margin-top:8px;padding:14px;background:#ffffffed;border-radius:18px;box-shadow:0 8px 24px #10256426}.miko-object-list[hidden]{display:none}.miko-object-list>strong{font-size:14px}.miko-list-row{display:flex;align-items:center;gap:8px;min-height:46px;border-bottom:1px solid #e0e6ef;font-size:14px}.miko-list-row>.icon{width:18px;height:18px;color:#1255bf}.miko-list-row>span:first-child{font-weight:900}.miko-list-row button{padding:8px 0;border:0;background:none;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;font-weight:900}.miko-list-row .icon{width:18px;height:18px}.miko-hint{border:0;background:#f3f6ff;border-radius:10px;padding:10px;margin-top:10px;min-height:44px;display:flex;gap:8px;align-items:center;justify-content:center;width:100%;font-size:14px;font-weight:900}.miko-hint .icon{width:20px;height:20px}
.miko-feedback{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#fffef1f5;border-radius:12px;padding:9px 14px;font-size:14px;line-height:1.35;text-align:center;box-shadow:0 4px 15px #10256420;z-index:3;margin:0;pointer-events:none}.miko-feedback:empty{display:none}
.miko-controls{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#fff;z-index:4}.miko-nav{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:56px;padding:4px 0;font-weight:900;font-size:12px}.miko-nav>.icon{width:28px;height:28px}.miko-nav:disabled{opacity:.36;cursor:not-allowed}.miko-word{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;min-width:0}.miko-word>div{min-width:0}.miko-word strong{font-size:clamp(19px,2.2vw,30px);display:block;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.miko-word small{font-size:13px;display:block;margin-top:3px}.miko-speaker{height:50px;width:50px;flex-shrink:0;border:0;border-radius:50%;background:var(--mk-lime);display:grid;place-items:center}.miko-speaker .icon{width:25px;height:25px}.miko-speaker.is-speaking{background:#d6ecff;box-shadow:0 0 0 4px #125cf433}.miko-speaker:disabled{opacity:.35;cursor:default}
.miko-info{position:absolute;bottom:calc(3px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(94%,580px);z-index:5;font-size:12px;text-align:center}.miko-info summary{cursor:pointer;min-height:20px;line-height:20px;color:#365278}.miko-info[open]{bottom:calc(8px + env(safe-area-inset-bottom));padding:16px;background:#fff;border:2px solid #b8d0fb;border-radius:16px;box-shadow:0 4px 25px #10256430}.miko-info[open] p{font-size:13px;line-height:1.5;text-align:left;margin:8px 0}
.miko-complete{position:absolute;inset:0;display:grid;place-items:center;background:#10256435;z-index:4;padding:20px}.miko-complete-card{background:#fff;border-radius:24px;padding:24px;max-width:430px;text-align:center;box-shadow:0 12px 40px #10256430}.miko-complete-card>.icon{width:46px;height:46px;padding:8px;border-radius:50%;background:var(--mk-lime);box-sizing:content-box}.miko-complete-card h2{font-size:27px;line-height:1.2;margin:16px 0 8px}.miko-complete-card p{font-size:15px;line-height:1.5}.miko-done-words{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.miko-done-words button{border:0;border-radius:12px;background:#eef3ff;padding:10px;min-height:44px;font-size:14px;font-weight:900;display:flex;gap:5px;align-items:center}.miko-done-words .icon{width:16px;height:16px}.miko-complete-card>.primary,.miko-complete-card>.secondary{display:flex;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:10px;font-size:16px}.miko-complete-card>.primary{background:var(--mk-lime);color:var(--mk-navy)}
@media(min-width:760px){.miko-controls{grid-template-columns:100px minmax(0,440px) 100px;justify-content:center;gap:32px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}.miko-header{padding-left:28px;padding-right:28px}.miko-checklist{right:24px;top:20px}.miko-nav{font-size:14px}}
@media(max-width:500px){.miko-entry{grid-template-columns:1fr;gap:0}.miko-entry>img{min-height:0;max-height:190px;object-fit:cover}.miko-entry>span{padding:16px;gap:7px}.miko-header{padding-left:12px;padding-right:12px}.miko-header h1{font-size:19px}.miko-header p{font-size:12px}.miko-controls{grid-template-columns:58px minmax(0,1fr) 58px;gap:8px;padding-left:12px;padding-right:12px}.miko-word{gap:8px}.miko-word strong{font-size:21px}.miko-speaker{width:46px;height:46px}.miko-checklist{right:12px;top:12px}.miko-complete-card{padding:18px}.miko-complete-card h2{font-size:24px}}
@media(max-height:600px) and (orientation:landscape){.miko-lesson{min-height:360px}.miko-header{padding-top:5px;padding-bottom:5px}.miko-brand{display:none}.miko-header h1{font-size:19px}.miko-header p{font-size:12px}.miko-controls{padding-top:6px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.miko-nav{min-height:46px}.miko-complete-card{padding:12px}.miko-complete-card>.icon{display:none}.miko-complete-card h2{margin:0;font-size:23px}.miko-complete-card p{margin:6px 0;font-size:13px}.miko-complete-card>.primary,.miko-complete-card>.secondary{min-height:40px}}
@media(prefers-reduced-motion:reduce){.miko-hit{transition:none}}
/* Reserve a separate touch row for parent information, clear of the word/Next row. */
.miko-controls{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.miko-info summary{min-height:44px;line-height:44px}.miko-info summary:focus-visible{outline:3px solid #125cf4;outline-offset:1px}
@media(min-width:760px){.miko-controls{padding-bottom:calc(50px + env(safe-area-inset-bottom))}}
@media(max-height:600px) and (orientation:landscape){.miko-controls{padding-bottom:calc(48px + env(safe-area-inset-bottom))}}
/* v188: the task itself is visible; no collapsed numeric-only checklist. */
.miko-targets{width:184px;max-width:none;background:#fffffff5;border:2px solid #fff;border-radius:16px;padding:10px;box-shadow:0 4px 18px #10256420;box-sizing:border-box}
.miko-target-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;line-height:1.3;margin-bottom:8px;white-space:nowrap}.miko-target-heading>span{font-size:12px;color:#365278}.miko-target-grid{display:grid;grid-template-columns:1fr;gap:8px}.miko-target{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:6px;padding:5px;border:1px solid #d4def0;background:#fff;border-radius:10px;min-height:48px;width:100%;text-align:left;position:relative}.miko-target>img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#fff}.miko-target-copy{display:grid;gap:2px;min-width:0}.miko-target-copy strong{font-size:15px;line-height:1.2;white-space:nowrap}.miko-target-copy small{font-size:12px;line-height:1.2;white-space:nowrap}.miko-target-mark{width:16px;height:16px;border:1px solid #8da2c6;border-radius:50%;display:grid;place-items:center}.miko-target-mark .icon{width:14px;height:14px}.miko-target.is-found{border-color:#446a05;background:#f4ffdd}.miko-target.is-found .miko-target-mark{background:#c8ff36;border-color:#446a05}.miko-target:active{background:#e8f1ff}.miko-target-instruction{font-size:12px;line-height:1.3;text-align:center;margin:8px 0 0;color:#365278}.miko-scene-hint{position:absolute;bottom:60px;left:12px;z-index:2;display:flex;align-items:center;gap:6px;min-height:44px;border:2px solid #fff;border-radius:24px;background:#fffffff5;padding:8px 12px;font-size:13px;font-weight:900;box-shadow:0 3px 12px #10256420}.miko-scene-hint .icon{width:20px;height:20px}
@media(max-width:759px){.miko-targets{width:min(320px,calc(100% - 24px));right:12px;top:10px;padding:8px;border-radius:14px}.miko-target-heading{margin-bottom:6px}.miko-target-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.miko-target{grid-template-columns:24px minmax(0,1fr);gap:4px;padding:5px 3px;min-height:48px}.miko-target>img{width:24px;height:28px}.miko-target-copy strong,.miko-target-copy small{font-size:12px;line-height:1.3;letter-spacing:-.2px}.miko-target-mark{position:absolute;width:12px;height:12px;right:1px;top:1px;border:0;background:#fff}.miko-target-mark:empty{display:none}.miko-target-mark .icon{width:12px;height:12px}.miko-target-instruction{margin-top:5px;font-size:12px}}