:where(.ece-kid-button,.ece-kid-stepper,.ece-kid-progress-dots){--ece-kid-focus: #172554;--ece-kid-focus-gap: #ffffff;font-family:Nunito,Noto Sans SC,Microsoft YaHei,ui-rounded,system-ui,sans-serif}.ece-kid-button{--ece-kid-button-bg: #5945d8;--ece-kid-button-border: #4030b5;--ece-kid-button-shadow: #31258b;--ece-kid-button-text: #ffffff;position:relative;display:inline-flex;min-inline-size:56px;min-block-size:56px;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;margin:0;padding:10px 20px;overflow:hidden;border:3px solid var(--ece-kid-button-border);border-radius:18px;background:var(--ece-kid-button-bg);box-shadow:0 5px 0 var(--ece-kid-button-shadow);color:var(--ece-kid-button-text);font:inherit;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.01em;text-align:center;text-decoration:none;text-wrap:balance;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ece-kid-button--secondary{--ece-kid-button-bg: #ffffff;--ece-kid-button-border: #6654dc;--ece-kid-button-shadow: #d9d3ff;--ece-kid-button-text: #35268d}.ece-kid-button--danger{--ece-kid-button-bg: #c92f52;--ece-kid-button-border: #981b3b;--ece-kid-button-shadow: #71132d}.ece-kid-button--success{--ece-kid-button-bg: #18794e;--ece-kid-button-border: #0f5d3a;--ece-kid-button-shadow: #0a432a}.ece-kid-button--ghost{--ece-kid-button-bg: transparent;--ece-kid-button-border: transparent;--ece-kid-button-shadow: transparent;--ece-kid-button-text: #35268d}.ece-kid-button--small{min-block-size:56px;padding-inline:16px;font-size:16px}.ece-kid-button--medium{min-block-size:60px}.ece-kid-button--large{min-block-size:68px;padding-inline:26px;border-radius:22px;font-size:20px}.ece-kid-button--full-width{inline-size:100%}.ece-kid-button__label{min-inline-size:0}.ece-kid-button__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;font-size:1.25em;line-height:1}.ece-kid-button__spinner{inline-size:20px;block-size:20px;flex:0 0 auto;box-sizing:border-box;border:3px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:ece-kid-spin .75s linear infinite}.ece-kid-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--ece-kid-button-shadow)}.ece-kid-button:disabled{filter:grayscale(.25);opacity:.58;cursor:not-allowed}.ece-kid-button:focus-visible,.ece-kid-stepper__button:focus-visible,.ece-kid-progress-dots__target:focus-visible{outline:4px solid var(--ece-kid-focus, #172554);outline-offset:3px;box-shadow:0 0 0 2px var(--ece-kid-focus-gap, #ffffff),0 5px 0 var(--ece-kid-button-shadow, transparent)}.ece-kid-surface{--ece-kid-surface-bg: #ffffff;--ece-kid-surface-border: #d8d3ff;--ece-kid-surface-accent: #5945d8;box-sizing:border-box;overflow:hidden;border:3px solid var(--ece-kid-surface-border);border-radius:26px;background:var(--ece-kid-surface-bg);box-shadow:0 8px #31258b1a;color:#202842;font-family:Nunito,Noto Sans SC,Microsoft YaHei,ui-rounded,system-ui,sans-serif}.ece-kid-surface--sky{--ece-kid-surface-bg: #eef8ff;--ece-kid-surface-border: #9fd8ff;--ece-kid-surface-accent: #11699d}.ece-kid-surface--sunny{--ece-kid-surface-bg: #fff8dc;--ece-kid-surface-border: #f1cd60;--ece-kid-surface-accent: #8a5700}.ece-kid-surface--mint{--ece-kid-surface-bg: #ecfbf4;--ece-kid-surface-border: #8bd7b3;--ece-kid-surface-accent: #176343}.ece-kid-surface--berry{--ece-kid-surface-bg: #fff0f6;--ece-kid-surface-border: #f0a8c6;--ece-kid-surface-accent: #9b2858}.ece-kid-surface--padding-none>.ece-kid-surface__body{padding:0}.ece-kid-surface--padding-normal>.ece-kid-surface__body{padding:20px}.ece-kid-surface--padding-roomy>.ece-kid-surface__body{padding:28px}.ece-kid-surface__header{display:flex;align-items:center;gap:14px;padding:18px 20px 0}.ece-kid-surface__icon{display:inline-flex;inline-size:48px;block-size:48px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:16px;background:color-mix(in srgb,var(--ece-kid-surface-accent) 13%,white);color:var(--ece-kid-surface-accent);font-size:26px;line-height:1}.ece-kid-surface__heading-group{min-inline-size:0;flex:1}.ece-kid-surface__title{margin:0;color:var(--ece-kid-surface-accent);font:inherit;font-size:clamp(20px,2vw,24px);font-weight:900;line-height:1.25;text-wrap:balance}.ece-kid-surface__subtitle{margin:5px 0 0;color:#536079;font-size:15px;font-weight:650;line-height:1.5}.ece-kid-surface__actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.ece-kid-status-pill{--ece-kid-pill-bg: #edf1f7;--ece-kid-pill-text: #33405a;--ece-kid-pill-dot: #59657b;display:inline-flex;min-block-size:32px;align-items:center;gap:7px;box-sizing:border-box;padding:5px 11px;border:2px solid color-mix(in srgb,var(--ece-kid-pill-text) 22%,transparent);border-radius:999px;background:var(--ece-kid-pill-bg);color:var(--ece-kid-pill-text);font-family:Nunito,Noto Sans SC,Microsoft YaHei,ui-rounded,system-ui,sans-serif;font-size:14px;font-weight:800;line-height:1.25}.ece-kid-status-pill--info{--ece-kid-pill-bg: #ddecff;--ece-kid-pill-text: #17477d;--ece-kid-pill-dot: #267ac5}.ece-kid-status-pill--success{--ece-kid-pill-bg: #ddf8e9;--ece-kid-pill-text: #145437;--ece-kid-pill-dot: #1b8053}.ece-kid-status-pill--warning{--ece-kid-pill-bg: #fff1bf;--ece-kid-pill-text: #714500;--ece-kid-pill-dot: #b26c00}.ece-kid-status-pill--danger{--ece-kid-pill-bg: #ffe2e8;--ece-kid-pill-text: #84213a;--ece-kid-pill-dot: #c92f52}.ece-kid-status-pill__dot{inline-size:10px;block-size:10px;flex:0 0 auto;border:2px solid currentColor;border-radius:50%;background:var(--ece-kid-pill-dot)}.ece-kid-status-pill__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;font-size:1.1em;line-height:1}.ece-kid-stepper{display:inline-grid;grid-template-columns:56px minmax(84px,auto) 56px;align-items:stretch;gap:8px;box-sizing:border-box}.ece-kid-stepper__button{display:inline-flex;inline-size:56px;min-block-size:56px;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0;border:3px solid #6654dc;border-radius:18px;background:#fff;box-shadow:0 4px #d9d3ff;color:#35268d;font:inherit;font-size:32px;font-weight:900;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease}.ece-kid-stepper__button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #d9d3ff}.ece-kid-stepper__button:disabled{border-color:#c8cedb;background:#f0f2f6;box-shadow:0 4px #dfe3ea;color:#747d8e;cursor:not-allowed}.ece-kid-stepper__value{display:flex;min-block-size:56px;align-items:baseline;justify-content:center;gap:4px;box-sizing:border-box;padding:10px 14px;border:3px solid #d8d3ff;border-radius:18px;background:#f7f5ff;color:#2d235f;font-size:22px;font-weight:900;line-height:1.2}.ece-kid-stepper__value small{font-size:14px;font-weight:800}.ece-kid-progress-dots{display:inline-flex;flex-direction:column;align-items:center}.ece-kid-progress-dots__list{display:flex;align-items:center;justify-content:center;gap:10px}.ece-kid-progress-dots__dot{display:block;inline-size:14px;block-size:14px;box-sizing:border-box;border:3px solid #8275ca;border-radius:50%;background:#fff;transition:inline-size .16s ease,block-size .16s ease,background-color .16s ease,border-color .16s ease}.ece-kid-progress-dots__dot--complete{border-color:#18794e;background:#40ad7b}.ece-kid-progress-dots__dot--current{inline-size:20px;block-size:20px;border-color:#4030b5;background:#6654dc;box-shadow:0 0 0 4px #e4e0ff}.ece-kid-progress-dots--interactive .ece-kid-progress-dots__list{gap:0}.ece-kid-progress-dots__target{--ece-kid-button-shadow: transparent;display:inline-flex;inline-size:56px;min-block-size:56px;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:18px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ece-kid-progress-dots__target:disabled{opacity:.55;cursor:not-allowed}.ece-kid-visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(hover:hover){.ece-kid-button:hover:not(:disabled),.ece-kid-stepper__button:hover:not(:disabled),.ece-kid-progress-dots__target:hover:not(:disabled){filter:brightness(1.05) saturate(1.05)}}@media(prefers-reduced-motion:reduce){.ece-kid-button,.ece-kid-stepper__button,.ece-kid-progress-dots__dot{transition:none}.ece-kid-button__spinner{animation-duration:1.5s}}@media(forced-colors:active){.ece-kid-button,.ece-kid-stepper__button,.ece-kid-surface,.ece-kid-status-pill,.ece-kid-progress-dots__dot{border-color:currentColor;box-shadow:none;forced-color-adjust:auto}.ece-kid-progress-dots__dot--current,.ece-kid-progress-dots__dot--complete{background:Highlight}}@keyframes ece-kid-spin{to{transform:rotate(1turn)}}:root{font-family:Nunito,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#24324a;background:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #24324a;--muted: #64748b;--blue: #3f74e8;--blue-dark: #2859be;--sun: #ffd85a;--mint: #4cc9a4;--berry: #ef6681;--line: #dce7f2;--shadow: 0 12px 32px rgba(55, 88, 128, .13)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f7fbff}body{margin:0;min-width:320px;min-height:100vh}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:4px solid #ffb703;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:14px 20px;border-radius:12px;background:#17233a;color:#fff;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;background:radial-gradient(circle at 10% 0%,#e8f7ff 0,transparent 28%),#f7fbff}.topbar{position:relative;z-index:30;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px;padding:10px clamp(18px,4vw,56px);border-bottom:1px solid rgba(189,210,231,.8);background:#fffffff0;box-shadow:0 3px 16px #4c6c9112}.generation-resume-banner{position:sticky;z-index:24;top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(760px,calc(100% - 28px));margin:12px auto 0;padding:12px 14px;border:2px solid #d5ccff;border-radius:18px;background:#f9f7fff7;box-shadow:0 9px 24px #52449d26}.generation-resume-banner>span{font-size:1.8rem}.generation-resume-banner div{display:grid;gap:2px}.generation-resume-banner small{color:#665c85}.generation-resume-banner a{min-height:44px;padding:10px 14px;border-radius:14px;background:#6756d8;color:#fff;font-weight:900;text-decoration:none}.brand{display:inline-flex;min-height:56px;align-items:center;gap:10px;color:#254b91;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:900;text-decoration:none}.brand__mark{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#dff8e8;font-size:28px;transform:rotate(-4deg)}.topbar__right{display:flex;align-items:center;gap:14px}.learner-badge,.teacher-help{display:inline-flex;min-height:48px;align-items:center;gap:7px;border-radius:18px;font-weight:800}.learner-badge{padding:8px 15px;background:#fff3c8;color:#654c00}.teacher-help{padding:8px 15px;color:#55667c;text-decoration:none}.teacher-help:hover{background:#edf4fb}.teacher-help,.gallery-link,.ai-friend-link{min-height:48px;border:0;border-radius:16px;background:transparent;cursor:pointer}.gallery-link,.ai-friend-link{display:inline-flex;align-items:center;padding:8px 14px;color:#315b9d;font-weight:850;text-decoration:none}.gallery-link:hover,.ai-friend-link:hover{background:#edf4fb}.ai-friend-link{gap:6px;color:#5b4ab4}.page-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(24px,4vw,52px) 0 64px}.page-wrap--narrow{width:min(1080px,calc(100% - 32px))}.eyebrow{display:block;margin-bottom:7px;color:#3972d7;font-size:.82rem;font-weight:900;letter-spacing:.08em}.welcome-panel{display:flex;min-height:210px;align-items:center;justify-content:space-between;gap:28px;margin-bottom:44px;padding:clamp(28px,5vw,54px);overflow:hidden;border:1px solid #cfe8ff;border-radius:34px;background:linear-gradient(115deg,#e8f8ff,#f0fbff,#fff7cf);box-shadow:var(--shadow)}.welcome-panel h1{margin:20px 0 8px;font-size:clamp(2rem,5vw,3.35rem);line-height:1.05;color:#254b91}.welcome-panel p{margin-bottom:0;color:#53657b;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:700}.welcome-mascot{font-size:clamp(5.5rem,12vw,9rem);filter:drop-shadow(0 12px 8px rgba(69,83,104,.16));transform:rotate(6deg)}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.home-section-heading h2{margin-bottom:0;font-size:clamp(1.65rem,3vw,2.2rem)}.task-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);overflow:hidden;border:1px solid #d8e5f0;border-radius:30px;background:#fff;box-shadow:var(--shadow)}.task-card__art{position:relative;display:grid;min-height:330px;place-items:center;overflow:hidden;background:linear-gradient(#9bdcff 0 64%,#83d57d 64% 100%)}.task-card__art:before,.task-card__art:after{position:absolute;width:170px;height:70px;border-radius:100%;background:#ffffffc2;content:""}.task-card__art:before{top:42px;left:-28px}.task-card__art:after{top:88px;right:-50px}.task-card__apple{position:absolute;top:58px;left:48%;font-size:72px;animation:apple-bob 2.2s ease-in-out infinite}.task-card__basket{position:absolute;bottom:30px;font-size:110px;filter:drop-shadow(0 12px 8px rgba(30,82,52,.2))}@keyframes apple-bob{50%{transform:translateY(18px) rotate(6deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.task-card__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,5vw,54px)}.task-card__content h2{margin-bottom:12px;color:#263b60;font-size:clamp(1.8rem,4vw,2.7rem)}.task-card__content p{max-width:620px;margin-bottom:20px;color:#617187;font-size:1.08rem;line-height:1.75}.task-card__meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:30px;color:#52647c;font-weight:800}.big-action{display:inline-flex;min-height:60px;align-items:center;justify-content:center;gap:14px;padding:14px 26px;border-radius:19px;background:linear-gradient(135deg,#4b82ef,#3e68d5);box-shadow:0 8px #294fa8,0 14px 24px #3863c038;color:#fff;font-size:1.08rem;font-weight:900;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.big-action:hover{transform:translateY(-2px)}.big-action:active{transform:translateY(5px);box-shadow:0 3px #294fa8}.journey-strip{margin-top:44px;padding:28px;border-radius:26px;background:#eef7ff}.journey-strip h2{text-align:center}.journey-strip ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}.journey-strip li{position:relative;display:grid;min-height:136px;place-items:center;align-content:center;gap:5px;border-radius:20px;background:#fff;text-align:center}.journey-strip li>span{font-size:2.35rem}.journey-strip strong{font-size:1.05rem}.journey-strip small{color:var(--muted)}.offline-ready-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0;padding:22px 26px;border:2px solid #b9ddcf;border-radius:24px;background:#edfbf6}.ai-friend-home-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:-18px 0 28px;padding:22px 26px;border:2px solid #d7ccff;border-radius:26px;background:linear-gradient(125deg,#f4f0ff,#fff 58%,#eafaf4);box-shadow:0 10px 26px #5b4ab41f;color:var(--ink);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.ai-friend-home-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #5b4ab42b}.ai-friend-home-card__mascot{display:grid;width:74px;height:74px;place-items:center;border-radius:24px;background:#dcf8ea;font-size:2.8rem;transform:rotate(-4deg)}.ai-friend-home-card>span:nth-child(2){display:grid;gap:3px}.ai-friend-home-card small{color:#6b58c4;font-weight:900}.ai-friend-home-card strong{color:#3f328c;font-size:1.28rem}.ai-friend-home-card p{margin:0;color:#657187}.ai-friend-home-card b{color:#6756d8;font-size:2rem}.chat-page{width:min(1040px,calc(100% - 32px))}.chat-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:22px;padding:clamp(24px,4vw,38px);overflow:hidden;border:2px solid #d7ccff;border-radius:32px;background:radial-gradient(circle at 94% 10%,rgba(255,216,90,.42),transparent 24%),linear-gradient(125deg,#f1edff,#edfaff 58%,#effbf3);box-shadow:var(--shadow)}.chat-hero h1{margin-bottom:8px;color:#3f328c;font-size:clamp(2rem,4vw,3rem)}.chat-hero p{max-width:650px;margin:0;color:#5c6880;font-weight:700;line-height:1.65}.chat-hero__mascot{position:relative;display:grid;width:104px;height:104px;place-items:center;border:4px solid rgba(255,255,255,.9);border-radius:34px;background:linear-gradient(145deg,#c9f3dc,#fff4b9);box-shadow:0 12px 22px #447b6533;font-size:4.2rem;transform:rotate(-4deg)}.chat-hero__mascot i{position:absolute;top:-13px;right:-13px;font-style:normal;font-size:1.8rem}.chat-window{overflow:hidden;border:2px solid #dce7f2;border-radius:30px;background:#fff;box-shadow:var(--shadow)}.chat-window__top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid #e4edf5;background:#fbfdff}.chat-window__top>div{display:flex;align-items:center;gap:12px}.chat-window__top h2,.chat-window__top small{margin:0}.chat-window__top small{color:#68768b}.chat-window__top a{min-height:44px;padding:10px 14px;border-radius:14px;background:#eef4fb;color:#315b9d;font-weight:900;text-decoration:none}.chat-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#dcf8ea;font-size:1.8rem}.chat-messages{display:grid;min-height:390px;max-height:min(58vh,620px);align-content:start;gap:16px;overflow-y:auto;padding:clamp(20px,4vw,34px);background:radial-gradient(circle at 12% 8%,rgba(222,248,234,.7),transparent 25%),#f8fbff}.chat-message{display:flex;width:min(78%,690px);align-items:flex-start;gap:10px}.chat-message>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:14px;background:#dcf8ea;font-size:1.45rem}.chat-message>div{padding:13px 16px;border:1px solid #d8e6ef;border-radius:8px 20px 20px;background:#fff;box-shadow:0 6px 16px #37588014}.chat-message strong{color:#4c8170;font-size:.8rem}.chat-message p{margin:4px 0 0;white-space:pre-wrap;line-height:1.7}.chat-message--learner{justify-self:end;flex-direction:row-reverse}.chat-message--learner>span{background:#fff0b8}.chat-message--learner>div{border-color:#cbd8ff;border-radius:20px 8px 20px 20px;background:#edf2ff}.chat-message--learner strong{color:#4664bd}.chat-loading{display:grid;place-items:center;gap:8px;padding:60px 20px;color:#66768b;font-weight:800}.chat-loading span{font-size:3rem;animation:cartoon-mic-hop .9s ease-in-out infinite}.route-loading{min-height:min(58vh,34rem);display:grid;place-content:center;justify-items:center;gap:.75rem;color:var(--color-text-secondary);font-weight:800;text-align:center}.route-loading span{font-size:clamp(2.5rem,8vw,4.5rem);animation:creative-image-loading 1.5s ease-in-out infinite}.chat-thinking-dots{display:flex;gap:5px;margin-top:9px}.chat-thinking-dots i{width:8px;height:8px;border-radius:50%;background:#7b6ed1;animation:chat-thinking 1.1s ease-in-out infinite}.chat-thinking-dots i:nth-child(2){animation-delay:.12s}.chat-thinking-dots i:nth-child(3){animation-delay:.24s}@keyframes chat-thinking{50%{transform:translateY(-5px);opacity:.55}}.chat-composer{display:grid;gap:9px;padding:18px 22px 22px;border-top:1px solid #e4edf5}.chat-composer label{color:#405672;font-weight:900}.chat-composer>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.chat-composer textarea{width:100%;min-height:78px;resize:vertical;padding:14px 16px;border:3px solid #cbddec;border-radius:18px;color:var(--ink);font:inherit;line-height:1.5}.chat-composer textarea:focus{border-color:#7764dc;outline:3px solid rgba(119,100,220,.15)}.chat-composer>small{color:#718096}.offline-ready-card>div{display:flex;align-items:center;gap:16px}.offline-ready-card>div>span{font-size:2.5rem}.offline-ready-card h2{margin-bottom:4px;font-size:1.2rem}.offline-ready-card p{margin:0;color:#4e6e62}.join-page{display:grid;min-height:calc(100vh - 78px);align-content:center}.join-progress{display:flex;justify-content:center;margin-bottom:20px}.join-card{width:min(100%,840px);margin:0 auto;padding:clamp(28px,5vw,52px);border:2px solid #d2e4f3;border-radius:34px;background:#fff;box-shadow:var(--shadow)}.join-card--center,.join-card__intro{display:grid;place-items:center;text-align:center}.join-card__intro h1,.join-card--center h1{margin:16px 0 8px;color:#294f91;font-size:clamp(2rem,5vw,3rem)}.join-card__intro p{color:#5d7086;font-size:1.1rem}.join-hero-icon{display:block;margin-bottom:12px;font-size:5rem}.class-code-form{display:grid;width:min(100%,510px);gap:14px;margin:28px auto 0}.class-code-form label{color:#405672;font-size:1rem;font-weight:900}.class-code-form input{width:100%;min-height:76px;padding:12px 20px;border:4px solid #9fc2ea;border-radius:22px;color:#254b91;font-size:clamp(1.7rem,5vw,2.5rem);font-weight:950;letter-spacing:.18em;text-align:center;text-transform:uppercase}.learner-name-form input,.class-password-form input{letter-spacing:.04em;text-transform:none}.demo-login-hint{padding:9px 12px;border-radius:12px;background:#fff7cf;color:#715510;font-weight:800;text-align:center}.join-choice-step,.graphic-password-step{display:grid;gap:22px;margin-top:28px;justify-items:center}.learner-choice-grid{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:16px}.learner-choice{display:grid;min-height:164px;place-items:center;align-content:center;gap:9px;border:3px solid #c9dff2;border-radius:25px;background:#f7fbff;color:#304a6b;cursor:pointer}.learner-choice:hover{border-color:#5688e9;background:#edf4ff}.learner-choice span{font-size:4rem}.learner-choice strong{font-size:1.16rem}.password-progress{display:grid;grid-template-columns:repeat(6,68px);gap:12px}.password-progress span{display:grid;width:68px;height:68px;place-items:center;border:3px dashed #bed0e2;border-radius:20px;color:#708198;font-size:2rem}.password-progress span.is-filled{border-style:solid;border-color:#6e7ce8;background:#eef0ff;color:#4f43bc}.shape-keypad{display:grid;width:min(100%,560px);grid-template-columns:repeat(3,1fr);gap:14px}.shape-keypad button{display:grid;min-height:112px;place-items:center;align-content:center;gap:6px;border:3px solid #cddbed;border-radius:23px;background:#fff;color:#3d5192;cursor:pointer}.shape-keypad button span{font-size:2.7rem}.shape-keypad button small{color:#5c6d84;font-weight:800}.password-actions{display:flex;justify-content:center;gap:14px}.creative-heading,.gallery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.creative-heading h1,.gallery-heading h1{margin-bottom:8px;color:#294f91;font-size:clamp(2rem,4vw,3rem)}.creative-heading p,.gallery-heading p{max-width:720px;color:#5b6e84;line-height:1.65}.creative-target-panel,.creative-box-panel{margin-bottom:22px;padding:22px;border:2px solid #d7e5f1;border-radius:26px;background:#fff}.creative-target-panel>div:first-child,.creative-box-panel__heading>div:first-child{display:flex;align-items:center;gap:12px}.creative-target-panel h2,.creative-box-panel h2{margin:0 0 4px;color:#294f91}.creative-target-panel p,.creative-box-panel p{margin:0;color:#607287}.creative-step-badge{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:15px;background:#5c4be0;color:#fff;font-size:1.2rem;font-weight:950;box-shadow:0 5px #392ca0}.creative-target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-top:18px}.creative-slot-section{margin-top:18px}.creative-slot-section h3{margin:0;color:#425b82;font-size:1rem}.creative-slot-section .creative-target-grid{margin-top:10px}.creative-other-scenes{margin-top:18px;padding:14px 16px;border:2px dashed #c8d8e8;border-radius:18px;background:#f8fbff}.creative-other-scenes summary{color:#3b5790;font-weight:900;cursor:pointer}.creative-target{display:grid;min-height:126px;place-items:center;align-content:center;gap:5px;padding:12px 8px;border:3px solid #dce7f1;border-radius:20px;background:#f9fcff;color:#3e526b;text-align:center;cursor:pointer}.creative-target>span{font-size:2rem}.creative-target strong{font-size:.9rem}.creative-target small{color:#708095;font-size:.72rem;line-height:1.35}.creative-target.is-selected{border-color:#6655e8;background:#f0eeff;color:#34249e;box-shadow:inset 0 0 0 2px #fff}.creative-card-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.creative-card-group{min-width:0;margin:0;padding:18px;border:2px solid #d7e5f1;border-radius:25px;background:#fff}.creative-card-group legend{padding:0 10px;color:#355c9b;font-size:1.12rem;font-weight:900}.creative-card-group>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.creative-card{display:grid;min-height:112px;place-items:center;align-content:center;gap:7px;border:3px solid #e0e8f1;border-radius:20px;background:#f9fbfd;color:#42546b;cursor:pointer}.creative-card span{font-size:2.5rem}.creative-card strong{font-size:.88rem}.creative-card.is-selected{border-color:#557be1;background:#edf2ff;box-shadow:inset 0 0 0 2px #fff;color:#2e4ca4}.voice-idea-panel,.generation-panel,.transcript-review{margin-top:22px;padding:24px;border:2px solid #d7e5f1;border-radius:25px;background:#fff}.voice-idea-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.voice-idea-panel h2,.generation-panel h2,.transcript-review h2{margin-bottom:6px}.voice-idea-panel p,.generation-panel p{margin:0;color:#607287}.transcript-review{display:grid;grid-template-columns:auto 1fr;gap:16px;border-color:#a8ddcc;background:#edfbf6}.transcript-review--rejected{border-color:#f1b4bf;background:#fff1f4}.transcript-review--pending{border-color:#efd58c;background:#fff9df}.transcript-review>span{font-size:2.4rem}.isolated-transcript{padding:10px 13px;border-radius:13px;background:#fffc}.readback-announcer{display:flex;align-items:center;width:fit-content;max-width:100%;min-height:76px;gap:10px;margin:12px 0;padding:7px 16px 7px 8px;border:2px solid #d9d2ff;border-radius:20px;background:linear-gradient(135deg,#fff,#f3f0ff);color:#3f328c;font-weight:750}.cartoon-mic{width:72px;height:66px;flex:0 0 72px;overflow:visible;filter:drop-shadow(0 5px 4px rgba(58,45,130,.15))}.cartoon-mic__character,.cartoon-mic__face,.cartoon-mic__spark{transform-box:fill-box;transform-origin:center}.cartoon-mic__face{animation:cartoon-mic-blink 4s ease-in-out infinite}.cartoon-mic__spark{animation:cartoon-mic-spark 1.8s ease-in-out infinite}.cartoon-mic__waves{stroke:#755ee7;stroke-width:4;opacity:.18}.cartoon-mic--preparing .cartoon-mic__character{animation:cartoon-mic-hop .9s ease-in-out infinite}.cartoon-mic--playing .cartoon-mic__character{animation:cartoon-mic-sway 1.15s ease-in-out infinite}.cartoon-mic--playing .cartoon-mic__waves{stroke-dasharray:32;animation:cartoon-mic-wave 1.05s ease-out infinite}@keyframes cartoon-mic-hop{50%{transform:translateY(-5px)}}@keyframes cartoon-mic-sway{25%{transform:rotate(-4deg) translateY(-2px)}75%{transform:rotate(4deg) translateY(-2px)}}@keyframes cartoon-mic-wave{0%{opacity:0;stroke-dashoffset:32}45%{opacity:.9}to{opacity:0;stroke-dashoffset:0}}@keyframes cartoon-mic-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes cartoon-mic-spark{50%{opacity:.45;transform:scale(.65) rotate(25deg)}}.transcript-actions,.generation-panel__heading,.create-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.transcript-actions{flex-wrap:wrap;justify-content:flex-start}.candidate-grid,.safe-fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generation-kind-notice{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border:2px solid #efd58c;border-radius:18px;background:#fff9df;color:#654c00}.generation-kind-notice>span{font-size:2rem}.generation-kind-notice p{margin-top:3px;color:#715b1e}.creative-selected-preview{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.candidate-card,.safe-fallback-grid article{display:grid;gap:13px;padding:16px;border:2px solid #d8e5ef;border-radius:22px;background:#f9fcff}.candidate-card img,.safe-fallback-grid img{width:100%;aspect-ratio:16 / 10;object-fit:contain;border-radius:15px;background:#e8f7ff}.candidate-image-loading{display:grid;width:100%;aspect-ratio:16 / 10;place-items:center;border-radius:15px;background:linear-gradient(110deg,#e8f7ff 25%,#f8fcff,#e8f7ff 65%);background-size:220% 100%;font-size:2.4rem;animation:creative-image-loading 1.5s ease-in-out infinite}@keyframes creative-image-loading{to{background-position-x:-220%}}.candidate-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creative-understanding{display:flex;align-items:center;width:fit-content;gap:7px;margin-top:10px!important;padding:8px 12px;border-radius:13px;background:#fff5c9;color:#604b08!important}.creative-box-panel{margin-top:22px;margin-bottom:0;border-color:#cfc7f8;background:linear-gradient(145deg,#fff,#f7f4ff)}.creative-box-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.creative-box-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.creative-box-card{display:grid;min-width:0;gap:9px;padding:12px;border:2px solid #d9d3f7;border-radius:20px;background:#fff}.creative-box-source[draggable=true]{cursor:grab}.creative-box-source[draggable=true]:active{cursor:grabbing}.creative-box-source.is-dragging{opacity:.48;transform:scale(.98)}.creative-slot-target{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.creative-slot-target.is-selected{border-color:#6655e8;box-shadow:0 0 0 4px #6655e824}.creative-slot-target__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.creative-slot-target.is-drop-compatible{border-color:#23865d;box-shadow:0 0 0 5px #23865d24;transform:translateY(-3px)}.creative-slot-target.is-drop-incompatible{border-color:#d85b6a;background:#fff6f7}.creative-slot-tag{width:fit-content;padding:4px 9px;border-radius:999px;background:#e9e5ff;color:#4335a5;font-size:.78rem;font-weight:850}.creative-slot-tag[data-kind=BACKGROUND]{background:#def4ff;color:#176080}.creative-box-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:14px;background:#edf8ff}.creative-box-card strong{overflow:hidden;color:#3d3478;text-overflow:ellipsis;white-space:nowrap}.creative-box-card small{color:#4d7668;font-weight:750}.creative-box-empty{display:flex;min-height:120px;align-items:center;justify-content:center;gap:14px;margin-top:18px;padding:20px;border:3px dashed #cfc7f8;border-radius:20px;background:#ffffffb8}.creative-box-empty span{font-size:2.8rem}.safe-fallback-grid article{place-items:center}.create-footer{margin-top:28px;padding-top:24px;border-top:2px solid #e1eaf2}.studio-assets,.blockly-program{min-height:0;padding:14px;border:1px solid #d9e5f0;border-radius:24px;background:#fff;box-shadow:0 8px 24px #3758801a}.studio-assets{position:sticky;top:12px;display:grid;gap:10px}.studio-asset{display:grid;grid-template-columns:54px 1fr;min-height:68px;align-items:center;padding:8px;border:2px solid #dce7f1;border-radius:17px;background:#f8fbfd;text-align:left}.studio-asset span{grid-row:1 / 3;font-size:2rem;text-align:center}.studio-asset small{color:#6b7c90}.studio-asset.is-selected{border-color:#557be1;background:#edf2ff}.blockly-program{position:sticky;top:12px}.blockly-workspace,.blockly-loading{width:100%;height:min(620px,calc(100vh - 190px));min-height:460px;overflow:hidden;border-radius:18px}.blockly-loading{display:grid;place-items:center;background:#eef5fb;color:#607187;font-weight:800}.blockly-workspace .blocklyToolboxDiv{border-radius:14px 0 0 14px;background:#f3f7fc}.blockly-workspace .blocklyTreeRow{min-height:48px;margin:5px 8px;border-radius:12px}.blockly-workspace .blocklyTreeLabel{font-family:inherit;font-size:16px;font-weight:800}.blockly-workspace .blocklyFlyoutBackground{fill:#f8fbff;fill-opacity:.98}.blockly-workspace .blocklyZoom>image{opacity:.85}.submit-heading{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-bottom:26px}.submit-heading>span{font-size:4.5rem}.submit-heading h1{margin-bottom:6px;color:#294f91;font-size:clamp(2rem,4vw,3rem)}.submit-heading p{margin:0;color:#607187;line-height:1.65}.submission-checks{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:24px;padding:24px;border:2px solid #d7e5f1;border-radius:27px;background:#fff}.submission-preview{overflow:hidden;border-radius:20px;background:#e8f7ff}.submission-preview img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.submission-preview>div{display:flex;justify-content:space-between;gap:12px;padding:14px}.submission-preview small{color:#687a8e}.submission-checks ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.submission-checks li{display:flex;min-height:54px;align-items:center;gap:10px;padding:9px 13px;border-radius:15px;background:#f3f6f9;font-weight:800}.submission-checks li>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%}.submission-checks li.is-ready>span{background:#d9f6e8;color:#176845}.submission-checks li.needs-help>span{background:#ffe2e8;color:#96233d}.submission-checks li.is-waiting>span{background:#fff1bf;color:#714500}.story-prompt-card,.submission-success{display:flex;align-items:center;gap:18px;margin-top:20px;padding:22px;border-radius:24px}.story-prompt-card{border:2px solid #eadf9c;background:#fff9da}.submission-success{border:2px solid #9bd8bd;background:#e8fbf3}.story-prompt-card>span,.submission-success>span{font-size:3rem}.story-prompt-card h2,.submission-success h2{margin-bottom:5px}.story-prompt-card p,.submission-success p{margin:0;color:#586b7f}.submit-actions,.gallery-actions{display:flex;justify-content:center;gap:16px;margin-top:28px}.gallery-notice{display:flex;min-height:58px;align-items:center;gap:12px;padding:12px 17px;border-radius:18px;background:#eef7ff;color:#47617d;font-weight:800}.gallery-notice span{font-size:1.7rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-work-card{overflow:hidden;border:2px solid #d8e5ef;border-radius:25px;background:#fff;box-shadow:var(--shadow)}.gallery-work-card__preview{position:relative;display:grid;min-height:230px;place-items:center;overflow:hidden;background:#e8f7ff}.gallery-work-card__preview>span:not(.ai-badge){font-size:5rem}.gallery-work-card__preview img{width:100%;height:230px;object-fit:cover}.ai-badge{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:999px;background:#1e314be0;color:#fff;font-size:.75rem;font-weight:800}.gallery-work-card>div:last-child{padding:20px}.gallery-work-card h2{margin-bottom:6px}.gallery-work-card p{color:#607187}.empty-gallery{display:grid;min-height:330px;place-items:center;align-content:center;border:3px dashed #cadbea;border-radius:28px;text-align:center}.empty-gallery>span{font-size:5rem}.conflict-version-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.conflict-version-summary span{display:grid;gap:5px;padding:14px;border-radius:16px;background:#eef5fb}.task-skeleton{display:grid;min-height:300px;gap:18px;padding:38px;border-radius:30px;background:#fff;box-shadow:var(--shadow)}.skeleton-block,.skeleton-line{display:block;border-radius:15px;background:linear-gradient(90deg,#edf2f7,#f7f9fb,#edf2f7);background-size:200% 100%;animation:loading 1.4s linear infinite}.skeleton-block{width:42%;height:120px}.skeleton-line{width:70%;height:26px}.skeleton-line--short{width:50%}@keyframes loading{to{background-position:-200% 0}}.brief-progress{display:flex;justify-content:center;margin-bottom:28px}.mission-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:330px;overflow:hidden;border:1px solid #d7e6f4;border-radius:32px;background:#fff;box-shadow:var(--shadow)}.mission-hero__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,5vw,56px)}.mission-hero__copy h1{margin:20px 0 14px;color:#254b91;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.1}.mission-hero__copy p{color:#52647a;font-size:1.1rem;line-height:1.75}.mission-facts{display:flex;flex-wrap:wrap;gap:12px}.mission-facts span{padding:9px 13px;border-radius:13px;background:#f1f7fd;font-weight:800}.mission-preview{position:relative;min-height:330px;overflow:hidden;background:linear-gradient(#9fe0ff 0 67%,#88d67d 67% 100%)}.preview-cloud{position:absolute;width:120px;height:45px;border-radius:100%;background:#ffffffb8}.preview-cloud--one{top:45px;left:22px}.preview-cloud--two{top:95px;right:-22px}.preview-tree{position:absolute;right:12px;bottom:34px;font-size:132px}.preview-apple{position:absolute;top:64px;left:48%;font-size:56px}.preview-bunny{position:absolute;bottom:33px;left:25px;font-size:70px}.preview-basket{position:absolute;right:42%;bottom:24px;font-size:82px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.brief-card{padding:28px;border:1px solid var(--line);border-radius:26px}.brief-card:last-child{grid-column:1 / -1}.brief-card--sunny{background:#fff8da;border-color:#f1df8f}.brief-card--mint{background:#e8fbf5;border-color:#aee8d8}.brief-card--sky{background:#eaf6ff;border-color:#b9dcf6}.brief-card__icon{display:block;margin-bottom:8px;font-size:2.2rem}.brief-card h2{margin-bottom:12px;font-size:1.28rem}.brief-card p,.brief-card li{color:#4f6178;line-height:1.75}.brief-card ul{margin:0;padding-left:1.25rem}.safe-assets{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.safe-assets span{display:grid;min-width:88px;min-height:82px;place-items:center;align-content:center;border:2px solid #cfe3f3;border-radius:17px;background:#fff;font-size:2rem}.safe-assets small{display:block;color:#55687f;font-size:.78rem;font-weight:800}.brief-actions{display:flex;justify-content:center;margin-top:32px}.child-error{display:flex;min-height:60px;align-items:center;gap:12px;margin:24px 0 0;padding:14px 18px;border:2px solid #f7bbc6;border-radius:18px;background:#fff1f4;color:#943d4f;font-weight:800}.child-error>span{font-size:1.8rem}.section-heading{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-heading>div{display:flex;align-items:center;gap:10px}.section-heading h2{margin:0;font-size:1.1rem}.step-number{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#dfeaff;color:#315ec1;font-weight:900}.section-hint{color:#6d7e92;font-size:.78rem;font-weight:700}.block-palette,.block-program{min-height:0;padding:14px;border-radius:24px;background:#f7fbff}.block-palette__list{display:grid;gap:10px}.palette-block{--block-color: #5d80bd;display:grid;grid-template-columns:40px 1fr 32px;width:100%;min-height:64px;align-items:center;gap:8px;padding:8px 10px;border:0;border-left:8px solid var(--block-color);border-radius:16px;background:#fff;box-shadow:0 4px 12px #30486817;color:#33445d;text-align:left;font-weight:900;cursor:pointer}.palette-block:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 15px #30486824}.palette-block__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--block-color) 15%,#fff);font-size:1.35rem}.palette-block__add{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--block-color);color:#fff;font-size:1.2rem}.block-stack{display:grid;gap:8px;max-height:520px;margin:0;padding:3px 5px 12px;overflow:auto;list-style:none;scrollbar-color:#b5c9df transparent}.program-block{--block-color: #5d80bd;position:relative;border:2px solid color-mix(in srgb,var(--block-color) 54%,#fff);border-radius:17px;background:color-mix(in srgb,var(--block-color) 10%,#fff);box-shadow:0 3px color-mix(in srgb,var(--block-color) 34%,#fff)}.program-block--nested{margin-left:18px}.program-block--nested:before{position:absolute;top:-12px;bottom:-10px;left:-13px;width:4px;border-radius:3px;background:#f5a452;content:""}.program-block.is-running{outline:4px solid #ffd64f;outline-offset:2px}.program-block__main{display:grid;grid-template-columns:38px minmax(0,1fr);min-height:76px;align-items:center;gap:8px;padding:10px}.program-block__icon{font-size:1.25rem;text-align:center}.program-block__label{display:flex;min-width:0;flex-direction:column;gap:6px}.program-block__label strong{font-size:.91rem}.fixed-parameter{overflow:hidden;color:#607187;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.program-block__tools{display:grid;grid-column:2;grid-template-columns:repeat(3,56px);gap:7px}.icon-button{display:grid;width:56px;min-width:56px;height:56px;padding:0;place-items:center;border:1px solid #d1dfec;border-radius:14px;background:#fff;color:#53657c;font-size:1.15rem;font-weight:900;cursor:pointer}.icon-button--remove{color:#c74b62}.number-stepper{display:inline-grid;grid-template-columns:56px minmax(78px,auto) 56px;width:max-content;overflow:hidden;border:1px solid color-mix(in srgb,var(--block-color) 35%,#d6e0ea);border-radius:14px;background:#fff}.number-stepper button{min-width:56px;min-height:56px;border:0;background:#edf4fb;color:#37516e;font-size:1.2rem;font-weight:900;cursor:pointer}.number-stepper output{display:grid;min-height:56px;padding:0 7px;place-items:center;color:#33465d;font-size:.8rem;font-weight:900}.empty-program{display:grid;min-height:180px;place-items:center;align-content:center;border:3px dashed #c6d8e9;border-radius:20px;color:#708195;text-align:center}.empty-program span{font-size:3rem}.studio-page{width:min(1560px,calc(100% - 24px));margin:0 auto;padding:16px 0 max(28px,env(safe-area-inset-bottom))}.offline-banner{display:flex;min-height:58px;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;padding:10px 18px;border:2px solid #efcb67;border-radius:18px;background:#fff8d8;color:#684f0a}.offline-banner>span:first-child{font-size:1.5rem}.studio-toolbar{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:10px 16px;border:1px solid #dbe7f2;border-radius:23px;background:#fff;box-shadow:0 7px 22px #37588017}.studio-toolbar>div:first-child{display:flex;align-items:center;gap:13px}.studio-toolbar .eyebrow{margin-bottom:2px;font-size:.72rem}.studio-toolbar h1{margin:0;color:#2e466c;font-size:clamp(1.15rem,2.1vw,1.55rem)}.back-button{display:grid;width:56px;min-width:56px;height:56px;padding:0;place-items:center;border:0;border-radius:18px;background:#edf4fb;color:#355475;font-size:1.5rem;font-weight:900;cursor:pointer}.save-indicators{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.studio-grid{display:grid;grid-template-columns:minmax(235px,270px) minmax(520px,1fr) minmax(330px,390px);align-items:start;gap:14px}.studio-grid>.block-palette,.studio-grid>.block-program,.stage-panel{border:1px solid #d9e5f0;background:#fff;box-shadow:0 8px 24px #3758801a}.studio-grid>.block-palette,.studio-grid>.block-program{position:sticky;top:12px;max-height:calc(100vh - 116px);overflow:auto}.stage-panel{min-width:0;padding:14px;border-radius:24px}.stage-panel__heading{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.stage-panel__heading>div:first-child{display:flex;align-items:center;gap:10px}.stage-panel__heading h2{margin:0 0 4px;font-size:1.1rem}.stage-panel__heading strong{color:#e34e68;font-size:1.2rem}.stage-panel__heading span:not(.step-number){color:#697a8f;font-size:.8rem}.stage-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.approved-assets{display:flex;min-height:44px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;overflow-x:auto;border-radius:14px;background:#edf8f4;color:#3e6558;font-size:.76rem;font-weight:800;white-space:nowrap}.approved-assets span{padding:5px 8px;border-radius:9px;background:#ffffffb8}.stage-frame{position:relative}.studio-stage .canvas-game-stage__run-actions{display:none}.studio-stage .canvas-game-stage__controls{justify-content:center}.studio-stage .canvas-game-stage__directions{width:min(100%,440px)}.studio-stage .canvas-game-stage__direction-button{flex:1;min-height:64px;font-size:1.05rem}.studio-stage canvas{display:block;max-width:100%}.phaser-touch-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.phaser-touch-controls button{min-height:64px;border:3px solid #4a70ca;border-radius:20px;background:#edf3ff;color:#2d4e9a;font-size:1.08rem;font-weight:900;touch-action:manipulation;cursor:pointer}.phaser-touch-controls button:active:not(:disabled){background:#dce8ff;transform:translateY(2px)}.success-popover{position:absolute;top:50%;left:50%;z-index:5;display:grid;width:min(84%,390px);place-items:center;padding:24px;border:4px solid #fff;border-radius:28px;background:linear-gradient(145deg,#fff9cf,#e7fff1);box-shadow:0 20px 70px #18364b52;transform:translate(-50%,-55%);text-align:center}.success-popover>span{font-size:4rem}.success-popover strong{margin:4px 0;color:#24724d;font-size:1.65rem}.success-popover small{margin-bottom:15px;color:#536e62}.success-popover button{min-height:56px;padding:10px 22px;border:0;border-radius:18px;background:#318b62;color:#fff;font-weight:900;cursor:pointer}.program-feedback{display:flex;min-height:78px;align-items:flex-start;gap:12px;margin-top:12px;padding:13px 15px;border:2px solid #f0d281;border-radius:18px;background:#fff9df}.program-feedback.is-ready{border-color:#a8ddcc;background:#edfbf6}.program-feedback>span{font-size:1.6rem}.program-feedback strong{display:block;margin-bottom:3px}.program-feedback p{margin:0;color:#5d6f84;font-size:.85rem;line-height:1.45}.program-feedback ul{margin:4px 0 0;padding-left:1.1rem;color:#735a18;font-size:.8rem;line-height:1.55}.studio-footer{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:13px 18px;border:1px solid #d9e5f0;border-radius:23px;background:#fff;box-shadow:0 8px 24px #3758801a}.studio-footer>div{display:flex;align-items:center;gap:15px;color:#64758a;font-size:.88rem}.reset-link{min-height:56px;padding:8px 14px;border:0;border-radius:15px;background:#f3f6f9;color:#8e4755;font-weight:800;cursor:pointer}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;padding:20px;place-items:center;background:#16263d94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog{width:min(100%,510px);padding:34px;border-radius:30px;background:#fff;box-shadow:0 24px 90px #0b1e3661;text-align:center}.confirm-dialog__icon{display:block;font-size:4.5rem}.confirm-dialog h2{margin:8px 0 10px;font-size:1.7rem}.confirm-dialog p{color:#5e7086;line-height:1.7}.confirm-dialog>div{display:flex;justify-content:center;gap:12px;margin-top:22px}@media(max-width:1220px){.studio-grid{grid-template-columns:minmax(220px,260px) minmax(480px,1fr)}.studio-grid>.block-program{position:static;grid-column:1 / -1;max-height:none}.block-stack{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.blockly-program{position:static;grid-column:1 / -1}.blockly-workspace,.blockly-loading{height:560px}}@media(max-width:820px){.studio-page{width:min(100% - 16px,760px)}.studio-toolbar,.studio-footer{align-items:stretch;flex-direction:column}.save-indicators{justify-content:flex-start}.studio-grid{grid-template-columns:1fr}.studio-grid>.block-palette,.studio-grid>.block-program{position:static;grid-column:auto;max-height:none}.block-palette__list{grid-template-columns:repeat(2,minmax(0,1fr))}.block-stack{grid-template-columns:1fr}.studio-footer>div{justify-content:space-between}.studio-assets,.blockly-program{position:static}.creative-heading,.gallery-heading,.offline-ready-card,.voice-idea-panel,.generation-panel__heading{align-items:stretch;flex-direction:column}.creative-card-groups,.gallery-grid,.submission-checks{grid-template-columns:1fr}.creative-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-box-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-box-panel__heading{align-items:stretch;flex-direction:column}.learner-choice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.offline-banner{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.studio-toolbar{padding:9px}.save-indicators{display:grid;grid-template-columns:1fr 1fr}.stage-panel__heading{align-items:stretch;flex-direction:column}.stage-actions{justify-content:stretch}.stage-actions>*{flex:1}.block-palette__list{grid-template-columns:1fr}.program-block--nested{margin-left:10px}.program-block__tools{grid-template-columns:repeat(3,56px)}.icon-button{width:56px;min-width:56px;height:56px}.number-stepper{grid-template-columns:56px minmax(66px,auto) 56px}.studio-footer>div,.confirm-dialog>div{align-items:stretch;flex-direction:column}.creative-card-group>div,.shape-keypad,.candidate-grid,.safe-fallback-grid{grid-template-columns:repeat(2,1fr)}.creative-target-grid,.creative-box-grid,.candidate-card__actions{grid-template-columns:1fr}.password-actions,.create-footer,.submit-actions,.transcript-actions{align-items:stretch;flex-direction:column}.blockly-workspace,.blockly-loading{min-height:520px}.conflict-version-summary{grid-template-columns:1fr}}.app-shell--studio{min-height:100dvh;background:#f8f4e9}.app-shell--studio #main-content{min-height:100dvh}.scratch-studio{--arcade-shell: #ed8b28;--arcade-shell-dark: #aa5814;--arcade-panel: #fff1c5;--arcade-ink: #4c3d2c;--arcade-screen-bezel: #3f352c;--arcade-action-a: #48a25f;--arcade-action-b: #e85d61;width:100%;min-height:100dvh;margin:0;padding:0 18px max(20px,env(safe-area-inset-bottom));overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.92),transparent 30%),radial-gradient(circle at 82% 24%,rgba(250,235,187,.2),transparent 27%),repeating-linear-gradient(0deg,rgba(119,95,55,.018) 0 1px,transparent 1px 5px),#fbf8ef}.scratch-studio>.offline-banner{position:fixed;z-index:80;top:82px;left:50%;width:min(680px,calc(100% - 32px));margin:0;box-shadow:0 10px 30px #533d142e;transform:translate(-50%)}.scratch-studio.unsupported-level{display:grid;min-height:100dvh;place-items:center}.scratch-studio.unsupported-level .confirm-dialog{width:min(560px,calc(100% - 32px))}.scratch-toolbar{position:relative;z-index:20;display:grid;min-height:78px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(12px,2.5vw,38px);margin:0 -18px;padding:8px clamp(18px,3vw,48px);border-bottom:2px solid rgba(205,184,143,.58);background:#fffdf6f0;box-shadow:0 4px 14px #644e2814;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scratch-toolbar__project{display:flex;min-width:0;align-items:center;gap:12px}.scratch-project-name{min-width:190px;max-width:380px;padding:7px 16px 8px;overflow:hidden;border:2px solid #e7d8ba;border-radius:16px;background:#ffffffc2;box-shadow:inset 0 1px #fff}.scratch-project-name>span{display:block;overflow:hidden;color:#907554;font-size:.67rem;font-weight:850;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.scratch-project-name h1{margin:1px 0 0;overflow:hidden;color:#4c3d2c;font-size:clamp(.92rem,1.5vw,1.14rem);text-overflow:ellipsis;white-space:nowrap}.scratch-save-status{display:flex;min-width:0;flex-wrap:wrap;gap:5px}.scratch-status{display:inline-flex;min-height:25px;align-items:center;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:900;white-space:nowrap}.scratch-status--neutral{background:#eeeae1;color:#6d675d}.scratch-status--info{background:#e1f2fb;color:#376880}.scratch-status--success{background:#dff4df;color:#367044}.scratch-status--warning{background:#fff0be;color:#7c5c0c}.scratch-status--danger{background:#fee1de;color:#9d4139}.scratch-toolbar__run{display:flex;align-items:flex-start;gap:12px}.scratch-run-primary{display:grid;justify-items:center;gap:5px}.scratch-control,.scratch-finish{border:3px solid rgba(92,64,34,.16);font-weight:950;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.scratch-control{display:grid;width:56px;min-width:56px;height:54px;padding:0;place-items:center;border-radius:18px 20px 17px 19px;color:#fff;font-size:1.72rem;line-height:1}.scratch-control--home{border-color:#bc6617;background:#ed8b28;box-shadow:0 5px #aa5814}.scratch-control--run{display:inline-flex;width:auto;min-width:142px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-color:#287344;background:#48a25f;box-shadow:0 5px #21653a}.scratch-control__label{font-size:.86rem;line-height:1.1;white-space:nowrap}.scratch-run-hint{max-width:190px;color:#785d32;font-size:.68rem;font-weight:800;line-height:1.25;text-align:center}.phaser-stage-retry{min-height:44px;padding:8px 18px;border:3px solid #3d319e;border-radius:15px;background:#6655e8;box-shadow:0 4px #352786;color:#fff;font:inherit;font-size:.88rem;font-weight:900;cursor:pointer}.phaser-stage-retry:active{transform:translateY(3px);box-shadow:0 1px #352786}.scratch-control--stop{border-color:#9c3437;background:#e85d61;box-shadow:0 5px #8e2f31}.scratch-control--restart{border-color:#bd6a1d;background:#f0a03b;box-shadow:0 5px #a95816}.scratch-control:active:not(:disabled),.scratch-finish:active:not(:disabled),.scratch-rail-add:active:not(:disabled),.scratch-program__tools button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #5e39146b}.scratch-control:disabled{filter:grayscale(.28);opacity:.42}.scratch-finish{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:8px 22px;border-color:#257347;border-radius:20px;background:#45a368;box-shadow:0 5px #23643f;color:#fff;font-size:1.04rem}.scratch-finish span{font-size:1.45rem}.scratch-studio__workspace{display:grid;grid-template-columns:minmax(118px,148px) minmax(560px,860px) minmax(118px,148px);align-items:start;justify-content:space-between;gap:12px clamp(10px,2vw,24px);padding-top:14px}.scratch-rail{display:flex;min-width:0;flex-direction:column;gap:9px;padding:0;border:0;background:transparent}.scratch-rail h2{margin:0 0 1px;color:#5d4932;font-size:.9rem;text-align:center}.scratch-rail__items{display:grid;gap:8px}.scratch-rail-card{position:relative;display:grid;min-width:0;gap:4px;padding:7px;border:2px solid #ded5c4;border-radius:12px 14px 11px 13px;background:#ffffffb8;box-shadow:0 3px #ab92693b;color:#554736;cursor:pointer}.scratch-rail-card:hover{border-color:#efb16d;background:#fffdf7}.scratch-rail-card.is-selected{border:4px solid #ed8129;padding:5px;background:#fffaf0;box-shadow:0 4px #c86419}.scratch-rail-card__preview{display:grid;width:100%;aspect-ratio:1;overflow:hidden;place-items:center;border-radius:9px;background:#f7f4ec;font-size:2.7rem}.scratch-rail--backdrop .scratch-rail-card__preview{aspect-ratio:16 / 10}.scratch-rail-card__preview img{display:block;width:100%;height:100%;object-fit:contain}.scratch-rail--backdrop .scratch-rail-card__preview img{object-fit:cover}.scratch-rail-card strong{overflow:hidden;font-size:.75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.scratch-rail-card small{overflow:hidden;color:#817561;font-size:.61rem;font-weight:750;text-align:center;text-overflow:ellipsis;white-space:nowrap}.scratch-rail-card__selected,.scratch-rail-card__locked{position:absolute;display:grid;width:23px;height:23px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;font-size:.67rem}.scratch-rail-card__selected{top:-9px;right:-8px;background:#48a25f}.scratch-rail-card__locked{right:-7px;bottom:-7px;background:#8d8273;font-size:.58rem}.scratch-rail-add{display:grid;min-height:78px;place-items:center;padding:8px 5px;border:2px solid #d8cfbf;border-radius:12px;background:#ffffffad;box-shadow:0 3px #ab926938;color:#4c4a45;cursor:pointer}.scratch-rail-add>span{position:relative;display:grid;width:48px;height:48px;place-items:center;border:3px solid #285f89;border-radius:50%;background:#4c8db8;box-shadow:0 3px #285a7b;color:#fff}.scratch-rail-add b{font-size:2rem;line-height:1}.scratch-rail-add i{position:absolute;top:-7px;right:-8px;color:#f2ad28;font-size:1rem;font-style:normal}.scratch-rail-add strong{font-size:.72rem}.scratch-stage-panel{min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.scratch-stage-panel__meta{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 6px}.scratch-stage-panel__meta>div{display:flex;align-items:baseline;gap:10px}.scratch-stage-panel__meta h2{margin:0;color:#5d4932;font-size:.94rem}.scratch-stage-panel__meta>div>span{padding:3px 8px;border-radius:999px;background:#ece7dd;color:#716958;font-size:.65rem;font-weight:850}.scratch-stage-panel__meta>div>span.is-running{background:#dff4df;color:#2e7040}.scratch-score{display:inline-flex;align-items:center;gap:5px;color:#b15b18;font-size:.82rem}.scratch-stage-badges{min-height:30px;margin:0 0 6px;padding:3px 6px;background:transparent}.scratch-stage-badges span{border:1px solid #d7ead9;background:#effbf1e6}.scratch-stage-frame{padding:4px;border:4px solid #e9852a;border-radius:20px 22px 18px 21px;background:#fff;box-shadow:0 5px #bf651d,0 12px 28px #654b251f}.scratch-stage-frame .studio-stage{border-radius:13px!important}.scratch-stage-frame .blockly-loading{min-height:280px;aspect-ratio:16 / 9}.scratch-stage-panel .phaser-touch-controls{width:min(100%,520px);gap:9px;margin:10px auto 0}.scratch-stage-panel .phaser-touch-controls button{min-height:48px;border:3px solid #4c83b3;border-radius:16px;background:#eef8ff;box-shadow:0 4px #2c628d;color:#315f85;font-size:.9rem}.scratch-stage-panel .phaser-touch-controls button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2c628d}.scratch-stage-panel .program-feedback{min-height:58px;margin-top:9px;padding:9px 12px;border-width:2px;border-radius:15px}.scratch-stage-panel .program-feedback>span{font-size:1.25rem}.scratch-stage-panel .program-feedback strong{font-size:.78rem}.scratch-stage-panel .program-feedback p,.scratch-stage-panel .program-feedback ul{font-size:.71rem}.arcade-stage-shell{position:relative;padding:clamp(10px,1.5vw,18px);border:4px solid var(--arcade-shell-dark);border-radius:28px 31px 25px 29px;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.34),transparent 24%),repeating-linear-gradient(0deg,rgba(112,61,15,.025) 0 1px,transparent 1px 5px),var(--arcade-shell);box-shadow:0 8px 0 var(--arcade-shell-dark),0 18px 34px #5f371233,inset 0 2px #ffffff75;color:var(--arcade-ink)}.arcade-stage-shell:before,.arcade-stage-shell:after{position:absolute;top:13px;width:8px;height:8px;border:2px solid rgba(76,61,44,.42);border-radius:50%;background:#f9c871;content:""}.arcade-stage-shell:before{left:14px}.arcade-stage-shell:after{right:14px}.arcade-stage-shell__header{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:12px;padding:2px clamp(12px,2vw,24px) 10px}.arcade-stage-shell__title{margin:0;color:#fffaf0;font-size:clamp(.9rem,1.5vw,1.08rem);letter-spacing:.04em;text-shadow:0 2px 0 rgba(92,50,12,.42)}.arcade-stage-shell__hud{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px}.arcade-stage-shell__status,.arcade-stage-shell__score,.arcade-stage-shell__metric{display:inline-flex;min-height:27px;align-items:center;padding:4px 9px;border:2px solid rgba(92,57,22,.28);border-radius:999px;background:var(--arcade-panel);color:#73501f;font-size:.67rem;font-weight:900}.arcade-stage-shell__score{color:#a24d18}.arcade-stage-shell__metric{color:#315d82}.arcade-stage-shell__screen-bezel{padding:clamp(7px,1.25vw,13px);border:4px solid #2b241e;border-radius:22px 25px 20px 23px;background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 30%),var(--arcade-screen-bezel);box-shadow:inset 0 5px 12px #00000057,0 3px #ffdfa48a}.arcade-stage-shell__screen-frame,.arcade-stage-shell__screen{width:100%;min-width:0;overflow:hidden;border-radius:13px 15px 12px 14px;background:#18252e}.arcade-stage-shell__screen{position:relative;height:100%}.arcade-stage-shell__screen>.studio-stage,.arcade-stage-shell__screen>.blockly-loading{width:100%;height:100%;min-height:0;border:0;border-radius:0!important}.arcade-stage-shell__controls{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(8px,3vw,30px) 2px}.arcade-stage-shell__d-pad{display:grid;width:116px;min-width:116px;height:82px;grid-template:repeat(3,1fr) / repeat(3,1fr);place-items:center}.arcade-stage-shell__actions{display:flex;align-items:center;gap:14px;transform:rotate(-8deg)}.arcade-stage-shell__action-key{display:grid;place-items:center;gap:5px}.arcade-stage-shell__action-meaning{max-width:72px;color:#5d3c1b;font-size:.68rem;font-weight:950;line-height:1.1;text-align:center;transform:rotate(8deg)}.arcade-stage-shell__control{display:grid;min-width:48px;min-height:48px;place-items:center;padding:0;border:3px solid rgba(46,38,30,.76);color:#fff;font:inherit;font-size:1.12rem;font-weight:950;line-height:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.arcade-stage-shell__control--direction{width:48px;border-radius:12px;background:#51483f;box-shadow:0 4px #29231e}.arcade-stage-shell__control--up{grid-area:1 / 2}.arcade-stage-shell__control--left{grid-area:2 / 1}.arcade-stage-shell__control--right{grid-area:2 / 3}.arcade-stage-shell__control--down{grid-area:3 / 2}.arcade-stage-shell__control--action{width:54px;height:54px;border-radius:50%;box-shadow:0 5px #40281b9e}.arcade-stage-shell__control--a{background:var(--arcade-action-a)}.arcade-stage-shell__control--b{background:var(--arcade-action-b)}.arcade-stage-shell__control.is-pressed,.arcade-stage-shell__control:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #29231ec7}.arcade-stage-shell__control:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.48}.arcade-stage-shell__control:focus-visible{outline:4px solid #fff6b1;outline-offset:3px}.scratch-program{position:relative;top:auto;grid-column:1 / -1;min-width:0;padding:0;overflow:hidden;border:2px solid #e5dbc7;border-radius:18px 20px 17px 19px;background:#ffffffc7;box-shadow:0 8px 22px #684e2717}.scratch-program__heading{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:16px;padding:7px 12px;border-bottom:2px solid #e6dcc8;background:#fffdf7eb}.scratch-program__identity{display:flex;min-width:0;align-items:center;gap:10px}.scratch-program__actor{display:grid;width:48px;min-width:48px;height:48px;overflow:hidden;place-items:center;border:2px solid #e1d6c2;border-radius:13px;background:#f8f5ee;font-size:1.8rem}.scratch-program__actor img{width:100%;height:100%;object-fit:contain}.scratch-program__identity h2{margin:0 0 2px;color:#554431;font-size:1rem}.scratch-program__identity p{margin:0;overflow:hidden;color:#857761;font-size:.68rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.scratch-program__tools{display:flex;align-items:center;gap:7px}.scratch-edit-count{color:#887963;font-size:.67rem;font-weight:800}.scratch-program__tools button{display:grid;min-width:42px;min-height:40px;place-items:center;padding:5px 10px;border:2px solid #d9cdb8;border-radius:12px;background:#fffaf0;box-shadow:0 3px #c9b798;color:#8b5b21;font-size:1.1rem;font-weight:900;cursor:pointer}.scratch-program__tools .scratch-program__clear{color:#945044;font-size:.7rem}.scratch-program__canvas{position:relative;height:clamp(360px,44vh,610px);min-height:360px}.scratch-program .blockly-workspace,.scratch-program .blockly-loading{width:100%;height:100%;min-height:360px;border-radius:0}.scratch-program .blockly-workspace .blocklySvg{background:#fffefa}.scratch-program .blockly-workspace .blocklyMainBackground{fill:#fffefa!important;stroke:none}.scratch-program .blockly-workspace .blocklyToolboxDiv,.scratch-program .blockly-workspace .blocklyToolbox{min-height:56px;padding:5px 8px 7px;overflow-x:auto;overflow-y:hidden;border-bottom:2px solid #e8c84e;border-radius:0;background:#ffe66c;box-shadow:inset 0 -2px #b38a1226}.scratch-program .blockly-workspace .blocklyToolboxContents,.scratch-program .blockly-workspace .blocklyToolboxCategoryGroup{display:flex!important;min-width:max-content;align-items:center;gap:5px}.scratch-program .blockly-workspace .blocklyTreeRow,.scratch-program .blockly-workspace .blocklyToolboxCategory{display:flex!important;min-height:43px;align-items:center;margin:0 3px;padding:3px 12px!important;border:2px solid rgba(94,74,34,.16);border-radius:12px;background:#fff6}.scratch-program .blockly-workspace .blocklyTreeRow.blocklyTreeSelected,.scratch-program .blockly-workspace .blocklyToolboxCategoryContainer[aria-selected=true] .blocklyToolboxCategory{border-color:#583a0d6b;box-shadow:0 3px #6c4f1d45}.scratch-program .blockly-workspace .blocklyTreeLabel,.scratch-program .blockly-workspace .blocklyToolboxCategoryLabel{color:#4c402d;font-family:inherit;font-size:14px;font-weight:900}.scratch-program .blockly-workspace .blocklyFlyoutBackground{fill:#fff9db;fill-opacity:.98}.scratch-program .blockly-workspace .blocklyScrollbarHandle{fill:#c7ad6e}.scratch-program__locked{position:absolute;z-index:8;inset:0;display:grid;place-items:center;align-content:center;padding:28px;background:#fffcf3f0;color:#5d4c37;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scratch-program__locked>span{font-size:3.4rem}.scratch-program__locked strong{margin-top:8px;font-size:1.15rem}.scratch-program__locked p{margin:7px 0 16px;color:#80725e}.scratch-program__locked button{min-height:48px;padding:8px 18px;border:3px solid #bd651b;border-radius:15px;background:#ed8b28;box-shadow:0 4px #9e4f11;color:#fff;font-weight:900;cursor:pointer}@media(max-width:1080px){.scratch-studio{padding-inline:10px}.scratch-toolbar{margin-inline:-10px;padding-inline:12px}.scratch-save-status{display:none}.scratch-studio__workspace{grid-template-columns:108px minmax(500px,1fr) 108px;gap:10px}.scratch-program__canvas{height:440px}}@media(max-width:820px){.scratch-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.scratch-project-name{min-width:0;padding-inline:10px}.scratch-project-name>span{display:none}.scratch-control{width:48px;min-width:48px;height:48px;border-radius:15px;font-size:1.45rem}.scratch-finish{min-height:48px;padding-inline:14px}.scratch-studio__workspace{grid-template-columns:92px minmax(0,1fr) 92px;gap:8px}.scratch-rail-card{padding:5px}.scratch-rail-card.is-selected{padding:3px}.scratch-rail-card small,.scratch-rail-add strong{display:none}.scratch-rail-add{min-height:62px}.scratch-rail-add>span{width:42px;height:42px}.scratch-program__heading{padding-inline:8px}.arcade-stage-shell{padding:9px}.arcade-stage-shell__header{align-items:flex-start;flex-direction:column;gap:5px}.arcade-stage-shell__controls{min-height:74px;padding-inline:4px}.arcade-stage-shell__d-pad{width:106px;min-width:106px}.scratch-edit-count{display:none}.scratch-program__tools .scratch-program__clear{display:grid;min-width:42px;padding-inline:4px;font-size:0}.scratch-program__tools .scratch-program__clear:after{content:"清空";font-size:.65rem}}@media(max-width:680px){.scratch-studio{overflow-x:visible}.scratch-toolbar{position:sticky;top:0;grid-template-columns:1fr auto}.scratch-toolbar__run{grid-row:2;grid-column:1 / -1;justify-content:center}.scratch-studio__workspace{grid-template-columns:1fr}.scratch-rail{grid-column:1}.scratch-rail h2{text-align:left}.scratch-rail__items{grid-template-columns:repeat(auto-fit,minmax(84px,104px))}.scratch-rail-add{width:104px}.scratch-stage-panel,.scratch-program{grid-column:1}.scratch-program__heading{align-items:stretch;flex-direction:column}.scratch-program__tools{justify-content:flex-end}.arcade-stage-shell{border-width:3px;border-radius:22px}.arcade-stage-shell__screen-bezel{padding:6px;border-width:3px}.arcade-stage-shell__status{display:none}}@media(prefers-reduced-motion:reduce){.scratch-control,.scratch-finish,.arcade-stage-shell__control{transition:none}}.not-found{display:grid;min-height:65vh;place-items:center;align-content:center;text-align:center}.not-found>span{font-size:6rem}.not-found h1{margin:20px 0 8px;font-size:clamp(2rem,5vw,3rem)}.not-found p{margin-bottom:26px;color:var(--muted)}@media(max-width:780px){.topbar{min-height:68px;padding-inline:14px}.teacher-help{display:none}.ai-friend-link{padding-inline:9px;font-size:0}.ai-friend-link span{font-size:1.35rem}.learner-badge{padding-inline:10px;font-size:.85rem}.brand{font-size:1.05rem}.brand__mark{width:42px;height:42px;font-size:24px}.welcome-panel{min-height:180px;padding:25px}.welcome-mascot{font-size:5rem}.task-card,.mission-hero{grid-template-columns:1fr}.task-card__art{min-height:220px}.task-card__apple{font-size:58px}.task-card__basket{font-size:86px}.journey-strip ol,.brief-grid{grid-template-columns:1fr}.brief-card:last-child{grid-column:auto}.home-section-heading{align-items:flex-start;flex-direction:column}.chat-hero{grid-template-columns:auto 1fr}.chat-hero>:last-child{grid-column:1 / -1;justify-self:start}.chat-message{width:92%}}@media(max-width:480px){.page-wrap,.page-wrap--narrow{width:min(100% - 20px,1180px);padding-top:18px}.welcome-panel{align-items:flex-start}.welcome-mascot{font-size:3.8rem}.journey-strip{padding:16px}.ai-friend-home-card{grid-template-columns:auto 1fr;padding:18px}.ai-friend-home-card b{display:none}.chat-hero{grid-template-columns:1fr;text-align:center}.chat-hero__mascot,.chat-hero>:last-child{justify-self:center}.chat-window__top{align-items:flex-start}.chat-window__top small{display:block}.chat-message{width:100%}.chat-composer>div{grid-template-columns:1fr}.mission-hero__copy{padding:24px}.mission-preview{min-height:270px}}