.miko-course-area{margin:20px auto 26px;max-width:1200px;padding:22px;border:1px solid #2d4264;border-radius:20px;background:radial-gradient(ellipse at 100% 0,rgba(55,92,164,.18),transparent 48%),linear-gradient(150deg,#111e33,#0b1422);box-shadow:0 18px 48px rgba(0,0,0,.16);color:#f4f7fc}.miko-course-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.miko-course-heading h2{margin:3px 0 6px;font-size:clamp(22px,3vw,30px)}.miko-course-heading p,.miko-muted{margin:0;color:#a8b8ce;line-height:1.5}.miko-kicker{color:#91b8ff;font-size:10px;font-weight:800;letter-spacing:.14em}.miko-primary,.miko-controls button,.miko-check{min-height:42px;border:1px solid #5478b8;border-radius:11px;padding:9px 14px;background:linear-gradient(110deg,#2865db,#6445c4);color:white;font:inherit;font-weight:750;cursor:pointer}.miko-primary:disabled,.miko-controls button:disabled,.miko-check:disabled{opacity:.55;cursor:wait}.miko-course-status{min-height:20px;margin:14px 0 8px;color:#aac3e7;font-size:12px}.miko-course-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.miko-course-card{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;min-height:122px;padding:13px;border:1px solid #293c59;border-radius:14px;background:linear-gradient(155deg,#15243a,#0c1626)}.miko-course-card.is-upcoming{opacity:.7}.miko-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #48658f;border-radius:10px;background:#172e50;color:#bcd6ff;font-size:13px;font-weight:800}.miko-course-card h3{margin:1px 0 5px;font-size:14px;line-height:1.25}.miko-course-card p{min-height:34px;margin:0 0 8px;color:#a5b6cd;font-size:11px;line-height:1.4}.miko-course-card small{display:block;color:#93b9f1;font-size:10px;line-height:1.35}.miko-course-card.is-upcoming small{color:#a0a9b8}.miko-lesson{margin-top:20px;padding:19px;border:1px solid #36527a;border-radius:16px;background:rgba(6,14,26,.62);scroll-margin-top:18px}.miko-lesson[hidden]{display:none}.miko-lesson-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:16px;border-bottom:1px solid #273951}.miko-lesson-top h2{margin:5px 0;font-size:23px}.miko-lesson-top p{margin:0;max-width:690px;color:#adbed4;font-size:13px;line-height:1.5}.miko-silhouette{display:grid;place-items:center;width:70px;height:70px;flex:none;border:1px dashed #8098ba;border-radius:50%;background:#18283f;color:#d6e4f8;font-size:30px;box-shadow:0 0 32px rgba(89,133,205,.12)}.miko-step-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.miko-step{padding:15px;border:1px solid #293d5a;border-radius:13px;background:#101d30}.miko-step>span{color:#8cb7ff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.miko-step h3{margin:5px 0;font-size:17px}.miko-step p{margin:5px 0;color:#adbed4;font-size:12px;line-height:1.5}.miko-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.miko-controls label{color:#c6d5e9;font-size:12px}.miko-controls input[type=color]{width:44px;height:38px;padding:3px;border:1px solid #354c6d;border-radius:8px;background:#0a1423}.miko-controls input[type=text]{min-width:140px;flex:1;height:38px;padding:0 9px;border:1px solid #354c6d;border-radius:8px;background:#0a1423;color:#fff;font:inherit;font-size:12px}.miko-controls button{min-height:38px;font-size:12px}.miko-hint{padding:8px 10px;border-left:2px solid #648bd0;background:#15243a;color:#a8c5ee!important}.miko-check-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #273951}.miko-check-result{color:#b2c4dc;font-size:12px;line-height:1.45}.miko-widget{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;justify-items:end;gap:10px}.miko-orb{display:flex;align-items:center;gap:8px;min-height:52px;padding:7px 14px 7px 8px;border:1px solid #7394c6;border-radius:999px;background:linear-gradient(135deg,#243c60,#18283e);color:#fff;font:inherit;font-weight:750;box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer}.miko-orb:before{content:'?';display:grid;place-items:center;width:34px;height:34px;border:1px dashed #9fb4d3;border-radius:50%;background:#101d30}.miko-card{position:relative;display:grid;grid-template-columns:76px minmax(150px,220px);gap:12px;max-width:min(340px,calc(100vw - 28px));padding:15px;border:1px solid #405c83;border-radius:16px;background:#101c2e;color:#f4f7fc;box-shadow:0 18px 50px rgba(0,0,0,.4)}.miko-card[hidden]{display:none}.miko-close{position:absolute;right:7px;top:5px;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#b6c8e1;font-size:20px;cursor:pointer}.miko-avatar{display:grid;place-items:center;width:70px;height:70px;overflow:hidden;border:1px dashed #8199bb;border-radius:50%;background:#18283f;color:#e5efff;font-size:27px}.miko-avatar img{width:100%;height:100%;object-fit:contain}.miko-line{margin:5px 18px 8px 0;color:#afc1d8;font-size:12px;line-height:1.4}.miko-actions{display:flex;flex-wrap:wrap;gap:5px}.miko-actions button{border:1px solid #364f73;border-radius:8px;padding:6px 8px;background:#172943;color:#dceaff;font:inherit;font-size:11px;cursor:pointer}.miko-widget button:focus-visible,.miko-course-area button:focus-visible,.miko-controls input:focus-visible{outline:2px solid #a5c8ff;outline-offset:2px}@media(max-width:950px){.miko-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.miko-course-area{margin:14px 10px;padding:15px}.miko-course-heading{align-items:stretch;flex-direction:column}.miko-course-heading button{width:100%}.miko-course-grid{grid-template-columns:1fr}.miko-course-card{min-height:0}.miko-course-card p{min-height:0}.miko-step-list{grid-template-columns:1fr}.miko-lesson{padding:14px}.miko-lesson-top h2{font-size:20px}.miko-widget{right:10px;bottom:10px}.miko-card{grid-template-columns:56px minmax(130px,1fr)}.miko-avatar{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.miko-course-area *,.miko-widget *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.workspace.hasMikoLesson{grid-template-rows:minmax(145px,auto) minmax(0,1fr)}.workspace.hasMikoLesson>.miko-lesson{grid-column:1/-1;grid-row:1;min-height:0;max-height:30vh;overflow:auto;margin:0}.workspace.hasMikoLesson>.chat,.workspace.hasMikoLesson>.right{grid-row:2;min-height:0}.workspace.hasMikoLesson .miko-step{padding:9px}.workspace.hasMikoLesson .miko-lesson-top{padding-bottom:7px}.workspace.hasMikoLesson .miko-lesson-top h2{font-size:18px}@media(max-width:1000px){.workspace.hasMikoLesson{grid-template-rows:minmax(140px,auto) minmax(0,1fr) minmax(0,1fr)}.workspace.hasMikoLesson>.miko-lesson{grid-row:1;max-height:25vh;overflow:auto}.workspace.hasMikoLesson>.chat{grid-row:2}.workspace.hasMikoLesson>.right{grid-row:3}}
#mikoFullscreenWrap{position:absolute;z-index:15;right:12px;top:12px;display:grid;justify-items:end;gap:7px}.miko-fullscreen-orb{min-height:42px;padding:6px 12px;border:1px solid #9ab8e4;border-radius:999px;background:#172943;color:#fff;font:inherit;font-weight:750;cursor:pointer}.miko-fullscreen-card{width:min(220px,80vw);padding:12px;border:1px solid #49668f;border-radius:12px;background:#101c2e;color:#fff;box-shadow:0 12px 35px #0008}.miko-fullscreen-card p{margin:4px 0 0;color:#bbcee8;font-size:12px}
.miko-hint-details{margin:7px 0;color:#b9cbe3;font-size:11px}.miko-hint-details summary{cursor:pointer;color:#a8c8f7}.miko-hint-details p{margin:6px 0 0!important;padding:8px;border-radius:8px;background:#0b1524;color:#aebed3}
.miko-step-check{min-height:42px;border:1px solid #6088c1;border-radius:9px;padding:8px 14px;background:#1b3558;color:#e7f1ff;font:inherit;font-size:16px;font-weight:750;cursor:pointer}.miko-step-check:disabled{opacity:.5;cursor:not-allowed}.miko-course-area button:focus-visible,.miko-lesson button:focus-visible,.miko-widget button:focus-visible{outline:2px solid #a5c8ff;outline-offset:2px}
.miko-widget{position:relative;right:auto;bottom:auto;z-index:110;display:inline-grid;justify-items:end;align-self:center;flex:0 0 auto;margin-left:3px}.miko-card{position:absolute;right:0;bottom:calc(100% + 9px);z-index:112}.miko-orb{min-height:40px;padding:4px 10px 4px 5px}.miko-orb:before{width:30px;height:30px}.miko-widget{min-width:0}.market-header .miko-widget{margin-left:6px}@media(max-width:700px){.userbar .miko-orb{padding-right:6px}.userbar .miko-orb span{display:none}.market-nav .miko-orb span{display:none}}
.miko-widget .miko-card{top:calc(100% + 9px);bottom:auto}
@media(max-width:700px){header .brand{flex:none;font-size:0}header .brand .logo{font-size:17px}header .userbar{min-width:0;gap:6px}header #marketplaceLink,header #shopLink,header #newProjectBtn{display:none!important}.workspace.hasMikoLesson{height:auto;min-height:calc(100dvh - 68px);grid-template-rows:auto minmax(360px,auto) minmax(420px,auto);overflow-y:auto}.workspace.hasMikoLesson>.miko-lesson{max-height:none;overflow:visible}}
.miko-mood{display:block;margin:-3px 18px 8px 0;color:#9fc9ff;font-size:11px}.miko-celebrating .miko-avatar{animation:miko-joy 850ms ease-out 1}@keyframes miko-joy{0%,100%{transform:translateY(0)}35%{transform:translateY(-8px)}65%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.miko-celebrating .miko-avatar{animation:none}}
.miko-lesson-preview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);gap:22px;align-items:center;margin-top:15px;padding:20px;border:1px solid #3c5881;border-radius:16px;background:linear-gradient(145deg,#182b46,#101c2e);scroll-margin-top:18px}.miko-lesson-preview[hidden]{display:none}.miko-preview-copy h3{margin:6px 0;font-size:clamp(20px,2.4vw,26px)}.miko-preview-copy>p{max-width:620px;color:#c0cee1;line-height:1.55}.miko-preview-copy blockquote{margin:12px 0;padding:10px 13px;border-left:3px solid #84aef0;border-radius:0 9px 9px 0;background:#102039;color:#e0ebfc}.miko-preview-copy ul{padding-left:20px;color:#d0dbee;line-height:1.65}.miko-preview-copy .miko-muted{font-size:13px}.miko-preview-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.miko-secondary{min-height:42px;padding:8px 13px;border:1px solid #526987;border-radius:10px;background:#14243a;color:#e4edfc;font:inherit;font-weight:700;cursor:pointer}.miko-example{display:grid;gap:9px;justify-items:center;padding:12px;border:1px solid #2e4566;border-radius:13px;background:#0c1625}.miko-example>span{color:#a8c8f7;font-size:11px;font-weight:800;letter-spacing:.12em}.miko-example-scene{position:relative;width:100%;min-height:150px;overflow:hidden;border:1px solid #577aa5;border-radius:9px;background:linear-gradient(#82cbed 0 68%,#d9effb 68%)}.miko-example-scene:before{position:absolute;right:17%;bottom:32%;width:20%;height:22%;border-radius:45% 45% 3px 3px;background:#f5f9ff;content:'';opacity:.86}.miko-example-scene i{position:absolute;left:14%;right:14%;bottom:17%;height:13px;border:1px solid #725b35;border-radius:8px;background:linear-gradient(#91d17c,#5fa257);box-shadow:0 5px 0 #3d624b}.miko-example small{max-width:280px;color:#9fb0c8;text-align:center;line-height:1.4}.miko-lesson-top-actions{display:flex;align-items:center;gap:12px}.miko-step-counter{margin:12px 0 0;padding:8px 11px;border:1px solid #344d70;border-radius:9px;background:#13233a;color:#c8dcfb;font-size:13px;font-weight:750}.miko-success{margin-top:14px;padding:16px;border:1px solid #47795f;border-radius:13px;background:linear-gradient(130deg,#173d35,#132638)}.miko-success h3{margin:5px 0;font-size:19px}.miko-success p{margin:6px 0 13px;color:#c4ddcf;line-height:1.5}.miko-success[hidden]{display:none}.miko-step.is-complete{border-color:#47795f;background:linear-gradient(145deg,#17352f,#101d30)}.miko-course-area button:disabled{cursor:not-allowed}.workspace.hasMikoLesson .miko-hint{display:block}.workspace.hasMikoLesson .miko-hint-details{display:block}.miko-hint-details summary{padding:3px 0;line-height:1.45}.miko-lesson-top-actions .miko-secondary{white-space:nowrap}
.miko-card-link{margin-top:7px;padding:5px 7px;border:1px solid #3b567d;border-radius:7px;background:#102039;color:#bdd5f7;font:inherit;font-size:11px;font-weight:700;cursor:pointer;text-align:left}
.miko-course-card h3{font-size:15px}.miko-course-card p{font-size:12px}.miko-course-card small{font-size:11px}
.workspace.hasMikoLesson .miko-step:not(.is-current):not(.is-complete){display:none}.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current){display:flex;align-items:center;gap:8px;margin:5px 0;padding:6px 10px}.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current)>.miko-step-main{display:flex;align-items:center;min-width:0}.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current)>.miko-step-main>p,.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current)>.miko-step-check,.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current)>.miko-step-extra{display:none}.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current) .miko-step-main h3,.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current) .miko-step-result{margin:0;font-size:12px}.workspace.hasMikoLesson>.miko-lesson{max-height:none;overflow:visible}@media(max-width:700px){.workspace.hasMikoLesson>.miko-lesson{max-height:none}}
.workspace.hasMikoLesson .miko-check-row{padding:8px 0}.workspace.hasMikoLesson .miko-check-result{display:block;padding:5px 0}
@media(max-width:650px){.miko-lesson-preview{grid-template-columns:1fr;padding:15px}.miko-preview-actions{display:grid}.miko-preview-actions button{width:100%}.miko-example-scene{min-height:130px}.miko-lesson-top-actions{align-items:flex-start}.miko-lesson-top-actions .miko-silhouette{width:46px;height:46px;font-size:23px}.miko-lesson-top-actions .miko-secondary{padding:7px 9px;font-size:12px}.miko-success{padding:13px}}
.dashboard.lessonsOpen>.welcome,.dashboard.lessonsOpen>.coinPromo{display:none}.dashboard.lessonsOpen>#mikoCourseQuickAccess,.dashboard.studioOpen>#mikoCourseQuickAccess,.dashboard.demosOpen>#mikoCourseQuickAccess{display:none}.miko-course-area[hidden]{display:none!important}
.miko-home-quick{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 18px;padding:17px 19px;border:1px solid #35527b;border-radius:17px;background:radial-gradient(ellipse at 0 50%,rgba(88,125,190,.15),transparent 45%),linear-gradient(120deg,#14243b,#0d1727);box-shadow:0 14px 36px rgba(0,0,0,.14);color:#f4f7fc}.miko-quick-mark{display:grid;place-items:center;width:48px;height:48px;border:1px dashed #91a9cc;border-radius:50%;background:#192b45;color:#e2edff;font-size:21px;font-weight:800}.miko-quick-copy{min-width:0}.miko-quick-copy h2{margin:3px 0 4px;font-size:19px}.miko-quick-copy>p{margin:0;color:#c2d0e4;font-size:13px;line-height:1.45}.miko-quick-progress{display:flex;align-items:center;gap:12px;margin-top:9px;color:#91a9c7;font-size:11px}.miko-quick-track{width:min(190px,32vw);height:6px;overflow:hidden;border-radius:99px;background:#253650}.miko-quick-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#66a6ff,#9e83ff);transition:width .25s ease}.miko-quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.miko-quick-actions button{white-space:nowrap}.miko-quick-actions button:disabled{opacity:.6;cursor:wait}
.miko-quick-copy>.miko-quick-nudge{margin-top:5px;color:#e0e9f7;font-size:12px}
.miko-course-intro{margin-top:15px;padding:clamp(16px,3vw,25px);border:1px solid #4a6790;border-radius:16px;background:radial-gradient(ellipse at 0 0,rgba(83,126,194,.15),transparent 52%),linear-gradient(145deg,#172943,#0e1929);scroll-margin-top:18px}.miko-course-intro[hidden]{display:none}.miko-intro-copy{max-width:960px;margin:auto}.miko-intro-copy h3{margin:5px 0;font-size:clamp(22px,3vw,30px)}.miko-intro-copy>p{max-width:720px;color:#c0cee1;line-height:1.55}.miko-intro-copy h4{margin:20px 0 8px}.miko-intro-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.miko-intro-areas article{padding:13px;border:1px solid #314966;border-radius:11px;background:#101e31}.miko-intro-areas b{color:#cfe0f8}.miko-intro-areas p{margin:5px 0 0;color:#aebed3;font-size:12px;line-height:1.5}.miko-intro-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;list-style:none;counter-reset:none}.miko-intro-path li{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border:1px solid #2e4563;border-radius:10px;background:#101d30}.miko-intro-path li>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#203b61;color:#d5e6ff;font-size:12px;font-weight:800}.miko-intro-path li div{display:grid;gap:3px}.miko-intro-path small{color:#9eafc8;line-height:1.4}
@media(max-width:550px){.miko-intro-areas,.miko-intro-path{grid-template-columns:1fr}.miko-course-intro{padding:14px}.miko-intro-copy .miko-preview-actions{display:grid}.miko-intro-copy .miko-preview-actions button{width:100%}}
@media(min-width:551px) and (max-width:950px){.miko-intro-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.miko-home-quick{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:14px}.miko-quick-mark{width:40px;height:40px;font-size:18px}.miko-quick-actions{grid-column:1/-1;justify-content:stretch}.miko-quick-actions button{flex:1}.miko-quick-progress{align-items:flex-start;flex-direction:column;gap:6px}.miko-quick-track{width:100%}}
.miko-course-fallback{margin:18px 0;padding:26px;border:1px solid #60475c;border-radius:16px;background:linear-gradient(145deg,#211b30,#111a29);color:#f4f7fc}.miko-course-fallback h2{margin:6px 0;font-size:22px}.miko-course-fallback p{max-width:560px;color:#b8c5d8;line-height:1.5}.miko-course-fallback .miko-primary{min-height:42px}
.miko-lesson-details[hidden]{display:none!important}.miko-lesson-collapse{white-space:nowrap}.miko-compact-progress{display:none}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed{max-height:none!important;min-height:0;padding:8px 12px;overflow:hidden}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top{align-items:center;padding:0;border-bottom:0}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top>div:first-child{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:3px;min-width:0}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top .miko-kicker,.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top p,.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-silhouette{display:none}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top h2{grid-column:1;margin:0;font-size:16px;line-height:1.25}

.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top-actions{gap:8px}
.miko-guide-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 10px;border:1px solid #415a7b;border-radius:9px;background:#14243a;color:#dceaff;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.miko-guide-toggle input{width:17px;height:17px;accent-color:#6da4ff}.miko-click-guide{margin:9px 0;padding:10px 12px;border:1px solid #5884c0;border-radius:10px;background:linear-gradient(110deg,#17345a,#172943);color:#e4efff;font-size:13px;line-height:1.5}.miko-click-guide[hidden]{display:none}.miko-guide-target{position:relative!important;z-index:2;outline:2px solid #82b4f2!important;outline-offset:3px!important;box-shadow:0 0 0 3px #4f8ee733!important;animation:mikoGuidePulse 2.4s ease-in-out infinite}@keyframes mikoGuidePulse{50%{outline-color:#a3caff;box-shadow:0 0 0 4px #4f8ee744}}
.miko-background-dialog{width:min(760px,calc(100vw - 24px));max-width:none;max-height:min(90dvh,900px);padding:0;border:1px solid #49668f;border-radius:16px;background:#0d1929;color:#eef5ff;box-shadow:0 24px 90px #000b}.miko-background-dialog::backdrop{background:#020712c9;backdrop-filter:blur(3px)}.miko-background-shell{max-height:min(90dvh,900px);overflow:auto;padding:clamp(14px,3vw,24px)}.miko-background-shell>header{position:sticky;top:calc(-1 * clamp(14px,3vw,24px));z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:calc(-1 * clamp(14px,3vw,24px)) calc(-1 * clamp(14px,3vw,24px)) 16px;padding:clamp(14px,3vw,24px);border-bottom:1px solid #2b405d;background:#0d1929}.miko-background-shell h2{margin:4px 0;font-size:clamp(20px,4vw,27px)}.miko-background-shell p{margin:5px 0;color:#aebed3;line-height:1.45}.miko-background-form{display:grid;gap:10px}.miko-background-form label,.miko-background-form legend{font-weight:700;font-size:13px}.miko-background-form fieldset{margin:0;padding:10px;border:1px solid #304765;border-radius:10px}.miko-background-presets{display:flex;flex-wrap:wrap;gap:7px}.miko-background-presets button{min-height:36px;padding:7px 11px;border:1px solid #3c577c;border-radius:9px;background:#14243a;color:#e0ecff;font:inherit;cursor:pointer}.miko-background-presets button[aria-pressed=true]{border-color:#85b5ff;background:#21416c}.miko-background-form textarea,.miko-background-form select{width:100%;min-height:42px;padding:10px;border:1px solid #3a5274;border-radius:9px;background:#081321;color:#fff;font:inherit}.miko-background-form textarea{min-height:82px;resize:vertical}.miko-background-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.miko-background-actions [role=status],.miko-background-status{color:#bcd4f3;font-size:12px}.miko-background-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.miko-background-option{display:grid;gap:7px;padding:8px;border:1px solid #304765;border-radius:10px;background:#132239;cursor:pointer}.miko-background-option:has(input:checked){border-color:#82b7ff;box-shadow:0 0 0 2px #609be955}.miko-background-option input{accent-color:#5796ff}.miko-background-option img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;background:#081321}.miko-background-option span{font-size:12px}.miko-background-status{min-height:1.4em;margin:0}
@media(max-width:700px){.miko-lesson-top-actions{flex-wrap:wrap}.miko-guide-toggle{white-space:normal;max-width:100%;font-size:11px}.miko-background-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.miko-guide-target{animation:none}}
.miko-course-reward,.miko-coin-note{padding:10px 12px;border:1px solid #725d2b;border-radius:10px;background:rgba(116,87,31,.16);color:#ffe28a!important;font-size:12px;line-height:1.45}.miko-course-reward{margin:4px 0 12px}.miko-lesson-reward{margin-top:4px;color:#ffe28a!important;font-weight:750}
@media(max-width:700px){.miko-lesson-collapse{display:none}}
.miko-course-card.is-miko-intro{position:relative;overflow:hidden;border-color:#536b9b;background:radial-gradient(circle at 91% 12%,rgba(157,130,255,.24),transparent 32%),linear-gradient(145deg,#1b2b49,#101b2d)}.miko-course-card-art{position:relative;display:flex;align-items:center;justify-content:center;height:45px;margin:-3px 0 8px;border:1px solid #3c5277;border-radius:10px;background:linear-gradient(120deg,#192a45,#26395a);overflow:hidden}.miko-course-card-art i{display:grid;place-items:center;width:28px;height:28px;border:1px dashed #abc6f4;border-radius:50%;background:#142238;color:#e9f1ff;font-size:19px;font-style:normal}.miko-course-card-art b{position:absolute;color:#ffe7a0;font-size:15px}.miko-course-card-art b:nth-child(2){left:24%;top:6px}.miko-course-card-art b:nth-child(3){right:25%;bottom:4px;color:#b6a4ff}.miko-example-miko{gap:12px}.miko-intro-example{position:relative;display:grid;place-items:center;width:100%;min-height:188px;overflow:hidden;border:1px solid #5573a0;border-radius:12px;background:radial-gradient(ellipse at 50% 105%,rgba(96,159,214,.3),transparent 60%),linear-gradient(145deg,#182c49,#0e1a2c)}.miko-intro-avatar{z-index:2;display:grid;place-items:center;width:78px;height:78px;border:2px dashed #b5c9ee;border-radius:50%;background:linear-gradient(145deg,#304768,#15263e);color:#f1f5ff;font-size:38px;font-weight:800;box-shadow:0 0 35px rgba(134,172,237,.2)}.miko-intro-orbit{position:absolute;width:144px;height:144px;border:1px solid rgba(153,187,237,.22);border-radius:50%}.miko-intro-orbit-two{width:194px;height:194px;border-style:dashed;transform:rotate(35deg)}.miko-intro-spark{position:absolute;color:#ffe69c;font-size:24px}.miko-intro-spark-one{top:24px;left:25%}.miko-intro-spark-two{right:24%;bottom:35px;color:#c1adff}.miko-intro-choice-strip{position:absolute;right:12px;bottom:10px;display:flex;gap:5px}.miko-intro-choice-strip i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #435d85;border-radius:8px;background:#13233a;font-size:15px;font-style:normal}.miko-appearance-picker{display:grid;gap:13px;margin:14px 0}.miko-appearance-current{display:grid;grid-template-columns:auto 58px minmax(0,1fr);align-items:center;gap:12px;padding:11px 13px;border:1px solid #4e668d;border-radius:13px;background:linear-gradient(110deg,rgba(43,76,124,.6),rgba(28,43,67,.65))}.miko-appearance-current>span{color:#9dbdf0;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.miko-appearance-current>strong{font-size:13px}.miko-appearance-current-art{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid #526e99;border-radius:50%;background:radial-gradient(circle at 50% 25%,#344e73,#12223a)}.miko-appearance-current-art img{width:100%;height:100%;object-fit:contain}.miko-appearance-current-art b{color:#e7efff;font-size:31px}.miko-appearance-current.is-empty{border-style:dashed;background:#101d30}.miko-appearance-current.is-empty .miko-appearance-current-art b{color:#9eb6db;font-size:24px}.miko-appearance-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.miko-appearance-option{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:7px;min-width:0;padding:10px;border:1px solid #334b6d;border-radius:13px;background:linear-gradient(155deg,#14243a,#0d1828);color:#e8f0ff;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.miko-appearance-option:hover:not(:disabled){transform:translateY(-2px);border-color:#82a9e8}.miko-appearance-option:focus-visible{outline:2px solid #b4d0ff;outline-offset:2px}.miko-appearance-option.is-selected{border-color:#72d8b2;background:linear-gradient(145deg,#173c3b,#13253a);box-shadow:0 0 0 1px rgba(114,216,178,.2)}.miko-appearance-option:disabled{opacity:.7;cursor:not-allowed}.miko-appearance-art{display:grid;place-items:center;width:100%;height:112px;overflow:hidden;border:1px solid #334b6e;border-radius:9px;background:radial-gradient(circle at 50% 25%,#344d70,#132139)}.miko-appearance-art img{width:100%;height:100%;object-fit:contain}.miko-appearance-silhouette .miko-appearance-art{background:radial-gradient(circle at 50% 28%,#3d5273,#14243d)}.miko-question-mark{display:grid;place-items:center;width:56px;height:56px;border:1px dashed #b9c9e0;border-radius:50%;color:#ecf3ff;font-size:34px;font-weight:800;box-shadow:0 0 25px rgba(141,177,232,.18)}.miko-appearance-create .miko-appearance-art{background:radial-gradient(circle at 50% 35%,rgba(195,153,255,.38),transparent 55%),linear-gradient(140deg,#202748,#152138);color:#ffe9a4;font-size:43px}.miko-appearance-name{font-size:13px;font-weight:800}.miko-appearance-caption{color:#a9bad2;font-size:11px;line-height:1.45}.miko-appearance-select{align-self:end;padding:7px 9px;border:1px solid #3b5a82;border-radius:8px;background:#142d4b;color:#d8e8ff;text-align:center;font-size:11px;font-weight:750}.miko-appearance-option.is-selected .miko-appearance-select{border-color:#328b6e;background:#144638;color:#c8ffe7}.miko-appearance-empty{margin:0;padding:10px 12px;border:1px dashed #40597d;border-radius:10px;background:#0e1a2b;color:#b4c6df;font-size:12px;line-height:1.45}.miko-appearance-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.miko-appearance-toolbar .miko-secondary{min-height:36px;padding:6px 10px;font-size:11px}.miko-appearance-status{color:#a8c5e9;font-size:11px}.miko-appearance-boundary{margin:0;color:#93a9c6;font-size:11px;line-height:1.45}.miko-appearance-completion{display:flex;align-items:center;gap:11px;margin:12px 0;padding:12px 14px;border:1px solid #4c806d;border-radius:12px;background:linear-gradient(110deg,rgba(36,92,72,.34),rgba(22,43,56,.72));color:#e4f9ef}.miko-appearance-completion>span{color:#9de2bd;font-size:22px}.miko-appearance-completion div{flex:1}.miko-appearance-completion p{margin:3px 0 0;color:#bfd9cc;font-size:12px;line-height:1.45}.miko-appearance-completion button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#d7ebe1;font-size:21px;cursor:pointer}.miko-appearance-completion[hidden]{display:none}@media(max-width:760px){.miko-appearance-choices{grid-template-columns:1fr}.miko-appearance-option{grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:center;column-gap:11px}.miko-appearance-art{grid-row:1/4;width:74px;height:74px}.miko-appearance-name,.miko-appearance-caption,.miko-appearance-select{grid-column:2}.miko-appearance-select{justify-self:start;min-width:125px}.miko-appearance-current{grid-template-columns:auto 52px minmax(0,1fr);gap:8px;padding:9px}.miko-appearance-current-art{width:50px;height:50px}.miko-intro-example{min-height:162px}}@media(prefers-reduced-motion:reduce){.miko-appearance-option{transition:none}.miko-appearance-option:hover:not(:disabled){transform:none}}
@media(min-width:1001px){.workspace.hasMikoLesson{grid-template-rows:minmax(78px,auto) minmax(0,1fr)}.workspace.hasMikoLesson>.miko-lesson{grid-column:1;grid-row:1}.workspace.hasMikoLesson>.chat{grid-column:1;grid-row:2}.workspace.hasMikoLesson>.right{grid-column:2;grid-row:1/span 2}.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions{justify-content:flex-start;flex-wrap:wrap}.workspace.hasMikoLesson .miko-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace.hasMikoLesson .miko-step{min-width:0}}
.miko-controls select{min-height:38px;padding:0 9px;border:1px solid #354c6d;border-radius:8px;background:#0a1423;color:#fff;font:inherit;font-size:12px}.miko-controls select:focus-visible,.miko-controls input[type=number]:focus-visible{outline:2px solid #a5c8ff;outline-offset:2px}.miko-controls input[type=number]{width:72px;height:38px;padding:0 8px;border:1px solid #354c6d;border-radius:8px;background:#0a1423;color:#fff;font:inherit;font-size:12px}
.miko-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.miko-course-card-arcade{grid-column:1/-1}.miko-course-card-arcade .miko-arcade-parts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none}.miko-arcade-parts li{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:10px;border:1px solid #304766;border-radius:11px;background:rgba(9,20,35,.72)}.miko-arcade-parts li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #48658f;border-radius:8px;background:#172e50;color:#c7dcfb;font-size:11px;font-weight:800}.miko-arcade-parts li.is-complete{border-color:#397458;background:rgba(20,60,47,.55)}.miko-arcade-parts li.is-complete>span{border-color:#4b9a71;background:#1c6549;color:#dcffe8}.miko-arcade-parts li.is-current{border-color:#6389c6;box-shadow:0 0 0 1px rgba(110,157,232,.2)}.miko-arcade-parts li>div{display:grid;gap:5px;min-width:0}.miko-arcade-parts b{font-size:12px;line-height:1.25}.miko-arcade-parts small{color:#9fb3ce;font-size:10px;line-height:1.3}.miko-course-card-arcade>div>small{margin-top:4px}.miko-arcade-plan>li{margin:7px 0}.miko-arcade-plan>li>b{color:#dceaff}.miko-arcade-plan>li>ul{margin:4px 0;padding-left:20px;color:#b9c9df}.miko-course-card-miko{min-height:190px}.miko-course-card-future{border-style:dashed}
@media(max-width:950px){.miko-course-grid{grid-template-columns:1fr}.miko-course-card-arcade{grid-column:auto}.miko-course-card-arcade .miko-arcade-parts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.miko-course-card-arcade .miko-arcade-parts{grid-template-columns:1fr}.miko-arcade-parts li{align-items:center}.miko-course-card-miko{min-height:0}}
.miko-example-scene>i{position:absolute;left:14%;right:14%;bottom:17%;height:13px;border:1px solid #725b35;border-radius:8px;background:linear-gradient(#91d17c,#5fa257);box-shadow:0 5px 0 #3d624b}.miko-example-scene .miko-example-bricks{position:absolute;top:13%;left:14%;right:14%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.miko-example-bricks i{position:static;left:auto;right:auto;bottom:auto;width:auto;height:9px;border:0;border-radius:3px;box-shadow:none;background:#e95d5d}.miko-example-bricks i:nth-child(6n+2){background:#f09c45}.miko-example-bricks i:nth-child(6n+3){background:#f1d45b}.miko-example-bricks i:nth-child(6n+4){background:#65bf79}.miko-example-bricks i:nth-child(6n+5){background:#5b9ee9}.miko-example-bricks i:nth-child(6n){background:#ad73dc}.miko-example-scene .miko-example-ball{position:absolute;left:50%;bottom:37%;width:14px;height:14px;border-radius:50%;background:#fff1a8;box-shadow:0 0 10px #fff1a8;transform:translateX(-50%)}
.miko-appearance-choices{grid-template-columns:1fr}.miko-appearance-option{grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:11px}.miko-appearance-art{grid-column:1;grid-row:1/4;width:88px;height:88px}.miko-appearance-name,.miko-appearance-caption,.miko-appearance-select{grid-column:2}.miko-appearance-name{grid-row:1}.miko-appearance-caption{grid-row:2}.miko-appearance-select{grid-row:3;justify-self:start;min-width:125px}.miko-appearance-current{grid-template-columns:minmax(42px,auto) 48px minmax(0,1fr);gap:8px;padding:9px 10px}.miko-appearance-current-art{width:48px;height:48px}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list{grid-template-columns:minmax(0,1fr)}
.workspace.hasMikoLesson .miko-step-list{align-items:start}
.miko-chat-example{margin:10px 0;padding:10px 12px;border-left:3px solid #7ca8eb;border-radius:0 8px 8px 0;background:#15243a;color:#d4e2f5;font-size:16px;line-height:1.5}.miko-chat-example summary,.miko-hint-details summary{color:#a9c9ff;font-weight:750;cursor:pointer}.miko-chat-example blockquote{margin:8px 0 0;padding:8px 10px;border-radius:7px;background:#0e1b2e;color:#e4eeff;font-size:16px;line-height:1.5}

/* Confirmed milestones are deliberately easy to scan on the course map. */
.miko-course-card.is-complete{border-color:#4d9a71;background:radial-gradient(circle at 92% 10%,rgba(110,218,153,.2),transparent 34%),linear-gradient(145deg,#173c32,#10241f);box-shadow:inset 0 0 0 1px rgba(119,229,165,.12)}
.miko-course-card.is-complete .miko-number{border-color:#72d69a;background:#1e704d;color:#effff5;box-shadow:0 0 0 3px rgba(92,202,134,.14)}
.miko-course-card.is-complete h3{color:#edfff4}.miko-course-card.is-complete p{color:#c0dccb}.miko-course-card.is-complete .miko-course-status-label{color:#a9f2c4;font-weight:800}.miko-course-card.is-complete .miko-lesson-reward{color:#ffe28a!important}
.miko-step.is-complete>span{color:#9ce6bb}.miko-step.is-complete h3:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:#23724e;color:#ecfff4;font-size:12px;vertical-align:1px}
.miko-admin-lesson-note{margin-top:4px;color:#b6c7dc!important;font-size:10px}

/* Keep lessons 1 and 2 as equal, separate sections, each with its own blocks. */
.miko-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.miko-course-card-arcade{grid-column:auto}
.miko-course-card-arcade .miko-arcade-parts,.miko-miko-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
.miko-lesson-map-label{margin:0 0 3px;color:#91b8ff!important;font-size:9px!important;font-weight:850;letter-spacing:.13em}
.miko-miko-blocks-intro{min-height:0!important;margin:10px 0 0!important;color:#c5d6ee!important;font-size:11px!important;font-weight:750}
.miko-miko-parts{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.miko-miko-parts li{display:flex;align-items:flex-start;gap:8px;min-width:0;min-height:63px;padding:10px;border:1px solid #405678;border-radius:11px;background:rgba(9,20,35,.72)}
.miko-miko-parts li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #526b92;border-radius:8px;background:#1a2d4b;color:#d9e7ff;font-size:13px;font-weight:800}
.miko-miko-parts li>div{display:grid;gap:5px;min-width:0}
.miko-miko-parts b{color:#e6eeff;font-size:12px;line-height:1.25}
.miko-miko-parts small{color:#a9bad2;font-size:10px;line-height:1.35}
@media(max-width:950px){.miko-course-grid{grid-template-columns:1fr}.miko-course-card-arcade .miko-arcade-parts,.miko-miko-parts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.miko-course-card-arcade .miko-arcade-parts,.miko-miko-parts{grid-template-columns:1fr}.miko-miko-parts li{align-items:center}}

.miko-admin-test-tools{margin:12px 0 18px;padding:13px 15px;border:1px solid #5f4e87;border-radius:13px;background:linear-gradient(120deg,rgba(67,48,104,.3),rgba(18,28,47,.8));color:#e8e2fb}
.miko-admin-test-tools>summary{color:#e8dcff;font-size:13px;font-weight:800;cursor:pointer}
.miko-admin-test-tools>p{margin:8px 0;color:#b7bad0;font-size:11px;line-height:1.45}
.miko-admin-test-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0}
.miko-admin-test-row label{min-width:150px;color:#d4c9ef;font-size:11px;font-weight:700}
.miko-admin-test-row select{min-width:200px;max-width:100%;min-height:36px;flex:1;padding:0 9px;border:1px solid #554879;border-radius:8px;background:#10182a;color:#f2ecff;font:inherit;font-size:11px}
.miko-admin-test-row button,.miko-admin-test-reset{min-height:36px;padding:7px 11px;border:1px solid #735d9b;border-radius:8px;background:#30254d;color:#f2ecff;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.miko-admin-test-tools button:disabled{opacity:.55;cursor:wait}
.miko-admin-test-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid rgba(146,122,187,.24)}
.miko-admin-test-footer>span{color:#a9a8bb;font-size:10px}
.miko-admin-test-reset{border-color:#895c69;background:#492c3b;color:#ffe0e7}
.miko-admin-test-status{min-height:15px;margin:8px 0 0!important;color:#c4d9ff!important;font-size:11px!important}
.miko-admin-test-tools[hidden]{display:none}
@media(max-width:650px){.miko-admin-test-row{align-items:stretch;flex-direction:column}.miko-admin-test-row label,.miko-admin-test-row select,.miko-admin-test-row button{width:100%;min-width:0}}
.miko-course-card.is-miko-project:not(.is-complete){border-color:#6963a5;background:radial-gradient(circle at 92% 10%,rgba(160,143,255,.18),transparent 35%),linear-gradient(145deg,#282b52,#171d34);box-shadow:inset 0 0 0 1px rgba(170,154,255,.12)}
.miko-course-card.is-miko-project:not(.is-complete) .miko-number{border-color:#9d92eb;background:#514895;color:#f2efff;box-shadow:0 0 0 3px rgba(151,135,243,.13)}
.miko-course-card.is-miko-project:not(.is-complete) h3{color:#f0edff}
.miko-course-card.is-miko-project:not(.is-complete) p{color:#c9c7e3}
.miko-lesson-project-label{display:block;width:max-content;max-width:100%;margin:8px 0;padding:4px 7px;border:1px solid #657da5;border-radius:999px;background:#152840;color:#bcd2f6;font-size:9px!important;font-weight:850;letter-spacing:.08em}
.is-miko-project .miko-lesson-project-label{border-color:#8276c2;background:#322f5a;color:#d8d0ff}
.miko-project-description{min-height:0!important;margin:6px 0 10px!important;color:#d2cdf5!important;font-size:11px!important;line-height:1.4}
.miko-project-link{display:block;width:100%;margin-top:9px;padding:9px 11px;border:1px solid #6485b3;border-radius:9px;background:linear-gradient(100deg,#214878,#344790);color:#eef5ff;text-align:center;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.is-miko-project .miko-project-link{border-color:#8a7bd2;background:linear-gradient(100deg,#4d438b,#554c9d);color:#f3f0ff}
.miko-project-link:hover:not(:disabled){filter:brightness(1.12)}
.miko-project-link:disabled{opacity:.55;cursor:wait}
.miko-course-card-arcade .miko-card-link,.miko-course-card-miko .miko-card-link{display:block;width:100%;text-align:center}

/* Keep the lesson compact without clipping its instructions inside a scrolling panel. */
.workspace.hasMikoLesson>.miko-lesson{max-height:none;overflow:visible}
.workspace.hasMikoLesson .miko-lesson-top{gap:8px;padding-bottom:8px}
.workspace.hasMikoLesson .miko-lesson-top>div:first-child>p{display:none}
.workspace.hasMikoLesson .miko-lesson-top-actions{gap:8px}
.workspace.hasMikoLesson .miko-lesson-top-actions .miko-silhouette{width:46px;height:46px;font-size:23px}


.workspace.hasMikoLesson .miko-step-list{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px}
.workspace.hasMikoLesson .miko-step{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:12px 14px}
.workspace.hasMikoLesson .miko-step>span{display:none}
.workspace.hasMikoLesson .miko-step-main{grid-column:1;grid-row:auto;min-width:0}
.workspace.hasMikoLesson .miko-step-main h3{margin:0 0 5px;font-size:19px;line-height:1.3}
.workspace.hasMikoLesson .miko-step-main>p{margin:0;color:#e0e9f7;font-size:16px;line-height:1.5}
.workspace.hasMikoLesson .miko-step-extra{display:grid;grid-column:1;grid-row:auto;align-content:start;gap:10px;min-width:0}
.workspace.hasMikoLesson .miko-step-extra>.miko-controls,
.workspace.hasMikoLesson .miko-step-extra>.miko-chat-example,
.workspace.hasMikoLesson .miko-step-extra>.miko-hint,
.workspace.hasMikoLesson .miko-step-extra>.miko-hint-details{grid-column:1;margin:0}
.workspace.hasMikoLesson .miko-step>.miko-step-result{grid-column:1;grid-row:auto}
.workspace.hasMikoLesson .miko-controls{gap:6px;margin:0}
.workspace.hasMikoLesson .miko-chat-example{margin:0;padding:10px 12px;font-size:16px;line-height:1.5}

.workspace.hasMikoLesson .miko-hint-details{display:block;margin:0;font-size:16px;line-height:1.5}
.workspace.hasMikoLesson .miko-hint-details summary{padding:4px 0;line-height:1.45}
.workspace.hasMikoLesson .miko-step-result{margin:0}
.workspace.hasMikoLesson .miko-click-guide{flex:1 1 100%;margin:0;padding:10px 12px;font-size:16px;line-height:1.5}
.workspace.hasMikoLesson .miko-check-row{margin-top:6px;padding:5px 8px;border-top:1px solid #273951;border-radius:8px;background:#0d1929}
.workspace.hasMikoLesson .miko-check-row[hidden]{display:none!important}




.workspace.hasMikoLesson .miko-appearance-picker{gap:8px;margin:8px 0}
.workspace.hasMikoLesson .miko-appearance-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.workspace.hasMikoLesson .miko-appearance-option{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:4px;padding:7px}
.workspace.hasMikoLesson .miko-appearance-art{grid-column:1;grid-row:1;width:100%;height:64px}
.workspace.hasMikoLesson .miko-appearance-name,
.workspace.hasMikoLesson .miko-appearance-caption,
.workspace.hasMikoLesson .miko-appearance-select{grid-column:1;grid-row:auto;min-width:0}
.workspace.hasMikoLesson .miko-appearance-caption{font-size:10px;line-height:1.3}
.workspace.hasMikoLesson .miko-appearance-select{padding:5px 6px;font-size:10px}
.workspace.hasMikoLesson .miko-appearance-current{grid-template-columns:auto 40px minmax(0,1fr);gap:8px;padding:7px 9px}
.workspace.hasMikoLesson .miko-appearance-current-art{width:40px;height:40px}
@media(max-width:760px){
  .workspace.hasMikoLesson .miko-step{grid-template-columns:minmax(0,1fr)}
  .workspace.hasMikoLesson .miko-step-main,
  .workspace.hasMikoLesson .miko-step-extra,
  .workspace.hasMikoLesson .miko-step>.miko-step-result{grid-column:1;grid-row:auto}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step{grid-template-columns:minmax(0,1fr)}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step-extra,
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step>.miko-step-result{grid-column:1}
  .workspace.hasMikoLesson .miko-appearance-choices{grid-template-columns:1fr}
  .workspace.hasMikoLesson .miko-appearance-option{grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:center;column-gap:11px}
  .workspace.hasMikoLesson .miko-appearance-art{grid-column:1;grid-row:1/4;width:74px;height:74px}
  .workspace.hasMikoLesson .miko-appearance-name,
  .workspace.hasMikoLesson .miko-appearance-caption,
  .workspace.hasMikoLesson .miko-appearance-select{grid-column:2;grid-row:auto}
}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top>div:first-child{min-width:0}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-check{grid-column:2;grid-row:1;justify-self:end;align-self:start;min-height:46px;width:min(170px,100%);max-width:170px;padding:9px 12px;font-size:12px;line-height:1.2;text-align:center;white-space:normal}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions{grid-column:1/-1}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-check[hidden]{display:none}
@media(max-width:760px){
  .workspace.hasMikoLesson>.miko-lesson .miko-lesson-check{max-width:160px;min-height:42px;padding:8px 11px;font-size:12px}
}
.miko-project-separation-note{padding:10px 12px;border-left:3px solid #9a8be7;border-radius:0 9px 9px 0;background:rgba(88,72,146,.2);color:#dfd9ff!important;font-size:12px;line-height:1.5}
.miko-course-heading-actions{display:flex;align-items:center;gap:8px;flex:none}.miko-course-heading-actions .miko-secondary{white-space:nowrap}
@media(max-width:650px){.miko-course-heading-actions{width:100%;flex-direction:column}}
/* The portal gives every header a fixed height; let this dialog header fit its wrapped text. */
.miko-background-shell>header{height:auto}
@keyframes mikoStepNoChangePulse{
  0%,100%{background:#101d30;border-color:#293d5a;box-shadow:0 0 0 0 rgba(255,64,91,0)}
  5%,72%{background:#a5263d;border-color:#ff8495;box-shadow:inset 0 0 0 2px rgba(255,226,231,.08),0 0 0 4px rgba(255,64,91,.2),0 0 28px rgba(255,64,91,.42)}
  86%{background:#542b39;border-color:#a64c60;box-shadow:inset 0 0 0 1px rgba(255,226,231,.04),0 0 0 1px rgba(255,64,91,.08)}
}
.workspace.hasMikoLesson .miko-step.miko-check-no-change{animation:mikoStepNoChangePulse 3.3s ease-out}
@media(prefers-reduced-motion:reduce){.workspace.hasMikoLesson .miko-step.miko-check-no-change{animation-duration:.5s}}
@keyframes mikoStepPassedPulse{
  0%,100%{box-shadow:inset 0 0 0 999px rgba(32,155,85,.24),0 0 0 1px rgba(79,221,134,.12)}
  45%,70%{box-shadow:inset 0 0 0 999px rgba(32,155,85,.32),0 0 0 4px rgba(79,221,134,.22),0 0 26px rgba(79,221,134,.36)}
}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:5px 14px;margin:0;padding:8px 10px;border-color:#77d99a;background:#123b2a;box-shadow:inset 0 0 0 999px rgba(32,155,85,.24),0 0 0 1px rgba(79,221,134,.12);transition:none!important;animation:mikoStepPassedPulse 2.5s ease-in-out}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-main{display:block;grid-column:1;grid-row:1;align-items:initial}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-main h3{margin:0 0 2px;font-size:15px}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-main>p{display:block;margin:0;line-height:1.35}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-extra{display:grid;grid-column:2;grid-row:1;align-content:start;gap:6px;min-width:0}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-actions{display:flex;grid-column:1/-1;grid-row:2;align-items:flex-start;gap:0;margin:0;padding:0;border:0}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed .miko-step-result{display:block;flex:1 1 100%;min-width:0;margin:0;color:#d9ffe5;font-weight:700}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current).miko-step-just-passed{grid-template-columns:minmax(0,1fr)}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-main{grid-column:1;grid-row:1}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-extra{grid-column:1/-1;grid-row:2}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-actions{grid-column:1/-1;grid-row:3}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-extra{display:none}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-main>p{display:block}
@media(max-width:760px){.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed{grid-template-columns:minmax(0,1fr)}.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-main,.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-extra,.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed>.miko-step-actions{grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current).miko-step-just-passed{animation:none;background:#123b2a;border-color:#77d99a;box-shadow:inset 0 0 0 999px rgba(32,155,85,.24),0 0 0 1px rgba(79,221,134,.12)}}
@keyframes mikoStepArrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.workspace.hasMikoLesson .miko-step.miko-step-arriving{animation:mikoStepArrive 240ms ease-out both}
@media(prefers-reduced-motion:reduce){.workspace.hasMikoLesson .miko-step.miko-step-arriving{animation:none}}
.miko-lesson .miko-step.is-complete:not(.is-current) .miko-step-main h3::before{content:"✓";display:inline-block;margin-right:7px;color:#6fe0a0;font-weight:800}
.miko-widget.miko-celebrating .miko-avatar{animation:miko-joy 800ms ease-out 3}
.miko-widget.miko-celebrating .miko-orb:after{content:"✦";margin-left:2px;color:#ffe18c;text-shadow:0 0 9px rgba(255,225,140,.9);animation:miko-joy 800ms ease-out 3}
@media(prefers-reduced-motion:reduce){.miko-widget.miko-celebrating .miko-avatar,.miko-widget.miko-celebrating .miko-orb:after{animation:none}}


/* Keep the lesson controls aligned and leave the preview room beside them. */
@media(min-width:1001px){
  .workspace.hasMikoLesson{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .workspace.hasMikoLesson>.miko-lesson,
  .workspace.hasMikoLesson>.chat,
  .workspace.hasMikoLesson>.right,
  .workspace.hasMikoLesson .rightContent{min-width:0}
}
@media(min-width:1001px) and (max-width:1160px){
  .workspace.hasMikoLesson .rightContent{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 280px;overflow-y:auto;overscroll-behavior:contain}
  .workspace.hasMikoLesson .rightContent>.game{min-height:420px}
}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions{gap:6px;align-items:center}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions .miko-secondary{min-height:42px;padding:7px 11px;font-size:13px;white-space:nowrap}
.workspace.hasMikoLesson>.miko-lesson .miko-guide-toggle{flex:0 0 auto;width:max-content;max-width:min(100%,220px);min-height:42px;margin-left:auto;padding:6px 9px;box-sizing:border-box;white-space:normal;line-height:1.15}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions .miko-silhouette{width:42px;height:42px;font-size:21px}
.workspace.hasMikoLesson .miko-step:has(.miko-chat-example){grid-template-columns:minmax(0,1fr);gap:6px}
.workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-main{grid-column:1/-1;grid-row:1}
.workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-extra{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr);align-items:start}
.workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-extra>.miko-chat-example,.workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-extra>.miko-hint-details{grid-column:1;grid-row:auto}
.workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-result{grid-column:1/-1;grid-row:3}
.workspace.hasMikoLesson .miko-guide-target{outline:2px solid #82b4f2!important;outline-offset:3px!important;box-shadow:0 0 0 3px #4f8ee733!important;animation:mikoGuidePulse 2.4s ease-in-out infinite}
@keyframes mikoGuidePulse{50%{outline-color:#a3caff;box-shadow:0 0 0 4px #4f8ee744}}
@media(max-width:760px){
  .workspace.hasMikoLesson>.miko-lesson .miko-guide-toggle{font-size:11px}
  .workspace.hasMikoLesson .miko-step:has(.miko-chat-example){grid-template-columns:minmax(0,1fr)}
  .workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-main,
  .workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-extra,
  .workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-result{grid-column:1;grid-row:auto}
  .workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-extra{grid-template-columns:minmax(0,1fr)}
  .workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-extra>.miko-chat-example,
  .workspace.hasMikoLesson .miko-step:has(.miko-chat-example)>.miko-step-extra>.miko-hint-details{grid-column:1;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){.workspace.hasMikoLesson .miko-guide-target{animation:none}}

/* Keep lesson navigation beside its title and checks beside the guide control. */
.miko-lesson-heading{min-width:0;width:100%}
.miko-lesson-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.miko-lesson-title-row h2{flex:1;min-width:0;overflow-wrap:anywhere}
.miko-lesson-title-row .miko-secondary{flex:none;min-height:42px;padding:7px 11px;font-size:13px;white-space:nowrap}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions{display:flex;grid-column:1/-1;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;overflow:visible}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions .miko-step-check{flex:0 1 auto;width:auto;max-width:100%;min-height:42px;padding:8px 12px;font-size:clamp(13px,2vw,16px);line-height:1.2;text-align:center;white-space:normal}
.workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions .miko-step-check[hidden]{display:none!important}
.miko-collapsed-step-info{display:none;min-width:0;margin:8px 0 0;padding:8px 10px;border:1px solid #344d70;border-radius:9px;background:#13233a;color:#e5efff;overflow-wrap:anywhere}
.miko-collapsed-step-info[hidden]{display:none!important}
.miko-collapsed-step-info b{display:block;font-size:14px;line-height:1.35}
.miko-collapsed-step-info p{margin:3px 0 0;color:#c5d4e8;font-size:13px;line-height:1.45;white-space:normal}
.miko-collapsed-step-info p[hidden]{display:none!important}
.miko-lesson-guide-slot:empty,.miko-lesson-guide-slot:has(> [hidden]){display:none}
.workspace.hasMikoLesson .miko-step-actions:has(.miko-step-result:empty):not(:has(.miko-click-guide)){display:none}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top .miko-kicker{display:block}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-title-row{align-items:center}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-title-row h2{grid-column:auto;margin:0;font-size:16px;line-height:1.25}
.workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-collapsed-step-info:not([hidden]){display:block}
@media(max-width:700px){
  .workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions{align-items:stretch;gap:7px}
  .workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions .miko-lesson-collapse{display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:normal}
  .workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions .miko-guide-toggle{flex:0 0 auto;width:max-content;max-width:100%;min-width:0;margin-left:auto}
  .workspace.hasMikoLesson>.miko-lesson .miko-lesson-top-actions .miko-step-check{flex:0 1 auto;width:auto;max-width:100%;min-width:0}
  .workspace.hasMikoLesson>.miko-lesson .miko-lesson-title-row{align-items:flex-start;gap:8px}
  .workspace.hasMikoLesson>.miko-lesson .miko-lesson-title-row .miko-secondary{padding:7px 9px;font-size:12px}
  .workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-lesson-top .miko-kicker{display:block}
  .workspace.hasMikoLesson>.miko-lesson.is-collapsed .miko-collapsed-step-info{padding:7px 9px}
}

/* Keep the course and chat at 30%, game at 55%, and asset catalog at 15%. */
@media(min-width:1161px){
  .workspace.hasMikoLesson{grid-template-columns:minmax(0,6fr) minmax(0,11fr) minmax(180px,3fr);grid-template-rows:auto minmax(0,1fr)}
  .workspace.hasMikoLesson>.miko-lesson{grid-column:1;grid-row:1;align-self:start;min-width:0;min-height:0;max-height:max(180px,min(55dvh,560px,calc(125dvh - 510px)));height:auto;overflow-y:auto}
  .workspace.hasMikoLesson>.miko-lesson.is-collapsed{overflow:hidden}
  .workspace.hasMikoLesson>.chat{grid-column:1;grid-row:2;min-width:0;min-height:0;height:100%}
  .workspace.hasMikoLesson>.right{grid-column:2/span 2;grid-row:1/span 2;min-width:0;min-height:0}
  .workspace.hasMikoLesson .rightContent{height:auto;grid-template-columns:minmax(0,11fr) minmax(180px,3fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
  .workspace.hasMikoLesson .rightContent>.game{grid-column:1;grid-row:1;min-width:0;min-height:0}
  .workspace.hasMikoLesson .rightContent>.assetCatalog{grid-column:2;grid-row:1;min-width:0;min-height:0}
}

/* Keep the composer compact; put all explanatory hints in one right-aligned menu. */
.composerHintPanel{display:none}
.composerHelp[open]>.composerHintPanel{display:block}
.workspace.hasMikoLesson>.chat .composerTools{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.workspace.hasMikoLesson>.chat .assetCatalogSelection{grid-column:auto;flex:1 1 250px;min-width:0;padding:0}
.workspace.hasMikoLesson>.chat .scenePickerControls{display:flex;align-items:center;flex:0 1 auto;min-width:0}
.workspace.hasMikoLesson>.chat .scenePickerControls>.scenePickerHint{display:none}
.workspace.hasMikoLesson>.chat .assetCatalogSelection>.scenePickerHint{display:block;flex:0 1 auto;min-width:0;color:#b9cbe3;font-size:10px;line-height:1.35}
.workspace.hasMikoLesson>.chat .composerHelp{position:relative;flex:0 0 auto;margin-left:auto;min-width:0}
.workspace.hasMikoLesson>.chat .composerHelp>summary{cursor:pointer;color:#a8c8f7;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
.workspace.hasMikoLesson>.chat .composerHintPanel{position:absolute;right:0;bottom:calc(100% + 8px);z-index:30;display:none;gap:9px;width:min(360px,calc(100vw - 36px));max-height:min(42vh,280px);overflow:auto;padding:11px;border:1px solid #354e71;border-radius:11px;background:#0c1728;box-shadow:0 14px 32px rgba(0,0,0,.4)}
.workspace.hasMikoLesson>.chat .composerHelp[open]>.composerHintPanel{display:grid}
.workspace.hasMikoLesson>.chat .composerHintItem{display:grid;gap:4px;min-width:0}
.workspace.hasMikoLesson>.chat .composerHintItem+ .composerHintItem{padding-top:8px;border-top:1px solid #293c58}
.workspace.hasMikoLesson>.chat .composerHintItem>strong{color:#a8c8f7;font-size:11px}
.workspace.hasMikoLesson>.chat .composerHint{display:block;margin:0;padding:7px 9px;border-left:2px solid #648bd0;border-radius:0 7px 7px 0;background:#122138;color:#b9cbe3;font-size:11px;line-height:1.4}
.workspace.hasMikoLesson>.chat .composerContextHint{display:grid;gap:4px}
.workspace.hasMikoLesson>.chat .composerContextHint>strong{color:#a8c8f7;font-size:11px}

/* Let the lesson workspace use the full preview column height. */
@media(min-width:1161px){
  .workspace.hasMikoLesson>.right{height:100%;min-height:0;align-self:stretch;overflow:hidden}
  .workspace.hasMikoLesson .rightContent{width:100%;height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}
  .workspace.hasMikoLesson .rightContent>.game,
  .workspace.hasMikoLesson .rightContent>.assetCatalog{height:100%;min-height:0;max-height:none}
}

/* Keep all Phaser help out of the composer row until the student opens it. */
.workspace.hasMikoLesson>.chat .assetCatalogSelection>.scenePickerHint{display:none}
.workspace.hasMikoLesson>.chat .composerTools{flex-wrap:nowrap}
.workspace.hasMikoLesson>.chat .composerHelp{margin-left:auto}
/* Course walk-through 30.09 (school laptops 1366x768 and 1536x864):
   the game window was 216 px tall or cut at the bottom, and the chat history
   had no room. Compact the game toolbar, give the game the free height and
   keep the lesson card from pushing the chat out. */
.workspace.hasMikoLesson .card.game>.head{gap:8px;padding-top:10px;padding-bottom:10px}
.workspace.hasMikoLesson .card.game>.head .title{font-size:15px;line-height:1.2}
.workspace.hasMikoLesson .card.game>.head .ghost,.workspace.hasMikoLesson .card.game>.head .chip{min-height:30px;padding:4px 9px;font-size:12px}
.workspace.hasMikoLesson .card.game>.head>div:last-child{gap:5px!important}
@media(min-width:1001px) and (max-width:1160px){
  .workspace.hasMikoLesson .rightContent{grid-template-rows:minmax(0,1fr) 150px}
  .workspace.hasMikoLesson .rightContent>.game{min-height:360px}
}
@media(min-width:1001px) and (max-height:900px){
  .workspace.hasMikoLesson>.chat>.head{padding-top:8px;padding-bottom:8px}
  .workspace.hasMikoLesson>.chat>.head .muted{display:none}
}
/* Completed steps pushed the current task below the fold (8 rows by the end
   of lesson 1). Progress stays visible in "Шаг N из 9"; keep only the step
   that was just passed for its short celebration. */
@media(min-width:1001px){
  .workspace.hasMikoLesson .miko-step.is-complete:not(.is-current):not(.miko-step-just-passed){display:none}
}
/* Lesson 1 needs no catalog; on short laptop screens the game needs the room
   (the paddle sits at the bottom of the canvas). */
@media(min-width:1001px) and (max-width:1160px) and (max-height:920px){
  .workspace.hasMikoLesson .rightContent{grid-template-rows:minmax(0,1fr);overflow:hidden}
  .workspace.hasMikoLesson .rightContent>.assetCatalog{display:none}
}
.miko-background-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px dashed #3c577c;border-radius:10px}.miko-background-upload>span{color:#aebed3;font-size:13px}.miko-background-upload-button{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:9px;cursor:pointer}.miko-background-upload small{color:#8fa6c4;font-size:12px}
.miko-appearance-idea{display:grid;gap:8px;margin:10px 0;padding:12px;border:1px solid #3c5881;border-radius:12px;background:#10203a}.miko-appearance-idea label{font-weight:800;font-size:15px;color:#f3f7ff}.miko-appearance-idea textarea{width:100%;min-height:70px;padding:10px;border:1px solid #3a5274;border-radius:9px;background:#081321;color:#fff;font:inherit;resize:vertical}.miko-appearance-idea-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.miko-appearance-idea-actions .miko-appearance-status{color:#bcd4f3;font-size:13px}

/* Give the chat the space released when the task is collapsed. */
@media(max-width:700px){
  .workspace.hasMikoLesson.is-lesson-collapsed{grid-template-rows:auto minmax(60vh,auto) minmax(420px,auto)}
}
.miko-orb.has-face:before{content:"";border-style:solid;border-color:#9fc3ff;background:#101d30 var(--miko-face) center/contain no-repeat}.miko-appearance-art img,.miko-appearance-current-art img{object-fit:contain}

/* Keep the desktop project workspace as compact at 100% as it was at 80% browser zoom. */
@media(min-width:1161px){
  body:has(> #workspace.hasMikoLesson:not(.hidden))>header{width:100%;zoom:.8}
  #workspace.hasMikoLesson:not(.hidden){width:100%;height:calc(125dvh - 68px);zoom:.8}
  /* Request details add rows; let history shrink before clipping the composer. */
  #workspace.hasMikoLesson>.chat{grid-template-rows:auto minmax(0,1fr) auto}
  #workspace.hasMikoLesson>.chat .composer{grid-template-columns:minmax(0,1fr) auto}
  #workspace.hasMikoLesson #messageForm.composer textarea#messageInput{grid-column:1;grid-row:2/4;min-height:110px}
  #workspace.hasMikoLesson>.chat .composer .voiceButton{grid-column:2;grid-row:2;justify-self:end}
  #workspace.hasMikoLesson>.chat .composer .send{grid-column:2;grid-row:3;min-width:108px;padding-inline:10px}
  #workspace.hasMikoLesson #messageForm.composer #stopButton{grid-column:2;grid-row:3}
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"]{padding:12px 14px}
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"] .miko-lesson-top{gap:6px;padding-bottom:6px}
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"] .miko-lesson-top-actions{gap:6px}
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"] .miko-lesson-top-actions .miko-secondary,
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"] .miko-guide-toggle{min-height:34px;padding:5px 8px;font-size:11px}
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"] .miko-guide-toggle{max-width:none;white-space:nowrap}
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"] .miko-lesson-check{min-height:38px}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list{margin-top:6px}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step:not(.is-current) .miko-step-main{display:none}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step-extra{grid-row:1}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step>.miko-step-result{grid-row:2}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-picker{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(160px,.8fr);grid-template-areas:"current choices" "idea choices" "toolbar choices" "boundary boundary";align-items:start;gap:8px 12px;margin:6px 0}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-current{grid-area:current}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-idea{grid-area:idea;min-width:0;margin:0;padding:9px;gap:6px}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-idea label{font-size:12px;line-height:1.25}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-idea textarea{min-height:64px;padding:7px 8px}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-idea-actions .miko-primary{min-height:34px;padding:6px 9px;font-size:12px}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-choices{grid-area:choices;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));align-self:start;max-height:300px;overflow-y:auto}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-silhouette{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:7px}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-silhouette .miko-appearance-art{grid-column:1;grid-row:1/4;width:42px;height:42px}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-silhouette .miko-appearance-name,
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-silhouette .miko-appearance-caption,
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-silhouette .miko-appearance-select{grid-column:2;grid-row:auto}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-toolbar{grid-area:toolbar}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-empty[role="status"]{grid-column:1/-1}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-boundary{grid-area:boundary;margin:0;font-size:11px;line-height:1.3}
}
@media(min-width:1420px){
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"] .miko-lesson-top-actions{flex-wrap:nowrap}
}
@media(min-width:1001px) and (max-width:1160px){
  .workspace.hasMikoLesson>.miko-lesson{max-height:max(180px,min(42dvh,340px,calc(100dvh - 510px)));overflow-y:auto}
  .workspace.hasMikoLesson>.miko-lesson.is-collapsed{max-height:none!important;overflow:hidden}
}
.miko-intro-path li.is-done{border-color:#2f6b4f;background:#10251d}.miko-intro-path li.is-done>span{background:#2e7d52;color:#eafff2}.miko-intro-path li.is-current{border-color:#6f9ff0;box-shadow:0 0 0 1px #6f9ff055}.miko-intro-path li.is-soon,.miko-intro-path li.is-locked{opacity:.62}.miko-intro-path-badge{margin-left:6px;padding:1px 7px;border-radius:999px;background:#203b61;color:#cfe2ff;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}.miko-intro-path li.is-done .miko-intro-path-badge{background:#2e7d52;color:#eafff2}.miko-intro-path li.is-current .miko-intro-path-badge{background:#3f6fd1;color:#fff}.miko-intro-progress{margin:8px 0 0;padding:8px 11px;border-radius:10px;background:#10251d;border:1px solid #2f6b4f;color:#c9f2da;font-weight:700}


/* Lesson 2: keep Miko's five stages compact and make the active task the focus. */
.miko-lesson[data-lesson-id="meet"]{display:grid;gap:10px;min-width:0;}
.miko-lesson[data-lesson-id="meet"][hidden]{display:none;}
.miko-lesson[data-lesson-id="meet"] .miko-lesson-top{align-items:flex-start;padding-bottom:9px;}
.miko-lesson[data-lesson-id="meet"] .miko-lesson-heading{min-width:0;}
.miko-lesson[data-lesson-id="meet"] .miko-lesson-top h2{margin:3px 0;font-size:clamp(18px,2vw,23px);}
.miko-lesson[data-lesson-id="meet"] .miko-lesson-top p{font-size:12px;line-height:1.4;}
.miko-lesson[data-lesson-id="meet"] .miko-lesson-top-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;margin:0;}
.miko-lesson[data-lesson-id="meet"] .miko-lesson-top-actions .miko-secondary{min-height:34px;padding:5px 9px;font-size:14px;}
.miko-lesson[data-lesson-id="meet"] .miko-guide-toggle{min-height:38px;padding:6px 10px;font-size:14px;}
.miko-lesson[data-lesson-id="meet"] .miko-guide-toggle{max-width:100%;white-space:normal;}
.miko-lesson[data-lesson-id="meet"] .miko-step-counter{margin:8px 0;padding:8px 11px;border:1px solid #29466b;border-radius:9px;background:#14253c;color:#b9d1f0;font-size:14px;font-weight:750;}
.miko-lesson[data-lesson-id="meet"] .miko-click-guide{margin:0;padding:10px 12px;border:1px solid #4c7fc1;border-radius:9px;background:#172c48;color:#d4e5ff;font-size:16px;line-height:1.5;}
.miko-lesson[data-lesson-id="meet"] .miko-step-list{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:0;min-width:0;}
.miko-lesson[data-lesson-id="meet"] .miko-step-list>.miko-step[hidden]{display:none;}
.miko-lesson[data-lesson-id="meet"] .miko-step{min-width:0;padding:10px 11px;border-radius:11px;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-current{border-color:#5d8ed2;background:linear-gradient(145deg,#14253c,#0e1b2d);box-shadow:0 0 0 1px #5485c533;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current){display:grid!important;grid-template-columns:minmax(0,1fr);padding:7px 10px;border-color:#2a614f;background:#11251f;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current) .miko-step-main{display:flex;align-items:center;gap:8px;min-width:0;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current) .miko-step-number,.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current) .miko-step-extra,.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current) .miko-step-actions{display:none;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current) .miko-step-main h3{margin:0;color:#d7f3e3;font-size:14px;line-height:1.3;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current) .miko-step-main p{display:none;}
.miko-lesson[data-lesson-id="meet"] .miko-step-number:empty{display:none;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-current .miko-step-main h3{margin:0 0 5px;font-size:19px;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-current .miko-step-main{display:block;}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-current .miko-step-main p{margin:0;color:#e0e9f7;font-size:16px;line-height:1.5;}
.miko-lesson[data-lesson-id="meet"] .miko-step-extra{min-width:0;}
.miko-lesson[data-lesson-id="meet"] .miko-chat-example{margin:8px 0;padding:8px 10px;border-left:3px solid #4d8add;border-radius:0 8px 8px 0;background:#14243a;color:#d1e3ff;}


.miko-lesson[data-lesson-id="meet"] .miko-chat-example blockquote{margin:8px 0 0;padding:8px 10px;border:0;border-radius:8px;background:#0e1b2e;color:#eff5ff;font-size:16px;line-height:1.5;}
.miko-lesson[data-lesson-id="meet"] .miko-hint{margin:7px 0 0;padding:9px 11px;font-size:16px;line-height:1.5;}
.miko-lesson[data-lesson-id="meet"] .miko-hint-details{margin:6px 0;padding:0 8px;border-left:2px solid #405b7f;color:#c5d6ee;font-size:16px;line-height:1.5;}
.miko-lesson[data-lesson-id="meet"] .miko-hint-details p{margin:5px 0;}
.miko-lesson[data-lesson-id="meet"] .miko-step-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;padding-top:10px;border-top:1px solid #293d5a;}
.miko-lesson[data-lesson-id="meet"] .miko-step-action{min-height:42px;padding:8px 14px;font-size:16px;}
.miko-lesson[data-lesson-id="meet"] .miko-step-result{flex:1 1 170px;min-width:0;margin:0;color:#c3d4ea;font-size:14px;line-height:1.45;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.8fr);grid-template-areas:"current choices" "idea choices" "toolbar choices" "boundary boundary";align-items:start;gap:7px 9px;margin:8px 0 0;min-width:0;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-current{grid-area:current;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;padding:7px 8px;border:1px solid #2a4566;border-radius:9px;background:#0c192b;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-current>span{grid-column:1/-1;color:#8fb5e9;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-current-art{grid-column:1;grid-row:2;width:40px;height:40px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-current strong{grid-column:2;grid-row:2;min-width:0;font-size:12px;line-height:1.3;overflow-wrap:anywhere;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-current-art img{max-width:100%;max-height:100%;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-idea{grid-area:idea;gap:5px;margin:0;padding:8px;border-radius:9px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-idea label{font-size:11px;line-height:1.3;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-idea textarea{min-height:52px;height:52px;padding:7px 8px;font-size:12px;resize:vertical;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-idea-actions{gap:5px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-idea-actions .miko-primary{min-height:32px;padding:5px 8px;font-size:11px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-idea-actions .miko-appearance-status,.miko-lesson[data-lesson-id="meet"] .miko-appearance-status{font-size:10px;line-height:1.35;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-choices{grid-area:choices;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;align-self:start;max-height:184px;overflow:auto;padding:5px;border:1px solid #283d59;border-radius:9px;background:#0b1727;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-option{min-width:0;gap:3px;padding:5px;border-radius:8px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-art{width:54px;height:54px;max-width:100%;margin:0 auto;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-name,.miko-lesson[data-lesson-id="meet"] .miko-appearance-select,.miko-lesson[data-lesson-id="meet"] .miko-appearance-caption{font-size:10px;line-height:1.25;overflow-wrap:anywhere;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-silhouette{grid-template-columns:1fr;grid-template-rows:52px auto auto auto;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-silhouette .miko-appearance-art{grid-column:1;grid-row:1;width:48px;height:48px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-toolbar{grid-area:toolbar;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-toolbar .miko-secondary{min-height:30px;padding:4px 7px;font-size:10px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-empty[role="status"]{grid-column:1/-1;margin:0;color:#a8bbd3;font-size:10px;}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-boundary{grid-area:boundary;margin:0;color:#94aac5;font-size:10px;line-height:1.35;}
.miko-lesson[data-lesson-id="meet"] .miko-scene-refresh-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid #a87937;border-radius:9px;background:#352913;color:#ffe2ae;font-size:11px;line-height:1.4;}
.miko-lesson[data-lesson-id="meet"] .miko-scene-refresh-status[hidden]{display:none;}
.miko-lesson[data-lesson-id="meet"] .miko-scene-refresh-status span{flex:1 1 220px;}
.miko-lesson[data-lesson-id="meet"] .miko-scene-refresh-status button{min-height:32px;padding:5px 8px;font-size:11px;}
.miko-lesson[data-lesson-id="meet"] .miko-success{margin-top:0;}
.miko-lesson[data-lesson-id="meet"].is-collapsed .miko-lesson-top-actions{margin-bottom:0;}
.miko-lesson[data-lesson-id="meet"] .miko-guide-target{outline:2px solid #82b4f2;outline-offset:3px;box-shadow:0 0 0 3px #568be233;}
@media(min-width:1001px){
  .workspace.hasMikoLesson>.miko-lesson[data-lesson-id="meet"]{padding:12px 14px;}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list{gap:6px;}
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step{padding:8px 9px;}
}
@media(max-width:700px){
  .miko-lesson[data-lesson-id="meet"]{padding:11px;}
  .miko-lesson[data-lesson-id="meet"] .miko-lesson-top{gap:8px;align-items:flex-start;}
  .miko-lesson[data-lesson-id="meet"] .miko-lesson-top h2{font-size:18px;}
  .miko-lesson[data-lesson-id="meet"] .miko-appearance-picker{grid-template-columns:minmax(0,1fr);grid-template-areas:"current" "idea" "choices" "toolbar" "boundary";}
  .miko-lesson[data-lesson-id="meet"] .miko-appearance-choices{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));max-height:160px;}
  .miko-lesson[data-lesson-id="meet"] .miko-appearance-option{grid-template-columns:minmax(0,1fr);}
  .miko-lesson[data-lesson-id="meet"] .miko-appearance-current{grid-template-columns:40px minmax(0,1fr);}
  .miko-lesson[data-lesson-id="meet"] .miko-step-actions{align-items:stretch;}
}
@media(prefers-reduced-motion:reduce){
  .miko-lesson[data-lesson-id="meet"] *,#messageInput.miko-guide-target{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}
}

/* On 1024px school screens, leave the M02 workspace header room to fit. */
@media(min-width:701px) and (max-width:1160px){
  body:has(>#workspace.hasMikoLesson:not(.hidden)>.miko-lesson[data-lesson-id="meet"])>header .buildVersion{display:none;}
  body:has(>#workspace.hasMikoLesson:not(.hidden)>.miko-lesson[data-lesson-id="meet"])>header .userbar{gap:6px;}
}
.miko-restart-lesson{margin-top:8px;width:100%;min-height:34px;border:1px dashed #4b6a93;border-radius:10px;background:transparent;color:#b8cdec;font-size:12px;font-weight:700;cursor:pointer}
.miko-restart-lesson:hover{border-style:solid;color:#e3eeff;background:rgba(75,106,147,.18)}
.miko-restart-lesson:disabled{opacity:.55;cursor:wait}

/* Lesson 2 on wide screens: a completed stage stays a compact line with its title and a check,
   not an empty bar (the wide-layout rule hides the content of every non-current stage). */
@media (min-width:1161px){
  .workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current) .miko-step-main{display:flex;align-items:center;gap:8px;min-width:0;}
}
.miko-lesson[data-lesson-id="meet"] .miko-step.is-complete:not(.is-current) .miko-step-main h3::before{content:"✓";display:inline-block;margin-right:7px;color:#6fe0a0;font-weight:800;}

/* The lesson layout sets the catalog column on wide screens; a collapsed catalog keeps only its 44 px strip. */
@media (min-width:1161px){
  .workspace.hasMikoLesson .rightContent.assetCatalogCollapsed{grid-template-columns:minmax(0,1fr) 44px;}
}

/* Keep lesson 2 above the chat; the shared viewport limit lets its card scroll. */
@media (min-width:1001px){
  .workspace.hasMikoLesson:has(> .miko-lesson[data-lesson-id="meet"]){grid-template-rows:auto minmax(0,1fr);}
}

/* Lesson 2 on desktop: completed stages are hidden (the header already shows «пройдено N из 5»),
   so the current stage is visible right away in the limited card height. */
@media (min-width:1001px){
  .workspace.hasMikoLesson > .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step.is-complete:not(.is-current):not(.miko-step-just-passed){display:none!important;}
}

/* Lesson 2 card: the five stages line up with the card text, like the lesson 1 tasks. */
.miko-course-card-miko .miko-meet-stages{padding-left:0;margin-left:0;list-style:none;}

/* Lessons 3–4 use one focused editor per current step. Keep the lesson 2 layout untouched. */
.miko-structured-lesson-steps{grid-template-columns:minmax(0,1fr)}
.miko-lesson[data-lesson-id="controls"] .miko-step.is-complete:not(.is-current):not(.miko-step-just-passed),
.miko-lesson[data-lesson-id="items"] .miko-step.is-complete:not(.is-current):not(.miko-step-just-passed){display:none!important}
.miko-structured-step{display:grid;gap:12px}
.miko-structured-step .miko-step-main p{max-width:850px}
.miko-lesson-control{display:grid;gap:12px;max-width:900px}
.miko-lesson-control-group{min-width:0;margin:0;padding:10px 12px;border:1px solid #304766;border-radius:11px;background:#0d1929}
.miko-lesson-control-group legend{padding:0 5px;color:#c9daf2;font-size:12px;font-weight:750}
.miko-lesson-choice-row{display:flex;flex-wrap:wrap;gap:7px}
.miko-lesson-choice{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid #3a557b;border-radius:9px;background:#13243a;color:#d8e8ff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.miko-lesson-choice:hover{border-color:#7fa8e6;background:#1a3150}
.miko-lesson-choice[aria-pressed="true"]{border-color:#7caaf2;background:linear-gradient(120deg,#204d92,#4d3b8c);box-shadow:0 0 0 2px rgba(125,170,242,.16);color:#fff}
.miko-lesson-choice:focus-visible,.miko-lesson-asset-choice:focus-visible{outline:2px solid #a5c8ff;outline-offset:2px}
.miko-lesson-choice.is-color{justify-content:flex-start}
.miko-color-swatch{width:16px;height:16px;flex:none;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:var(--miko-swatch)}
.miko-lesson-control-label{display:grid;gap:5px;max-width:420px;color:#c6d5e9;font-size:12px;font-weight:700}
.miko-lesson-control-label input{min-height:40px;padding:8px 10px;border:1px solid #354c6d;border-radius:9px;background:#0a1423;color:#fff;font:inherit}
.miko-lesson-custom-color{display:flex;align-items:center;gap:10px;margin-top:9px;color:#aebfd5;font-size:12px}
.miko-lesson-custom-color input{width:50px;height:38px;padding:3px;border:1px solid #354c6d;border-radius:8px;background:#0a1423}
.miko-lesson-apply{justify-self:start;min-width:190px}
.miko-lesson-asset-picker{padding:9px 11px;border:1px dashed #3d5a80;border-radius:10px;background:#101d30}
.miko-lesson-asset-picker summary{width:max-content;max-width:100%;color:#a9c8f4;font-size:12px;font-weight:750;cursor:pointer}
.miko-lesson-asset-status{margin:9px 0;color:#9fb3ce;font-size:11px;line-height:1.45}
.miko-lesson-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.miko-lesson-asset-choice{display:grid;gap:6px;min-width:0;padding:7px;border:1px solid #344d70;border-radius:9px;background:#0a1423;color:#dceaff;text-align:left;font:inherit;font-size:11px;cursor:pointer}
.miko-lesson-asset-choice[aria-pressed="true"]{border-color:#54c49a;background:#143d35;box-shadow:0 0 0 1px rgba(84,196,154,.2)}
.miko-lesson-asset-choice img{width:100%;height:78px;object-fit:contain;border-radius:6px;background:repeating-conic-gradient(#26364c 0 25%,#18263a 0 50%) 50%/16px 16px}
.miko-lesson-asset-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.miko-structured-step .miko-step-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:0;padding-top:10px;border-top:1px solid #293d5a}
.miko-structured-step .miko-step-result{flex:1;min-width:min(100%,260px);margin:0;color:#a9c4e8;font-size:12px;line-height:1.45}
.miko-avatar.is-jumping{animation:miko-jump 400ms ease-out 1}
.miko-avatar.is-finding{position:relative;overflow:visible}
.miko-avatar.is-finding:after{position:absolute;top:-12px;right:-5px;color:#ffe18c;font-size:27px;line-height:1;text-shadow:0 0 12px rgba(255,219,104,.8);content:'✦';animation:miko-find 800ms ease-out 1}
@keyframes miko-jump{0%,100%{transform:translateY(0)}55%{transform:translateY(-22px)}}
@keyframes miko-find{0%{opacity:0;transform:translateY(10px) scale(.35)}25%{opacity:1}75%{opacity:1;transform:translateY(-11px) scale(1.15)}100%{opacity:0;transform:translateY(-20px) scale(.8)}}
@media(max-width:650px){.miko-lesson-apply{width:100%}.miko-lesson-choice{min-height:42px}.miko-lesson-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.miko-structured-step .miko-step-actions{align-items:stretch}.miko-structured-step .miko-step-check{width:100%}}
@media(prefers-reduced-motion:reduce){.miko-avatar.is-jumping,.miko-avatar.is-finding:after{animation:none!important}}
.miko-appearance-idea-actions .miko-appearance-status[data-kind="error"]{color:#ffc2c8;font-weight:700}
#mikoGuidePointer{position:fixed;left:var(--miko-guide-x,0);top:var(--miko-guide-y,0);z-index:10000;width:28px;height:28px;font-size:26px;line-height:1;color:#c5ddff;text-shadow:0 1px 5px #071326;pointer-events:none;user-select:none;animation:mikoGuideArrow 1.6s ease-in-out infinite;--miko-guide-nudge:3px}
#mikoGuidePointer[data-side="right"]{transform:rotate(180deg);--miko-guide-nudge:-3px}
#mikoGuidePointer[hidden]{display:none!important}

/* Focused lesson cards: readable instructions, expandable optional copy, one checker beside the task. */
.workspace.hasMikoLesson .miko-step-list{grid-template-columns:minmax(0,1fr);gap:10px}
.workspace.hasMikoLesson .miko-step{grid-template-columns:minmax(0,1fr);min-width:0}
.workspace.hasMikoLesson .miko-step-main>.miko-step-number{display:none}
.workspace.hasMikoLesson .miko-step-main,.workspace.hasMikoLesson .miko-step-extra,.workspace.hasMikoLesson .miko-step-actions{grid-column:1;grid-row:auto;min-width:0}
.workspace.hasMikoLesson .miko-step-main>p,.workspace.hasMikoLesson .miko-hint,.workspace.hasMikoLesson .miko-chat-example,.workspace.hasMikoLesson .miko-chat-example blockquote,.workspace.hasMikoLesson .miko-hint-details{font-size:16px;line-height:1.5}
.workspace.hasMikoLesson .miko-step-main h3{font-size:19px;line-height:1.3}
.workspace.hasMikoLesson .miko-hint{display:block;margin:0;padding:9px 11px}
.workspace.hasMikoLesson .miko-hint-details{margin:0}
.workspace.hasMikoLesson .miko-step-counter,.workspace.hasMikoLesson .miko-compact-progress{color:#c8dcfb;font-size:14px;line-height:1.45}
.workspace.hasMikoLesson .miko-click-guide{font-size:16px;line-height:1.5}
.workspace.hasMikoLesson .miko-step-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;padding-top:10px;border-top:1px solid #293d5a}
.workspace.hasMikoLesson .miko-step-actions .miko-click-guide{flex:1 1 100%;margin:0}
.workspace.hasMikoLesson .miko-step-result{flex:1 1 100%;min-width:0;margin:0;color:#c8d7ec;font-size:14px;line-height:1.45}
.workspace.hasMikoLesson .miko-step-check{font-size:16px}
.workspace.hasMikoLesson .miko-guide-toggle{white-space:normal;font-size:14px}
.workspace.hasMikoLesson .miko-step.is-complete:not(.is-current) .miko-step-main h3{font-size:14px}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step{grid-template-columns:minmax(0,1fr)}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step-main,.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step-extra,.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-step-actions{grid-column:1;grid-row:auto}
.miko-chat-example summary,.miko-hint-details summary{min-height:32px;display:flex;align-items:center}
#mikoGuidePointer{translate:0 0}
@keyframes mikoGuideArrow{50%{translate:var(--miko-guide-nudge,3px) 0}}
@media(prefers-reduced-motion:reduce){.miko-guide-target{animation:none!important;outline-color:#82b4f2!important;box-shadow:0 0 0 3px #4f8ee733!important}#mikoGuidePointer{animation:none!important;translate:0 0!important}.miko-lesson *,#messageInput.miko-guide-target{scroll-behavior:auto!important;transition-duration:0s!important}}
@media(max-width:760px){.workspace.hasMikoLesson .miko-step{padding:12px}.workspace.hasMikoLesson .miko-step-main>p,.workspace.hasMikoLesson .miko-hint,.workspace.hasMikoLesson .miko-chat-example,.workspace.hasMikoLesson .miko-chat-example blockquote,.workspace.hasMikoLesson .miko-hint-details{font-size:16px;line-height:1.5}.workspace.hasMikoLesson .miko-step-main h3{font-size:19px}.workspace.hasMikoLesson .miko-step-actions{align-items:stretch}.workspace.hasMikoLesson .miko-step-check{width:100%}}
@media(max-width:1100px){body:has(.workspace.hasMikoLesson) header #marketplaceLink,body:has(.workspace.hasMikoLesson) header #shopLink{display:none!important}}

/* Lesson 2: add the chosen picture beside the gallery; check later stages in the toolbar. */
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-option{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
.miko-lesson[data-lesson-id="meet"] .miko-appearance-add{display:flex;align-items:center;min-width:0;padding:5px;border:1px solid #334b6d;border-radius:8px;background:#14243a}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-appearance-add .miko-step-check{width:100%;min-height:42px;padding:8px;font-size:14px;white-space:normal}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"]>.miko-lesson-top-actions{position:sticky;top:0;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;padding:8px 0;background:#101e32}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"]>.miko-lesson-top-actions>[data-check-step]{flex:0 0 auto;width:auto;max-width:100%;min-height:42px}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"]>.miko-lesson-top{display:flex;align-items:center;justify-content:space-between}
.miko-lesson[data-lesson-id="meet"]>.miko-lesson-top>[data-course-map]{min-height:34px;padding:5px 8px;font-size:12px;white-space:nowrap}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"]>.miko-lesson-top-actions>[data-lesson-collapse]{flex:0 0 auto;padding-inline:7px;font-size:12px}
.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"]>.miko-lesson-top-actions>.miko-guide-toggle{flex:0 0 auto;max-width:100%;min-height:42px;margin:0 0 0 auto;white-space:nowrap;font-size:14px;line-height:1.2}
.miko-lesson[data-lesson-id="meet"]>.miko-lesson-top-actions>.miko-guide-toggle input{flex:none}
.miko-lesson[data-lesson-id="meet"]>.miko-lesson-top-actions>.miko-guide-toggle span{flex:none;white-space:nowrap;overflow-wrap:normal}
.miko-lesson[data-lesson-id="meet"]>.miko-lesson-top-actions>[data-click-guide]{flex:1 1 100%;min-width:0;margin:0}
.miko-lesson[data-lesson-id="meet"] .miko-step-actions:not(:has([data-check-step])):not(:has([data-click-guide]:not([hidden]))):has(.miko-step-result:empty){display:none}
@media(min-width:1001px){.workspace.hasMikoLesson .miko-lesson[data-lesson-id="meet"] .miko-step-list .miko-appearance-picker{grid-template-columns:minmax(0,1fr) minmax(210px,1fr)}}
.miko-lesson .miko-step-counter.is-complete{border-color:#47795f;background:linear-gradient(120deg,#173d35,#132638);color:#c4ddcf}
.miko-lesson .miko-step-counter.is-complete:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:#23724e;color:#ecfff4;font-size:11px;vertical-align:-1px}

/* Keep the collapse, click-guide and current-step check controls in one row. */
#workspace.hasMikoLesson>.miko-lesson>.miko-lesson-top-actions{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.3fr)!important;align-items:stretch!important;gap:6px!important}
#workspace.hasMikoLesson>.miko-lesson>.miko-lesson-top-actions>:is([data-lesson-collapse],[data-check-step]:not([hidden]),.miko-guide-toggle){box-sizing:border-box;min-width:0!important;max-width:none!important;width:100%!important;margin:0!important}
#workspace.hasMikoLesson>.miko-lesson>.miko-lesson-top-actions>:is([data-lesson-collapse],[data-check-step]:not([hidden])){display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 5px!important;font-size:12px!important;line-height:1.15;text-align:center;white-space:normal!important}
#workspace.hasMikoLesson>.miko-lesson>.miko-lesson-top-actions>.miko-guide-toggle{display:flex;align-items:center;justify-content:center;gap:4px;min-height:42px;padding:6px 5px!important;font-size:12px!important;line-height:1.15;white-space:normal!important}
#workspace.hasMikoLesson>.miko-lesson>.miko-lesson-top-actions>.miko-guide-toggle input{flex:0 0 14px!important;width:14px;height:14px}
#workspace.hasMikoLesson>.miko-lesson>.miko-lesson-top-actions>.miko-guide-toggle span{flex:1 1 0!important;min-width:0;text-align:center;white-space:normal!important;overflow-wrap:normal}
#workspace.hasMikoLesson>.miko-lesson>.miko-lesson-top-actions>[data-click-guide]{grid-column:1/-1!important;min-width:0;width:auto!important;margin:0!important}