/* TechNova child-first learner experience */
.experience-dock{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;gap:6px;padding:7px;border:1px solid #d8e2ef;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 12px 38px rgba(16,42,67,.16);backdrop-filter:blur(12px)}
.experience-dock button{border:0;background:transparent;color:#29405c;display:grid;place-items:center;gap:1px;min-width:54px;padding:7px 6px;border-radius:12px;cursor:pointer}.experience-dock button:hover,.experience-dock button[aria-pressed=true]{background:#edf4ff;color:#234f9b}.experience-dock button span{font-weight:900}.experience-dock button b{font-size:9px;letter-spacing:.02em}
.large-text body{font-size:18px}.large-text .lesson-main p,.large-text .lesson-main li,.large-text .yt-option{font-size:1.03em;line-height:1.7}.large-text .lesson-main{max-width:none}
.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
.focus-mode .topbar,.focus-mode .mobile-nav,.focus-mode .site-footer{display:none!important}.focus-mode .lesson-sidebar{display:none!important}.focus-mode .lesson-shell{grid-template-columns:minmax(0,980px)!important;justify-content:center}.focus-mode .experience-dock{opacity:.3}.focus-mode .experience-dock:hover{opacity:1}
[data-learner-mode=explorer] .lesson-main{font-size:1.02rem}[data-learner-mode=explorer] .learning-card,[data-learner-mode=explorer] .interactive-lab,[data-learner-mode=explorer] .studio,[data-learner-mode=explorer] .your-turn-card{border-radius:26px}[data-learner-mode=explorer] .btn{min-height:46px}[data-learner-mode=studio] .lesson-reading p:nth-child(n+3){display:none}
.launchpad-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.launch-card,.portfolio-card,.achievement-card,.mission-map-card,.inside-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.launch-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.launch-option{display:flex;gap:10px;align-items:center;border:1px solid #cbd8e8;background:#fff;border-radius:16px;padding:14px;cursor:pointer}.launch-option:has(input:checked){border-color:#3155d9;box-shadow:0 0 0 3px #3155d91a;background:#f4f7ff}.launch-option input{width:18px;height:18px}.launch-result{background:linear-gradient(145deg,#112d49,#153b61);color:#fff;border-radius:24px;padding:26px;min-height:100%}.launch-result p{color:#d7e4ef}.launch-result .recommend-card{background:#fff;color:var(--ink)}
.inside-card{margin:18px 0;background:linear-gradient(145deg,#fbfdff,#f3f7ff)}.inside-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.inside-head h2{margin:.25rem 0}.inside-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.inside-node{min-height:86px;border:1px solid #cbd7e8;border-radius:15px;background:#fff;padding:12px;display:grid;align-content:center;gap:5px;position:relative}.inside-node:not(:last-child)::after{content:'→';position:absolute;right:-13px;top:32px;color:#7a8da8;font-weight:900;z-index:2}.inside-node.active{border-color:#6544e8;box-shadow:0 0 0 4px #6544e81a}.inside-node small{color:#6c7d94;font-weight:800}.inside-node strong{font-size:13px}.inside-explain{margin-top:12px;padding:11px 13px;border-radius:12px;background:#fff;border:1px solid #d9e3f0;color:#435772}
.mastery-level{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}.mastery-level.learning{background:#fff3e5;color:#9a5b0a}.mastery-level.developing{background:#edf4ff;color:#365d9d}.mastery-level.secure{background:#eaf9f2;color:#187451}.mastery-level.mastered{background:#e8f8ed;color:#0b693e;box-shadow:inset 0 0 0 1px #a7d8b9}
.mission-map{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin:16px 0}.mission-node{aspect-ratio:1;border-radius:50%;border:2px solid #d6dfec;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;text-decoration:none;color:#667990}.mission-node.done{background:#0e9488;border-color:#0e9488;color:#fff}.mission-node.current{border-color:#3155d9;box-shadow:0 0 0 4px #3155d91a;color:#3155d9}.achievement-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.achievement-card{padding:17px}.achievement-card.locked{opacity:.48}.achievement-card span{font-size:26px}.achievement-card h3{font-size:15px;margin:8px 0 3px}.achievement-card p{font-size:11px;color:var(--muted);margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-card{display:flex;flex-direction:column;gap:8px}.portfolio-card .project-symbol{font-size:28px}.portfolio-card h3{margin:0}.portfolio-card p{font-size:12px;color:var(--muted)}.portfolio-card pre{white-space:pre-wrap;max-height:150px;overflow:auto;background:#102a43;color:#edf4ff;padding:11px;border-radius:12px;font-size:10px}.portfolio-empty{padding:44px;border:1px dashed #b9c8da;border-radius:24px;text-align:center;background:#fff}.project-saved{background:#eaf9f2!important;border-color:#a4d9bf!important;color:#176d4d!important}
.constructed-box{display:grid;gap:10px}.constructed-box textarea{width:100%;min-height:130px;border:1px solid #cbd8e8;border-radius:14px;padding:13px;resize:vertical}.self-check{padding:13px;border:1px solid #d9d1ff;background:#f8f6ff;border-radius:14px}.option-tools{display:flex;gap:6px;justify-content:flex-end}.strike-btn{border:0;background:#eef3f8;color:#66798f;border-radius:8px;padding:5px 8px;font-size:10px;cursor:pointer}.yt-option.struck{opacity:.42;text-decoration:line-through}
.resume-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-radius:18px;background:#102a43;color:#fff;margin-top:18px}.resume-banner p{margin:3px 0 0;color:#cfdeea}.resume-banner .btn{background:#fff;color:#102a43}
@media(max-width:900px){.launchpad-grid{grid-template-columns:1fr}.inside-flow{grid-template-columns:1fr}.inside-node:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-17px}.achievement-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.experience-dock{right:10px;bottom:10px}.experience-dock button{min-width:44px}.experience-dock button b{display:none}}
@media(max-width:600px){.launch-options{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr 1fr}.mission-map{grid-template-columns:repeat(6,1fr)}.experience-dock{left:10px;right:10px;justify-content:space-around}.experience-dock button{flex:1}.inside-head{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
.creation-course-showcase{padding:22px 0;background:linear-gradient(135deg,#eef5ff,#fbf7ff);border-block:1px solid #dce5f2}.creation-course-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}.creation-course-grid>div,.creation-course-grid>aside{border:1px solid #d8e2ef;border-radius:22px;background:rgba(255,255,255,.86);padding:20px}.creation-course-grid h2{margin:5px 0 7px;font-size:clamp(1.35rem,2.3vw,2rem)}.creation-course-grid p{margin:0;color:#5d6b82;max-width:720px}.creation-course-flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:14px}.creation-course-flow span{padding:7px 9px;border-radius:10px;background:#152a4c;color:#fff;font-size:.7rem;font-weight:850}.creation-course-flow b{color:#73819a}.creation-course-grid aside{display:grid;align-content:start;gap:8px}.creation-course-grid aside>small{font-size:.64rem;font-weight:950;letter-spacing:.1em;color:#61718d}.creation-course-grid aside>strong{font-size:.88rem;line-height:1.45}.creation-course-grid aside>div{display:grid;gap:5px;margin-top:4px}.creation-course-grid aside span{font-size:.69rem;color:#53637b;padding:6px 8px;border-radius:9px;background:#f2f6fb}@media(max-width:780px){.creation-course-grid{grid-template-columns:1fr}}