.studio{--s-bg:#f6f7f2;--s-panel:#fff;--s-ink:#223e35;--s-muted:#65786f;--s-line:#e0e7dc;--s-green:#27664e;--s-on-green:#fff;--s-soft:#eaf0e3;--s-lime:#dbf5a2;--s-purple:#eee8f8;--s-orange:#fae9d6;--color-color8:var(--s-ink);--color-color9:var(--s-bg);--color-color10:var(--s-line);--color-color7:var(--s-green);--color-color3:var(--s-muted);--color-color4:var(--s-green);--color-surface:var(--s-panel);min-height:100dvh;color:var(--s-ink);background:var(--s-bg);font:15px/1.55 var(--font-roboto), sans-serif;-webkit-font-smoothing:antialiased}.dark .studio{--s-bg:#17241f;--s-panel:#203029;--s-ink:#edf2e7;--s-muted:#aabeb1;--s-line:#354b40;--s-green:#abd895;--s-on-green:#203b2c;--s-soft:#2b4134;--s-purple:#3b344b;--s-orange:#49392c}.studio *,.studio :before,.studio :after{box-sizing:border-box}.studio h1,.studio h2,.studio h3,.studio p{margin:0}.studio h1,.studio h2,.studio h3,.studio .font-roboto_slab{font-family:var(--font-roboto), sans-serif}.studio a,.studio button,.studio input{-webkit-tap-highlight-color:transparent}.studio button,.studio a{touch-action:manipulation}.studio button{cursor:pointer}.studio button:disabled{opacity:.5;cursor:not-allowed}.studio :where(a,button,input,select,summary):focus-visible{outline-offset:4px;outline:3px solid #76ab42}.studio :where(a,button){transition:background .16s,color .16s,border-color .16s,box-shadow .16s}.studio svg{flex-shrink:0}.studio .skip-link{background:var(--s-lime);color:#233c30;z-index:100;border-radius:10px;padding:12px 20px;position:fixed;top:-80px;left:260px}.studio .skip-link:focus{top:10px}.studio-sidebar{color:#e9f1e1;z-index:40;background:#173d32;flex-direction:column;width:236px;padding:32px 20px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.studio-brand{font-family:var(--font-geist-sans), sans-serif;letter-spacing:-1.5px;align-items:center;gap:10px;margin:0 9px 34px;font-size:32px;font-weight:800;line-height:1;display:flex}.brand-mark{color:#254e36;background:#d9f39c;border-radius:13px 13px 13px 3px;place-items:center;width:44px;height:47px;display:grid}.brand-js{color:#d9f39c}.studio-brand small{font-family:var(--font-roboto), sans-serif;letter-spacing:1.4px;color:#bed2bd;margin-top:8px;font-size:7px;font-weight:500;display:block}.sidebar-create .button{color:#203f2d;background:#dcf5a5;border-color:#dcf5a5;width:100%;padding:12px;box-shadow:0 3px #091c1626}.sidebar-create .button:hover{background:#eaffbe}.nav-caption{letter-spacing:1.5px;color:#9db8a4;margin:31px 13px 12px;font-size:9px;font-weight:600}.studio-nav{gap:6px;display:grid}.studio-nav a{color:#c7d9cb;border-radius:10px;align-items:center;gap:12px;min-height:47px;padding:12px 13px;font-size:14px;font-weight:500;display:flex}.studio-nav a:hover{color:#fff;background:#ffffff0c}.studio-nav a.active{color:#e7f7ce;background:#315a46}.nav-dot{background:#d2ef99;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-help{background:linear-gradient(135deg,#294d3d,#1a4033);border:1px solid #52745c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.sidebar-help>svg{color:#d4efa0}.sidebar-help strong{font-size:16px;font-weight:500;line-height:1.45}.sidebar-help span{color:#c9dfa8;align-items:center;gap:6px;font-size:11px;display:flex}.sidebar-profile{border-top:1px solid #3c5b48;align-items:center;gap:10px;margin-top:26px;padding-top:22px;display:flex}.sidebar-profile>span:nth-child(2){flex:1;min-width:0}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.sidebar-profile small{color:#a2bca9;margin-top:3px;font-size:10px;display:block}.sidebar-profile>a{color:#a9c5ad;place-items:center;width:32px;height:40px;display:grid}.avatar{color:#5c6950;background:#efe3cb;border-radius:13px;flex-shrink:0;place-items:center;width:39px;height:39px;font-size:17px;font-weight:700;display:inline-grid}.avatar-small{border-radius:10px;width:32px;height:32px;font-size:13px}.support-link{color:#a2bca9;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.studio-body{flex-direction:column;min-height:100dvh;margin-left:236px;display:flex}.studio-topbar{border-bottom:1px solid var(--s-line);background:var(--s-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 38px;display:flex}.topbar-location,.topbar-actions{align-items:center;gap:17px;font-size:12px;display:flex}.topbar-location{color:var(--s-muted)}.topbar-location strong{color:var(--s-ink);font-weight:500}.breadcrumb-slash{color:#a8b5a8}.creative-note{color:var(--s-muted);align-items:center;gap:7px;margin-right:8px;font-size:11px;display:flex}.creative-note>span{background:#80a65f;border-radius:50%;width:5px;height:5px}.studio .icon-button{width:40px;height:40px;color:var(--s-muted);border:1px solid var(--s-line);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.studio .icon-button:hover{color:var(--s-ink);background:var(--s-soft)}.studio .open-nav,.studio .close-nav{display:none}.studio-content{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:36px 38px 20px}.studio-footer{color:var(--s-muted);border-top:1px solid var(--s-line);justify-content:space-between;gap:20px;margin-top:30px;padding:24px 38px;font-size:10px;display:flex}.studio-footer>div{gap:22px;display:flex}.studio-footer a{align-items:center;gap:4px;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--s-muted);text-transform:uppercase;font-size:10px;font-weight:700}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.studio .page-heading h1{letter-spacing:-1.3px;margin-top:9px;font-size:clamp(26px,2.7vw,38px);font-weight:650;line-height:1.2}.studio .page-heading p{color:var(--s-muted);margin-top:11px;font-size:14px}.studio .button{border:1px solid var(--s-green);background:var(--s-green);min-height:44px;color:var(--s-panel);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:600;display:inline-flex}.studio .button:hover{filter:brightness(1.08);box-shadow:0 3px 10px #1e3d3014}.studio .button-secondary{background:var(--s-panel);color:var(--s-ink);border-color:var(--s-line)}.studio .button-danger{color:#fff;background:#b6413b;border-color:#b6413b}.studio .text-link{color:var(--s-green);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.studio .text-link:hover{text-underline-offset:4px;text-decoration:underline}.hero-world{background:#e9f0db;border:1px solid #d9e5c5;border-radius:20px;grid-template-columns:1.1fr 1fr;min-height:304px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:32px 0 32px 34px;position:relative}.hero-tag{color:#47714b;background:#f8fbea;border:1px solid #d8e4c4;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:9px;font-weight:600;display:inline-flex}.studio .hero-copy h2{letter-spacing:-1.6px;color:#294c37;margin-top:18px;font-size:clamp(29px,3.25vw,46px);font-weight:650;line-height:1.12}.studio .hero-copy h2 em{color:#6b873d;font-style:normal}.studio .hero-copy p{color:#60705b;max-width:300px;margin:15px 0 20px;font-size:13px}.hero-copy .button{color:#fff;background:#285e45;border-color:#285e45}.hero-copy .hero-actions{align-items:center;gap:17px;display:flex}.hero-copy .text-link{color:#375a3c}.hero-illustration{background:radial-gradient(#f7ffe870,#0000 68%);justify-content:center;align-items:center;display:flex;position:relative}.world-art{width:100%;height:100%;max-height:350px;display:block}.hero-illustration .world-art{flex-shrink:0;width:112%;max-width:none}.code-sticker{font:10px var(--font-geist-mono), monospace;color:#3e6646;background:#fcfff3;border:1px solid #d1ddbb;border-radius:8px;padding:9px 15px;position:absolute;bottom:24px;right:21px;transform:rotate(-5deg);box-shadow:0 5px #9eb1781b}.sparkle{color:#809c52;font-size:32px;position:absolute;top:38px;right:44px}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 32px;display:grid}.stat-card{background:var(--s-panel);border:1px solid var(--s-line);border-radius:13px;align-items:center;gap:14px;padding:17px 19px;display:flex}.stat-icon{background:var(--s-soft);width:43px;height:43px;color:var(--s-green);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.stat-card:nth-child(2) .stat-icon{background:var(--s-purple);color:#8b68a5}.stat-card:nth-child(3) .stat-icon{background:var(--s-orange);color:#ba8350}.stat-value{letter-spacing:-.5px;font-size:21px;font-weight:650;line-height:1.25;display:block}.stat-label{color:var(--s-muted);font-size:11px}.studio-section{margin:32px 0}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.studio .section-heading h2{letter-spacing:-.55px;font-size:20px;font-weight:600}.section-heading p,.section-description{color:var(--s-muted);margin-top:5px;font-size:12px}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recent-item{background:var(--s-panel);border:1px solid var(--s-line);border-radius:12px;align-items:center;gap:12px;min-width:0;padding:17px;display:flex}.recent-item:hover{border-color:#9cb68b;box-shadow:0 4px 15px #15352508}.recent-item>span:nth-child(2){flex:1;min-width:0}.recent-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.recent-item small{color:var(--s-muted);font-size:10px}.recent-icon{background:var(--s-purple);color:#9071a3;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.recent-item:nth-child(2) .recent-icon{background:var(--s-orange);color:#b37d49}.recent-item:nth-child(3) .recent-icon{background:var(--s-soft);color:var(--s-green)}.dashboard-lower{grid-template-columns:1.35fr 1fr;align-items:start;gap:22px;display:grid}.dashboard-lower>.studio-section{margin-top:0}.tip-panel{color:#49405c;background:#eeedf6;border:1px solid #dbd9eb;border-radius:15px;margin-top:0;padding:26px}.tip-panel .eyebrow{color:#85758f}.studio .tip-panel h2{letter-spacing:-.6px;margin-top:14px;font-size:22px;font-weight:600}.studio .tip-panel p{color:#766a82;margin-top:12px;font-size:13px;line-height:1.7}.tip-panel pre{color:#6a5686;background:#faf9fd;border:1px solid #e0dce9;border-radius:9px;margin:19px 0;padding:15px;font-size:12px;line-height:1.8;overflow:auto}.tip-panel .text-link{color:#655279}.course-list{gap:12px;display:grid}.course-item{background:var(--s-panel);border:1px solid var(--s-line);border-radius:13px;align-items:center;gap:15px;padding:17px;display:flex}.course-icon{background:var(--s-soft);width:56px;height:64px;color:var(--s-green);border-radius:9px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.course-icon img{object-fit:cover;width:100%;height:100%}.course-info{flex:1;min-width:0}.studio .course-info h3{font-size:14px;font-weight:600;line-height:1.4}.course-info small{color:var(--s-muted);margin-top:6px;font-size:10px;display:block}.studio progress{background:var(--s-line);color:#86a664;border:0;border-radius:10px;width:100%;height:5px;margin-top:10px;display:block;overflow:hidden}.studio progress::-webkit-progress-bar{background:var(--s-line);border-radius:10px}.studio progress::-webkit-progress-value{background:#86a664;border-radius:10px}.studio progress::-moz-progress-bar{background:#86a664}.section-toolbar{border-top:1px solid var(--s-line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:17px 0;display:flex}.filter-label{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.count-badge{background:var(--s-soft);color:var(--s-green);border-radius:6px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.search-field{border:1px solid var(--s-line);background:var(--s-panel);color:var(--s-muted);border-radius:10px;align-items:center;gap:9px;min-width:250px;padding:0 13px;display:flex}.search-field:focus-within{border-color:var(--s-green)}.search-field input{width:100%;min-width:0;color:var(--s-ink);font:inherit;background:0 0;border:0;outline:none;height:43px;font-size:12px}.program-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.program-card{border:1px solid var(--s-line);background:var(--s-panel);border-radius:15px;min-width:0;position:relative;overflow:hidden}.program-card:hover{border-color:#a5b89a;box-shadow:0 6px 18px #1634250a}.program-cover{background:#e5efde;justify-content:center;height:173px;display:flex;position:relative;overflow:hidden}.program-card:nth-child(3n+2) .program-cover{background:#efebf4}.program-card:nth-child(3n) .program-cover{background:#f5eddc}.program-cover .world-art{width:80%;height:195px;margin-top:-12px}.cover-note{letter-spacing:.7px;text-transform:uppercase;color:#5a7264;font-size:8px;position:absolute;bottom:10px;left:12px}.program-info{align-items:center;gap:12px;padding:17px 18px;display:flex}.program-info h3{overflow-wrap:anywhere;flex:1;font-size:14px;font-weight:600}.program-info span{color:var(--s-green);background:var(--s-soft);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.studio .delete-program{background:var(--s-panel);opacity:0;width:34px;height:34px;position:absolute;top:10px;right:10px}.program-card:hover .delete-program,.program-card:focus-within .delete-program{opacity:1}.studio .delete-program:hover{color:#b6413b}.pagination{color:var(--s-muted);justify-content:center;align-items:center;gap:20px;margin-top:28px;font-size:12px;display:flex}.empty-state{border:1px dashed var(--s-line);text-align:center;background:var(--s-panel);border-radius:15px;flex-direction:column;align-items:center;gap:13px;padding:30px;display:flex}.empty-state>svg{color:var(--s-green)}.studio .empty-state h3{font-size:17px;font-weight:600}.studio .empty-state p{color:var(--s-muted);max-width:380px;font-size:13px}.error-note{color:#8e3e32;background:#fff0ec;border:1px solid #d7a69d;border-radius:10px;margin:14px 0;padding:13px 16px;font-size:13px}.error-note button{margin-left:10px;text-decoration:underline}.loading-state{color:var(--s-muted);justify-content:center;align-items:center;gap:12px;padding:35px;font-size:13px;display:flex}.skeleton{background:var(--s-soft);border-radius:15px;min-height:170px;animation:1.5s ease-in-out infinite alternate studio-pulse}@keyframes studio-pulse{to{opacity:.45}}.studio-dialog{border:1px solid var(--s-line);width:min(510px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--s-ink);background:var(--s-panel);border-radius:20px;margin:auto;padding:0;box-shadow:0 24px 90px #0d241a45}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#142c2466}.dialog-inner{padding:28px}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.studio .dialog-heading h2{letter-spacing:-.7px;font-size:24px;font-weight:650}.dialog-description{color:var(--s-muted);font-size:13px;margin-bottom:24px!important}.studio-form{gap:22px;display:grid}.studio-form label,.studio-form legend{margin-bottom:8px;font-size:12px;font-weight:600;display:block}.studio-form input[type=text]{border:1px solid var(--s-line);background:var(--s-bg);width:100%;min-height:47px;color:var(--s-ink);border-radius:9px;padding:10px 13px;font-size:14px}.mode-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.studio-form .mode-option{cursor:pointer;border:1px solid var(--s-line);border-radius:12px;margin:0;padding:15px;position:relative}.mode-option:has(input:checked){border-color:var(--s-green);background:var(--s-soft);box-shadow:inset 0 0 0 1px var(--s-green)}.mode-option input{accent-color:var(--s-green);position:absolute;top:17px;right:15px}.mode-option strong{margin-top:11px;font-size:14px;display:block}.mode-option small{color:var(--s-muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.download-intro{border:1px solid var(--s-line);background:var(--s-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:27px;display:flex}.download-intro h2{letter-spacing:-.6px;font-size:22px;font-weight:600}.download-intro p{color:var(--s-muted);margin-top:8px;font-size:13px}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.download-card{background:var(--s-panel);border:1px solid var(--s-line);border-radius:15px;flex-direction:column;align-items:flex-start;gap:15px;padding:25px;display:flex}.download-card>svg{box-sizing:content-box;background:var(--s-soft);color:var(--s-green);border-radius:12px;padding:12px}.download-card h2{font-size:20px;font-weight:600}.download-card p{color:var(--s-muted);flex:1;font-size:13px}.download-card .button{width:100%}.download-extra{border:1px solid var(--s-line);border-radius:14px;align-items:center;gap:20px;margin-top:22px;padding:24px;display:flex}.download-extra>div{flex:1}.download-extra h2{font-size:16px;font-weight:600}.download-extra p{color:var(--s-muted);margin-top:6px;font-size:12px}.students-table{border:1px solid var(--s-line);background:var(--s-panel);border-radius:14px;overflow:hidden}.student-row{border-bottom:1px solid var(--s-line);grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) 170px;align-items:center;gap:20px;padding:17px 23px;display:grid}.student-row:last-child{border-bottom:0}.student-row.table-head{background:var(--s-soft);text-transform:uppercase;letter-spacing:.9px;color:var(--s-muted);padding-top:12px;padding-bottom:12px;font-size:10px}.student-name{align-items:center;gap:13px;min-width:0;display:flex}.student-name>div{min-width:0}.student-name strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;display:block}.student-name small,.student-contact{color:var(--s-muted);overflow-wrap:anywhere;font-size:11px}.student-row .button{min-height:39px;font-size:11px}.studio .textbook-layout{grid-template-columns:190px minmax(0,1fr);gap:34px;display:grid}.studio .textbook-layout article{background:var(--s-panel);border:1px solid var(--s-line);border-radius:15px;padding:32px}.studio .textbook-layout article h2{letter-spacing:-.7px;font-size:23px}.studio .textbook-layout article h3{font-size:17px}.studio .textbook-layout article p{margin-top:12px;font-size:14px;line-height:1.8}.studio .textbook-layout article section{scroll-margin-top:30px}.textbook-nav{align-self:start;position:sticky;top:24px}.textbook-nav h2{letter-spacing:1.3px;text-transform:uppercase;color:var(--s-muted);margin:8px 10px 14px;font-size:10px;font-weight:600}.textbook-nav a{border-radius:8px;align-items:center;gap:11px;padding:11px 10px;font-size:12px;display:flex}.textbook-nav a span{color:var(--s-muted);font-size:10px}.textbook-nav a:hover,.textbook-nav a[aria-current]{color:var(--s-green);background:var(--s-soft)}.dark .studio :is(.dark\:text-color9,.dark\:text-color7){color:var(--s-ink)}.dark .studio .dark\:bg-color8{background-color:var(--s-bg)}.studio-editor .studio-sidebar{width:210px;padding-left:15px;padding-right:15px}.studio-editor .studio-body{height:100dvh;margin-left:210px;overflow:hidden}.studio-editor .studio-topbar{height:54px;padding:0 22px}.studio-editor .sidebar-help{display:none}.editor-content{flex-direction:column;flex:1;min-height:0;display:flex}.editor-toolbar{background:var(--s-panel);border-bottom:1px solid var(--s-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:17px 22px;display:flex}.editor-title{flex:1;min-width:120px}.studio .editor-title h1{letter-spacing:-.3px;overflow-wrap:anywhere;font-size:17px;font-weight:650}.editor-title small{color:var(--s-muted);font-size:10px}.editor-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.editor-controls .button{min-height:40px;padding:9px 13px;font-size:12px}.editor-modes{border:1px solid var(--s-line);background:var(--s-bg);border-radius:9px;margin-right:5px;padding:3px;display:flex}.editor-modes button{min-height:32px;color:var(--s-muted);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.editor-modes button[aria-pressed=true]{color:var(--s-ink);background:var(--s-panel);box-shadow:0 1px 4px #00000012}.editor-workspace{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.viewer-panel{background:var(--s-panel);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.viewer-heading{border-bottom:1px solid var(--s-line);align-items:center;gap:9px;padding:11px 16px;font-size:12px;display:flex}.viewer-heading h2{font-size:12px;font-weight:600}.viewer-heading span{color:var(--s-muted);margin-left:auto;font-size:9px}.editor-console{border-top:1px solid var(--s-line);background:var(--s-panel);flex-shrink:0;max-height:190px;padding:12px 16px;font-size:11px;overflow:auto}.editor-console>p{color:var(--s-muted)}.editor-console li{overflow-wrap:anywhere;gap:8px;padding:3px 0;display:flex}.editor-console .log-error{color:#c55e4e}.editor-console .log-info{color:var(--s-muted)}.studio .gutter{background-color:var(--s-line)}.dark .hero-world{background:#35462e;border-color:#4b5d3e}.dark .hero-copy h2{color:#ecf2d7}.dark .hero-copy h2 em{color:#b8d28a}.dark .hero-copy p{color:#c1cfb0}.dark .hero-copy .text-link{color:#d2e5b6}.dark .tip-panel{color:#e4ddee;background:#342f42;border-color:#4c435d}.dark .tip-panel p,.dark .tip-panel .eyebrow,.dark .tip-panel .text-link{color:#c0b3d2}.dark .tip-panel pre{color:#cbb6e8;background:#272332;border-color:#4b425d}@media (min-width:1600px){.hero-world{min-height:340px}}@media (max-width:1200px){.studio-sidebar{width:210px;padding-left:15px;padding-right:15px}.studio-body{margin-left:210px}.studio-content{padding:28px 26px 20px}.studio-topbar,.studio-footer{padding-left:26px;padding-right:26px}.recent-grid{gap:10px}.recent-item{gap:9px;padding:13px}.recent-icon{width:34px;height:38px}.hero-copy{padding-left:27px}.dashboard-stats{gap:12px}.stat-card{gap:10px;padding:15px 13px}.program-grid{gap:14px}.program-cover{height:155px}.creative-note{display:none}.studio .textbook-layout{grid-template-columns:165px minmax(0,1fr);gap:18px}.studio .textbook-layout article{padding:24px}}@media (max-width:960px){.studio-sidebar,.studio-editor .studio-sidebar{width:236px;transition:transform .2s;transform:translate(-100%)}.studio-sidebar.is-open{transform:translate(0)}.studio-body,.studio-editor .studio-body{margin-left:0}.studio .open-nav{display:inline-flex}.studio .close-nav{color:#d4e2cd;border:0;width:28px;height:28px;display:flex;position:absolute;top:8px;right:8px}.nav-scrim{z-index:39;background:#132e2566;position:fixed;inset:0}.studio .skip-link{left:12px}.studio-topbar{height:66px}.studio-editor .studio-body{height:auto;min-height:100dvh;overflow:visible}.editor-workspace{min-height:70vh}}@media (max-width:640px){.studio-content{padding:24px 18px 10px}.studio-topbar{padding:0 18px}.topbar-location,.topbar-actions{gap:10px}.topbar-location>span:first-of-type,.breadcrumb-slash{display:none}.page-heading{align-items:flex-start;margin-bottom:24px}.page-heading>.button{padding:10px}.studio .page-heading h1{font-size:28px}.studio .page-heading p{font-size:12px}.hero-world{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:25px 25px 0}.studio .hero-copy h2{font-size:36px}.hero-illustration{height:222px;margin-top:-12px}.hero-illustration .world-art{width:310px;height:240px}.hero-copy p{max-width:290px}.sparkle{top:30px;right:48px}.code-sticker{font-size:9px;bottom:24px;right:28px}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.stat-card{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px}.stat-icon{border-radius:8px;width:31px;height:31px}.stat-icon svg{width:17px}.stat-value{font-size:19px}.stat-label{font-size:9px}.recent-grid,.dashboard-lower,.download-grid{grid-template-columns:1fr}.recent-item{padding:15px}.recent-icon{width:40px;height:40px}.studio .section-heading h2{font-size:19px}.section-heading .text-link{font-size:11px}.dashboard-lower{gap:10px}.program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.program-cover{height:125px}.program-cover .world-art{width:100%;height:135px;margin-top:0}.program-info{gap:5px;padding:13px 11px}.program-info h3{font-size:12px}.program-info span{width:23px;height:23px}.studio .delete-program{opacity:1;width:30px;height:30px;top:7px;right:7px}.section-toolbar{flex-direction:column;align-items:stretch;gap:12px}.search-field{width:100%;min-width:0}.dialog-inner{padding:22px}.studio .dialog-heading h2{font-size:22px}.download-intro,.download-extra{flex-direction:column;align-items:flex-start;padding:22px}.student-row{grid-template-columns:1fr;gap:10px;padding:18px}.student-row.table-head{display:none}.student-contact{padding-left:52px}.student-row .button{justify-self:start;margin-left:52px}.studio .textbook-layout{grid-template-columns:1fr}.textbook-nav{position:static}.textbook-nav>div{gap:4px;padding:4px 0 8px;display:flex;overflow-x:auto}.textbook-nav a{white-space:nowrap;background:var(--s-soft);padding:10px 13px}.studio .textbook-layout article{padding:22px 18px}.studio .textbook-layout article h2{font-size:21px}.studio-footer{flex-direction:column;gap:12px;padding:22px 18px}.editor-toolbar{gap:10px;padding:13px}.editor-title{flex-basis:100%}.editor-controls{gap:5px}.editor-controls .button{padding:9px 10px}.editor-controls .icon-button{width:36px}.editor-controls .toolbar-secondary{display:none}}@media (hover:none){.studio .delete-program{opacity:1}}@media (prefers-reduced-motion:reduce){.studio *,.studio :before,.studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.studio .sidebar-create .button{color:#203f2d;background:#dcf5a5;border-color:#dcf5a5}.studio .sidebar-create .button:hover{background:#eaffbe}.studio-brand{flex-shrink:0}.studio-editor .studio-brand{gap:8px;margin-left:6px;font-size:28px}.studio-editor .studio-brand small{letter-spacing:.8px;white-space:nowrap;font-size:6px}.studio-editor .studio-nav a{gap:9px;padding-left:10px;font-size:13px}.studio .textbook-layout,.textbook-nav{min-width:0}.studio .textbook-layout article :is(p,h3){overflow-wrap:anywhere}.viewer-actions{border-bottom:1px solid var(--s-line);flex-wrap:wrap;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.viewer-actions select,.viewer-actions button{border:1px solid var(--s-line);background:var(--s-panel);min-height:34px;color:var(--s-ink);border-radius:7px;padding:5px 8px}.viewer-actions button{align-items:center;gap:5px;display:inline-flex}.viewer-actions button:hover{background:var(--s-soft)}.viewer-actions span{color:var(--s-muted);font-size:10px}.material-reference{margin-top:22px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0;display:grid}.material-tile{border:1px solid var(--s-line);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:11px;display:flex}.material-tile img{image-rendering:pixelated;flex-shrink:0}.material-tile strong{font-size:12px;font-weight:500;display:block}.material-tile code{color:var(--s-muted);overflow-wrap:anywhere;font-size:9px}.share-recipients{max-height:320px;overflow:auto}.studio-form .share-recipient{border:1px solid var(--s-line);cursor:pointer;border-radius:9px;align-items:center;gap:12px;margin:10px 0 0;padding:12px;display:flex}.share-recipient input{accent-color:var(--s-green)}.share-recipient strong,.share-recipient small{overflow-wrap:anywhere;display:block}.share-recipient strong{font-size:13px}.share-recipient small{color:var(--s-muted);font-size:11px;font-weight:400}.legal-document{border:1px solid var(--s-line);background:var(--s-panel);border-radius:16px;max-width:860px;margin:0 auto;padding:38px;line-height:1.85}.studio .legal-document :is(h1,h2,h3){color:var(--s-ink)}.studio .legal-document h1{letter-spacing:-.8px;margin-bottom:30px;font-size:32px;line-height:1.25}.studio .legal-document h2{margin:24px 0 14px;font-size:20px}.studio .legal-document p{margin-top:12px}.studio .legal-document :is(.text-gray-700,.text-gray-600,.text-gray-500){color:var(--s-muted)}@media (max-width:960px){.studio-sidebar{visibility:hidden}.studio-sidebar.is-open{visibility:visible}}@media (max-width:640px){.studio .textbook-layout,.material-grid{grid-template-columns:minmax(0,1fr)}.stat-value{font-size:17px}.legal-document{padding:23px 19px}.studio .legal-document h1{font-size:26px}}.studio .text-color8{color:var(--s-ink)}.studio .text-color3{color:var(--s-muted)}.studio :is(.text-color7,.text-color4){color:var(--s-green)}.studio .bg-color9{background-color:var(--s-bg)}.studio .bg-surface{background-color:var(--s-panel)}.studio :is(.border-color10,.border-color9){border-color:var(--s-line)}.studio .textbook-layout pre{color:#e4efdf;background:#213d33;border-color:#345546}.studio .textbook-layout code:not(pre code){color:var(--s-green);background-color:var(--s-soft);border-color:var(--s-line)}.studio .material-tile code{background:0 0!important}@media (max-height:720px){.sidebar-help{display:none}.studio-brand{margin-bottom:22px}.sidebar-bottom{padding-top:14px}}.code-example{background:#213d33;border-radius:12px;margin-top:14px;overflow:hidden}.code-example-heading{color:#b5cbb8;border-bottom:1px solid #3c5749;justify-content:space-between;align-items:center;padding:10px 14px;font-size:10px;display:flex}.code-example-heading button{color:#d9e8d3;align-items:center;gap:6px;padding:4px;display:inline-flex}.studio .code-example pre{border:0;border-radius:0;margin:0;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.studio .missing-page{max-width:650px;margin:8vh auto;padding:55px 25px}.studio .missing-page h1{letter-spacing:-.6px;font-size:30px;font-weight:650;line-height:1.25}@media (max-width:640px){.page-heading{flex-direction:column}.hero-actions{flex-wrap:wrap}}.level-panel{border:1px solid var(--s-line);background:var(--s-panel);border-radius:17px;margin-bottom:24px;padding:23px 27px 15px;scroll-margin-top:24px}.level-main{align-items:center;gap:18px;display:flex}.level-medal{clip-path:polygon(50% 0,94% 22%,94% 76%,50% 100%,6% 76%,6% 22%);color:#4d6333;background:linear-gradient(135deg,#e8f3b5,#c6df89);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:70px;height:78px;display:flex}.level-medal strong{font-family:var(--font-geist-sans), sans-serif;font-size:29px;font-weight:700;line-height:1.1}.level-name{flex:1;min-width:0}.studio .level-name h2{letter-spacing:-.7px;margin:4px 0;font-size:24px;font-weight:650;line-height:1.3}.level-total{color:var(--s-green);font-size:12px;font-weight:600}.level-total>span{color:var(--s-muted);margin-left:9px;font-size:11px;font-weight:400}.level-track{margin-top:19px}.level-track>div{justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.level-track strong{font-weight:500}.level-track span{color:var(--s-muted);font-size:11px}.studio .level-track progress{height:9px;margin-top:9px}.studio .level-track progress::-webkit-progress-value{background:linear-gradient(90deg,#508767,#a3c777)}.studio .level-track progress::-moz-progress-bar{background:#76a261}.xp-help{color:var(--s-muted);margin-top:12px;font-size:11px}.xp-help summary{cursor:pointer;align-items:center;gap:6px;min-height:26px;list-style:none;display:inline-flex}.xp-help summary::-webkit-details-marker{display:none}.xp-help summary:hover{color:var(--s-green)}.xp-help>div{background:var(--s-bg);border-radius:9px;margin-top:8px;padding:14px;line-height:1.8}.studio .xp-help p+p{margin-top:7px}.level-pending{align-items:center;gap:17px;min-height:120px;padding-bottom:23px;display:flex}.level-pending>div:not(.level-medal){flex:1}.studio .level-pending h2{font-size:17px;font-weight:600}.studio .level-pending p{color:var(--s-muted);font-size:13px}.gamification-grid{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:22px;margin:32px 0;display:grid}.achievement-panel,.skills-panel{background:var(--s-panel);border:1px solid var(--s-line);border-radius:16px;min-width:0;padding:25px;scroll-margin-top:24px}.gamification-grid .section-heading{gap:10px;margin-bottom:9px}.studio .gamification-grid .section-heading h2{margin-top:7px;font-size:21px;line-height:1.3}.gamification-grid .section-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.gamification-grid .count-badge{white-space:nowrap}.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px;display:grid}.achievement-card{border:1px solid var(--s-line);min-width:0;color:var(--s-muted);background:var(--s-bg);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:11px;padding:14px 8px;display:flex;position:relative}.achievement-card:hover{border-color:var(--s-green);box-shadow:0 4px 13px #193e2b0c}.achievement-card.is-earned{color:var(--s-ink);background:var(--s-panel)}.achievement-medal{background:var(--s-soft);width:57px;height:57px;color:var(--s-muted);border-radius:18px;justify-content:center;align-items:center;display:inline-flex;position:relative}.achievement-state{border:3px solid var(--s-panel);background:var(--s-line);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.is-earned .achievement-state{color:#fff;background:#487656}.is-earned:is(.achievement-star,.achievement-trophy) .achievement-medal{color:#ab7d2e;background:#f8eac5}.is-earned:is(.achievement-collection,.achievement-function) .achievement-medal{color:#8b65a5;background:#eee7f6}.is-earned:is(.achievement-code,.achievement-loop) .achievement-medal{color:#638346;background:#e4efcf}.achievement-card strong{align-items:center;min-height:30px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.achievement-card small{color:var(--s-muted);margin-top:-5px;font-size:10px}.is-earned.achievement-card small{color:var(--s-green)}.studio .achievement-hint{color:var(--s-muted);margin-top:17px;font-size:10px}.achievement-detail{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:15px 0 28px;display:flex}.achievement-detail .achievement-medal{border-radius:25px;width:78px;height:78px}.achievement-detail>strong{font-size:16px;font-weight:600}.achievement-detail>p{max-width:355px;color:var(--s-muted);font-size:14px}.skills-list{gap:20px;margin-top:24px;display:grid}.skill-item>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-link{align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.skill-link:hover{color:var(--s-green);text-underline-offset:3px;text-decoration:underline}.skill-item>div>span{color:var(--s-muted);align-items:center;gap:5px;font-size:10px;display:flex}.studio .skill-item progress{height:6px;margin-top:8px}.skill-item small{color:var(--s-muted);margin-top:7px;font-size:10px;display:block}.studio .skill-variables progress::-webkit-progress-value{background:#a3b46e}.studio .skill-loops progress::-webkit-progress-value{background:#6ea893}.studio .skill-conditions progress::-webkit-progress-value{background:#c5a26d}.studio .skill-functions progress::-webkit-progress-value{background:#a38bbf}.studio .skills-footnote{border-top:1px solid var(--s-line);color:var(--s-muted);margin-top:19px;padding-top:14px;font-size:10px;line-height:1.7}.dark .is-earned:is(.achievement-star,.achievement-trophy) .achievement-medal{color:#ebc56d;background:#574729}.dark .is-earned:is(.achievement-collection,.achievement-function) .achievement-medal{color:#c5a6de;background:#453751}.dark .is-earned:is(.achievement-code,.achievement-loop) .achievement-medal{color:#bad294;background:#394e2f}@media (max-width:1200px){.gamification-grid{gap:16px}.achievement-panel,.skills-panel{padding:21px}.achievement-grid{gap:8px}}@media (max-width:1100px) and (min-width:961px){.gamification-grid{grid-template-columns:minmax(0,1fr)}.achievement-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:720px){.gamification-grid{grid-template-columns:minmax(0,1fr)}.level-achievements-link{display:none!important}}@media (max-width:640px){.level-panel{margin-bottom:18px;padding:20px 18px 12px}.level-main{gap:12px}.level-medal{width:55px;height:64px}.level-medal strong{font-size:24px}.level-medal>svg{width:18px;height:18px}.studio .level-name h2{font-size:20px}.level-name .eyebrow{letter-spacing:1px;font-size:8px}.level-total{font-size:11px}.level-total>span{display:none}.level-track>div{flex-direction:column;gap:3px;font-size:11px}.level-track span{font-size:10px}.xp-help summary{min-height:38px}.level-pending{flex-wrap:wrap;padding-bottom:20px}.level-pending .button{width:100%}.achievement-panel,.skills-panel{padding:21px 18px}.studio .gamification-grid .section-heading h2{font-size:20px}.achievement-grid{gap:8px}.achievement-card{padding:13px 6px}.achievement-medal{border-radius:16px;width:49px;height:49px}}.studio .create-button{color:#213b29;background:#d3ef55;border:1px solid #b7d344;font-weight:800;box-shadow:0 4px #8dac24,0 8px 18px #394c1a16}.studio .create-button:hover{background:#e3fa79;transform:translateY(-1px)}.studio .topbar-actions .create-button{white-space:nowrap;min-height:39px;font-size:12px}.studio .sidebar-create .create-button{white-space:normal;min-height:52px;line-height:1.3}.studio .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .hero-world{background:linear-gradient(125deg,#e9f2d9 0%,#e4f2e3 45%,#cfeef1 100%);overflow:hidden}.dark .studio .hero-world{background:linear-gradient(125deg,#244333,#20453d 50%,#193b51)}.studio .hero-illustration .world-art{filter:drop-shadow(0 20px 16px #17523e22);width:125%;max-width:none;margin-left:-10%}.studio .code-sticker{font-size:12px;bottom:13%;right:8%;transform:rotate(-5deg)}.studio .adventure-banner{color:#fff;background:linear-gradient(115deg,#203b53,#333457);border:1px solid #516179;border-radius:24px;grid-template-columns:minmax(190px,.8fr) minmax(0,1.35fr);align-items:center;gap:30px;margin-top:28px;padding:24px 36px 24px 22px;display:grid;overflow:hidden}.studio .typing-banner-art{justify-self:center;width:100%;max-width:340px;height:auto;display:block}.studio .adventure-copy{min-width:0}.studio .adventure-banner h2{margin:10px 0;font-size:clamp(23px,2.1vw,31px);line-height:1.2}.studio .adventure-banner p{color:#dce9ed;margin-bottom:20px}.studio .adventure-banner .eyebrow{color:#cbed93}.studio .adventure-banner .button{color:#213b30;background:#c2ed82}.studio .achievement-panel{background:var(--s-panel);border:1px solid var(--s-line);border-radius:20px;margin:26px 0;padding:28px}.studio .achievement-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}.studio .achievement-card{background:var(--s-bg);border:1px solid var(--s-line);min-height:175px;padding:16px 9px;transition:transform .18s,box-shadow .18s}.studio .achievement-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #12392e13}.studio .achievement-card.is-earned{color:#624918;background:linear-gradient(140deg,#fff5d2,#fbe5a3);border-color:#e3c975}.dark .studio .achievement-card.is-earned{color:#ffe8a5;background:linear-gradient(140deg,#54472a,#3b3c26);border-color:#7b703e}.studio .achievement-medal{clip-path:none;width:82px;height:82px;box-shadow:none;background:radial-gradient(circle,#ffeeb699,#0000 70%);border:none;border-radius:18px}.studio .reward-art{filter:drop-shadow(0 4px #172b3015);width:80px;height:80px;display:block}.studio .achievement-card:not(.is-earned) .reward-art{opacity:.68;filter:saturate(.65)}.studio .achievement-detail .reward-art{width:100%;height:100%}.studio .moderation-badge{color:#e8ffae;text-align:center;background:#526b32;border:1px solid #8fae70;border-radius:10px;margin:12px 20px;padding:10px;font-size:12px;font-weight:700}.studio .mode-option[aria-pressed=true]{border:2px solid var(--s-green);background:var(--s-soft)}.studio .honor-tabs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.studio .honor-intro{background:var(--s-orange);border-radius:20px;align-items:center;gap:20px;margin-bottom:22px;padding:26px;display:flex}.studio .honor-intro h2{font-size:21px}.studio .honor-intro p{color:var(--s-muted)}.studio .honor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.studio .honor-card{text-align:left;border:1px solid var(--s-line);background:var(--s-panel);cursor:pointer;border-radius:18px;transition:transform .15s;overflow:hidden}.studio .honor-card:hover{transform:translateY(-4px)}.studio .honor-card>div{padding:18px}.studio .honor-card h3{overflow-wrap:anywhere;font-size:18px}.studio .honor-card p{color:var(--s-muted);margin:5px 0 10px;font-size:12px}.studio .snapshot-preview{background:radial-gradient(at bottom,#c0eacb,#e2edf1);width:100%;height:auto;display:block}.dark .studio .snapshot-preview{background:radial-gradient(at bottom,#35564c,#223448)}.studio .work-status{background:var(--s-soft);border-radius:5px;padding:5px 9px;font-size:11px}.studio .status-pending{background:var(--s-orange)}.studio .honor-3d{background:var(--s-bg);border-radius:12px;flex-direction:column;height:420px;margin:16px 0;display:flex;overflow:hidden}.studio .honor-submit{border-top:1px solid var(--s-line);background:var(--s-panel);flex-shrink:0;padding:10px 14px}.studio .honor-submit>div{align-items:center;gap:8px;display:flex}.studio .honor-submit p,.studio .honor-submit small{color:var(--s-muted);margin:5px 0;font-size:11px;line-height:1.4;display:block}.studio .honor-submit .button{white-space:normal;min-height:34px;font-size:11px;line-height:1.3}.studio .student-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio .student-actions .button{padding:8px;font-size:11px}.studio .typing-setup{border:1px solid var(--s-line);background:var(--s-panel);border-radius:20px;padding:25px}.studio .typing-setup>div:first-child{max-width:700px}.studio .typing-setup h2{margin:6px 0;font-size:26px}.studio .typing-setup p{color:var(--s-muted);margin:0 0 20px}.studio .typing-levels{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.studio .typing-levels button{background:var(--s-bg);border:1px solid var(--s-line);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.studio .typing-levels strong{font-size:23px}.studio .typing-levels [aria-pressed=true]{background:var(--s-soft);border-color:var(--s-green)}.studio .runner-world{isolation:isolate;border:2px solid #315a4a;border-radius:20px;margin:24px 0 0;position:relative;overflow:hidden}.studio .runner-landscape{background:linear-gradient(#4fc1e9,#d0f4dc);height:280px;position:relative;overflow:hidden}.studio .runner-scenery{width:100%;height:100%;position:absolute;inset:0}.studio .world-level-4 .runner-landscape{background:linear-gradient(#582940,#b5513e)}.studio .world-level-5 .runner-landscape{background:linear-gradient(#221f42,#70588c)}.studio .pixel-sun{background:#fff7b4;width:48px;height:48px;position:absolute;top:25px;left:75%;box-shadow:0 0 0 10px #fff7b422,0 0 0 22px #fff7b411}.studio .runner-portal{background:repeating-linear-gradient(45deg,#ac6ce9 0 10px,#9a57da 10px 20px);border:10px solid #303248;width:62px;height:104px;position:absolute;bottom:0;right:6%;box-shadow:0 0 20px #ad7bed}.studio .runner-portal span{background:#dca8ff88;position:absolute;inset:10px}.studio .runner-character,.studio .runner-monster{z-index:2;width:50px;height:80px;transition:left .2s linear;position:absolute;bottom:0}.studio .runner-sprite{filter:drop-shadow(3px 4px #223d4433);width:100%;height:100%}.studio .runner-monster{width:43px;height:76px}.studio .is-running .runner-character,.studio .is-running .runner-monster{animation:.3s steps(2,end) infinite runner-step}.studio .race-caption{color:#173542;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex;position:absolute;top:18px;left:20px;right:20px}.studio .race-caption span{background:#fff9;border-radius:6px;margin-left:auto;padding:5px 9px}.studio .world-level-4 .race-caption,.studio .world-level-5 .race-caption{color:#fff}.studio .world-level-4 .race-caption span,.studio .world-level-5 .race-caption span{background:#2229}.studio .typing-console{color:#fff5dc;background:repeating-linear-gradient(90deg,#513625 0 42px,#553928 42px 84px);border-top:12px solid #82c444;padding:20px 28px;box-shadow:inset 0 5px #375a2d}.studio .typing-console .section-description,.studio .typing-console .typing-input-label,.studio .typing-console .typing-metrics{color:#e4cfb6}.studio .typing-console .typing-metrics strong{color:#fff7df}.studio .typing-console .typing-input-label input{color:#fff;background:#35281f;border-color:#b2d88a}.studio .typing-console .error-note{color:#7e2727;background:#fff1ee}.studio .race-start{z-index:3;justify-content:center;display:flex;position:absolute;top:84px;left:12px;right:12px}.studio .race-start .button{color:#173d2b;background:#c9f589;border:3px solid #f0ffd5;padding:14px 25px;font-size:18px;box-shadow:0 5px #285235,0 9px 30px #213b4966}.studio .world-level-4 .runner-scenery{filter:hue-rotate(305deg)saturate(.8)}.studio .world-level-5 .runner-scenery{filter:hue-rotate(80deg)brightness(.7)}.studio .typing-metrics{color:var(--s-muted);justify-content:space-between;gap:15px;font-size:12px;display:flex}.studio .typing-metrics strong{color:var(--s-ink);font-size:17px}.studio .typing-prompt{letter-spacing:2px;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;max-height:3.6em;margin:12px 0;font:600 26px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative;overflow:auto}.studio .typed{color:#b6db9a}.studio .next-letter{color:#26332b;background:#ecba45;border-radius:3px;box-shadow:0 3px #b8851d}.studio .typing-input-label{color:var(--s-muted);margin-bottom:10px;font-size:12px;display:block}.studio .typing-input-label input{border:2px solid var(--s-green);background:var(--s-bg);width:100%;height:44px;color:var(--s-ink);border-radius:8px;margin-top:8px;padding:10px;font-size:20px;display:block}.studio .typing-console>.button{margin-top:15px}.studio .race-result{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.studio .race-result h2{font-size:23px}.studio .daily-reward{background:var(--s-purple);border-radius:20px;align-items:center;gap:28px;margin-top:24px;padding:30px;display:flex}.studio .daily-reward>.reward-art{flex-shrink:0;width:140px;height:140px}.studio .daily-reward h2{margin:5px 0;font-size:25px}.studio .daily-reward p,.studio .daily-reward small{color:var(--s-muted)}.studio .streak-dots{gap:8px;margin:14px 0;display:flex}.studio .streak-dots span{border:1px solid var(--s-muted);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600}.studio .streak-dots .complete{color:#fff;background:#7357a5;border-color:#7357a5}@keyframes runner-step{50%{transform:translateY(-4px)rotate(3deg)}}@keyframes runner-trees{to{transform:translate(-150px)}}@media (max-width:1100px){.studio .honor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .typing-levels{grid-template-columns:repeat(3,1fr)}.studio .hero-illustration .world-art{width:140%;margin-left:-20%}.studio .topbar-actions .create-button{font-size:11px}}@media (max-width:650px){.studio .topbar-actions .create-button{display:none}.studio .hero-illustration .world-art{width:100%;margin-left:0}.studio .hero-illustration{height:280px}.studio .code-sticker{bottom:6%;right:10%}.studio .adventure-banner{grid-template-columns:1fr;gap:0;padding:22px}.studio .typing-banner-art{max-width:260px}.studio .adventure-banner h2{font-size:22px}.studio .achievement-panel{padding:18px}.studio .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .honor-grid{grid-template-columns:1fr}.studio .honor-tabs .button{padding:9px;font-size:12px}.studio .honor-intro{align-items:flex-start;padding:18px}.studio .honor-intro h2{font-size:18px}.studio .honor-intro>svg{flex-shrink:0}.studio .typing-setup{padding:18px}.studio .typing-levels{grid-template-columns:repeat(2,1fr)}.studio .typing-levels button{padding:9px}.studio .runner-landscape{height:220px}.studio .race-start{top:65px}.studio .race-start .button{padding:10px 18px;font-size:16px}.studio .runner-character{width:43px;height:69px}.studio .runner-monster{width:35px;height:63px}.studio .runner-portal{width:50px;height:88px;right:3%}.studio .race-caption{gap:5px;font-size:10px;left:12px;right:12px}.studio .typing-console{padding:18px}.studio .typing-metrics{gap:8px;font-size:10px}.studio .typing-metrics strong{font-size:16px;display:block}.studio .typing-prompt{font-size:21px}.studio .daily-reward{flex-direction:column;align-items:flex-start;gap:5px;padding:22px}.studio .daily-reward>.reward-art{width:90px;height:90px}.studio .honor-3d{height:330px}}@media (prefers-reduced-motion:reduce){.studio .runner-character,.studio .runner-monster,.studio .runner-trees{transition:none;animation:none!important}.studio .achievement-card,.studio .honor-card{transition:none}}.studio .new-program-mode{align-items:center;gap:12px;display:flex;position:relative}.studio .mode-switch{border:1px solid var(--s-line);background:var(--s-bg);border-radius:12px;gap:3px;padding:4px;display:flex}.studio .mode-switch button{color:var(--s-muted);border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 12px;font-size:12px;font-weight:800;display:flex}.studio .mode-switch button[aria-pressed=true]{background:var(--s-green);color:var(--s-on-green,#fff);box-shadow:0 2px 6px #0001}.studio .mode-switch button:disabled{opacity:.65}.studio .mode-error{z-index:8;background:var(--s-panel);border:1px solid #cb7771;border-radius:8px;width:230px;padding:12px;font-size:12px;position:absolute;top:100%;right:0}.studio .new-program-mode~.creative-note{display:none}.studio .notification-dot{color:#fff;min-width:10px;min-height:10px;box-shadow:0 0 0 2px var(--s-panel);background:#d93040;border-radius:20px;flex:none;padding:4px;font:800 10px/1 sans-serif;display:inline-flex}.studio .studio-nav a:has(.notification-dot) .nav-dot{display:none}.studio .approval-new{color:var(--s-ink);align-items:center;gap:8px;margin:10px 0;font-size:12px;font-weight:750;display:flex}.studio .approval-message{background:var(--s-soft);border:1px solid var(--s-line);border-radius:12px;align-items:flex-start;gap:12px;margin:15px 0;padding:17px;display:flex}.studio .approval-message>svg{flex-shrink:0}.studio .approval-message p{margin:7px 0}.studio .program-launch{justify-content:center;margin:12px 0 32px;display:flex}.studio .create-cube-button{border:1px solid var(--s-line);text-align:left;width:100%;max-width:680px;color:var(--s-ink);background:linear-gradient(125deg, var(--s-soft), var(--s-panel));border-radius:22px;align-items:center;gap:22px;padding:10px 35px 10px 15px;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 8px 25px #173c2410}.studio .create-cube-button:hover{border-color:var(--s-green);transform:translateY(-2px)}.studio .create-cube{flex-shrink:0;width:135px}.studio .create-cube-button strong{font-size:21px;line-height:1.3;display:block}.studio .create-cube-button small{color:var(--s-muted);margin-top:8px;display:block}.studio .create-cube-button>svg:last-child{flex-shrink:0;margin-left:auto}.studio .textbook-coming{border:1px solid var(--s-line);background:var(--s-panel);text-align:center;border-radius:24px;max-width:740px;margin:30px auto;padding:40px}.studio .textbook-coming-art{background:var(--s-purple);border-radius:40px;place-items:center;width:160px;height:160px;margin:auto auto 24px;display:grid}.studio .textbook-coming-art .reward-art{width:135px;height:135px}.studio .textbook-coming h2{margin:14px 0;font-size:30px}.studio .textbook-coming p{max-width:460px;color:var(--s-muted);margin:0 auto 28px}@media (max-width:650px){.studio .studio-topbar{flex-wrap:wrap;gap:10px}.studio .topbar-actions{flex:1;justify-content:flex-end}.studio .mode-switch button{gap:4px;padding:8px;font-size:11px}.studio .mode-switch button svg{width:14px}.studio .topbar-actions .avatar,.studio .topbar-location>span,.studio .topbar-location>strong{display:none}.studio .new-program-mode{flex-direction:column;gap:2px}.studio .create-cube-button{gap:12px;padding:12px}.studio .create-cube{width:80px}.studio .create-cube-button strong{font-size:16px}.studio .create-cube-button small{font-size:11px}.studio .create-cube-button>svg:last-child{display:none}.studio .textbook-coming{padding:26px 20px}.studio .textbook-coming h2{font-size:25px}}@media (max-height:600px) and (max-width:650px){.studio .runner-landscape{height:175px}.studio .typing-console{padding:12px}}@media (prefers-reduced-motion:reduce){.studio .create-cube-button{transition:none}}.studio .workshop-adventures{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.studio .world-create{color:#164b3b;background:linear-gradient(150deg,#e5f9ad,#96de94);border:1px solid #80c786;border-radius:24px;flex-direction:column;justify-content:space-between;min-width:0;min-height:415px;display:flex;position:relative;overflow:hidden}.studio .world-create-copy{z-index:2;max-width:410px;padding:30px 30px 0;position:relative}.studio .world-create h2{letter-spacing:-1.3px;margin:10px 0 14px;font-size:clamp(27px,3vw,40px);font-weight:850;line-height:1.08}.studio .world-create p{color:#2c5d49;max-width:300px;margin-bottom:20px;font-size:15px;line-height:1.6}.studio .world-create .eyebrow{color:#34744c}.studio .world-create-art{pointer-events:none;align-self:flex-end;width:78%;height:160px;margin-top:-10px;overflow:hidden}.studio .world-create-art svg{object-fit:contain;width:100%;height:240px;transform:translateY(-20px)}.studio .workshop-adventures .adventure-banner{border-radius:24px;flex-direction:column;justify-content:space-between;gap:0;min-height:415px;margin:0;padding:0;display:flex;overflow:hidden}.studio .workshop-adventures .adventure-copy{z-index:1;padding:0 28px 28px}.studio .workshop-adventures .adventure-copy h2{max-width:360px;font-size:27px;line-height:1.12}.studio .workshop-adventures .typing-banner-art{object-fit:contain;flex:none;width:100%;min-width:0;max-width:none;height:215px}.studio .workshop-adventures .adventure-banner p{margin:10px 0 16px;font-size:14px}.studio .create-cube-button{color:#193c27;background:linear-gradient(120deg,#b9dfa8,#98ca8b);border-color:#82b577;box-shadow:0 7px #6b9d63,0 15px 30px #51834d26}.studio .create-cube-button small{color:#2d5133}.studio .create-cube-button:hover{background:linear-gradient(120deg,#c5e7b7,#a9d49c);border-color:#6b9d63}.studio .mode-switch .mode-toggle{background:var(--s-soft);color:var(--s-green);border:1px solid var(--s-line);min-height:39px;padding:9px 12px}.studio .level-portrait{background:linear-gradient(145deg,#daf49a,#76bb83);border-radius:24px;flex:0 0 84px;width:84px;height:84px;display:block;position:relative;box-shadow:inset 0 0 0 3px #ffffff50}.studio .level-portrait>.creature-art{width:78px;height:78px;position:absolute;bottom:2px;left:3px}.studio .level-treasure{filter:drop-shadow(0 2px 1px #183b4544);width:35px;height:35px;position:absolute;bottom:-3px;right:-7px}.studio .level-stage-6,.studio .level-stage-7,.studio .level-stage-8,.studio .level-stage-9,.studio .level-stage-10{background:linear-gradient(145deg,#cab9f9,#95cfe3)}.studio .reward-emblem{isolation:isolate;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:inline-flex;position:relative}.studio .reward-emblem>.reward-art{filter:none;opacity:1;width:100%;height:100%}.studio .reward-emblem.is-locked>.reward-art{filter:grayscale();opacity:.6}.studio .reward-emblem.is-earned>.reward-art{filter:saturate(1.28)drop-shadow(0 5px 8px #a28e4238)}.studio .reward-lock{color:#263a39;background:#f9fbf8;border:3px solid #263a39;border-radius:12px;place-items:center;width:46%;height:49%;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #263a393d}.studio .reward-lock svg{width:68%;height:68%}.studio .achievement-medal{filter:none!important;opacity:1!important}.studio .achievement-detail .reward-emblem{width:140px;height:140px}.studio .daily-reward>.reward-emblem{width:130px;height:130px}.studio .streak-calendar{grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;max-width:540px;margin:18px 0;display:grid}.studio .streak-calendar span{aspect-ratio:1;border:1px solid var(--s-line);background:var(--s-bg);color:var(--s-muted);border-radius:6px;place-items:center;font-size:11px;display:grid}.studio .streak-calendar .complete{background:var(--s-green);color:var(--s-panel);border-color:var(--s-green);font-weight:800}.studio .typing-capture{opacity:.001;clip-path:inset(50%);pointer-events:none;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.studio .danger-meter{color:#e2d5b9;max-width:600px;margin-top:15px;font-size:12px}.studio .danger-meter>div{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.studio .danger-meter progress{appearance:none;accent-color:#9ace71;background:#30261f;border:0;border-radius:5px;width:100%;height:9px;display:block;overflow:hidden}.studio .danger-meter progress::-webkit-progress-bar{background:#30261f}.studio .danger-meter progress::-webkit-progress-value{background:#9ace71;transition:width .2s}.studio .danger-meter.is-close progress::-webkit-progress-value{background:#f2bd53}.studio .danger-meter.is-danger progress::-webkit-progress-value{background:#ff8669}.studio .danger-meter.is-danger{color:#ffb29e}.studio .typing-reaction{color:#e3d2b4;align-items:center;gap:7px;min-height:22px;font-size:12px;line-height:1.5;display:flex}.studio .key-mistake .typing-console{box-shadow:inset 0 0 0 4px #fc866c}.studio .key-mistake .next-letter{background:#ff9270;box-shadow:0 0 0 3px #fedabe}.studio .key-mistake .typing-reaction{color:#ffd1b0;font-weight:700}.studio .runner-monster{width:66px;height:80px;margin-left:-10px}.studio .runner-monster>.creature-art{filter:drop-shadow(3px 3px #18312d33);width:100%;height:100%}.studio .runner-monster.enemy-dragon{width:105px;height:90px;margin-left:-38px;bottom:5px}.studio .runner-monster.enemy-spider{width:78px;height:57px;margin-left:-24px}.studio .world-level-4 .runner-scenery,.studio .world-level-5 .runner-scenery{filter:none}.studio .world-level-4 .pixel-sun,.studio .world-level-5 .pixel-sun{display:none}.studio .typing-console .text-link{color:#d2f4a6;justify-content:center}.studio .typing-leaderboard{border:1px solid var(--s-line);background:var(--s-panel);border-radius:20px;margin:0 0 28px;padding:24px}.studio .typing-leaderboard h2{margin:5px 0 8px;font-size:23px}.studio .typing-leaderboard table{border-collapse:collapse;width:100%;margin-top:18px;font-size:14px}.studio .typing-leaderboard th{text-align:left;text-transform:uppercase;letter-spacing:.7px;color:var(--s-muted);border-bottom:1px solid var(--s-line);padding:10px 12px;font-size:11px}.studio .typing-leaderboard td{border-bottom:1px solid var(--s-line);overflow-wrap:anywhere;padding:10px 12px}.studio .typing-leaderboard th:last-child,.studio .typing-leaderboard td:last-child{text-align:right;white-space:nowrap}.studio .typing-leaderboard tr.is-me{background:var(--s-soft);font-weight:750}.studio .leaderboard-self{background:var(--s-soft);border-radius:10px;justify-content:space-between;gap:12px;margin-top:14px;padding:12px;font-size:14px;display:flex}.studio .studio-dialog:has(.material-catalog){width:min(920px,100vw - 32px);max-width:920px}.studio .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:55vh;padding:3px 3px 15px;display:grid;overflow:auto}.studio .catalog-material{border:1px solid var(--s-line);text-align:center;background:var(--s-bg);border-radius:12px;min-width:0;overflow:hidden}.studio .catalog-material button{width:100%;color:var(--s-ink);flex-direction:column;align-items:center;gap:7px;padding:10px 6px;display:flex}.studio .catalog-material img{image-rendering:pixelated;object-fit:contain;width:40px;height:45px}.studio .catalog-material strong{align-items:center;min-height:32px;font-size:12px;line-height:1.3;display:grid}.studio .catalog-material button>span{color:var(--s-muted);align-items:center;gap:4px;font-size:10px;display:flex}.studio .catalog-material code{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:var(--s-panel);color:var(--s-green);padding:6px;font-size:10px;display:block}.studio .catalog-material:hover,.studio .catalog-material.is-copied{border-color:var(--s-green);background:var(--s-soft)}.studio .catalog-status{min-height:18px;margin:12px 0;font-size:12px}.studio .textbook-intro{color:var(--s-muted);align-items:center;gap:15px;max-width:620px;margin:12px 0 28px;line-height:1.6;display:flex}.studio .textbook-intro svg{color:var(--s-green);flex-shrink:0}.studio .lesson-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.studio .lesson-card{border:1px solid var(--s-line);background:var(--s-panel);border-radius:22px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.studio .lesson-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #162c4012}.studio .lesson-card .lesson-illustration{border-radius:0;height:205px}.studio .lesson-card-copy{flex-direction:column;flex:1;padding:24px;display:flex}.studio .lesson-card h2{letter-spacing:-.6px;margin:10px 0;font-size:24px;font-weight:800;line-height:1.15}.studio .lesson-card p{color:var(--s-muted);font-size:14px;line-height:1.6}.studio .lesson-card-bottom{color:var(--s-green);align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:13px;font-weight:750;display:flex}.studio .lesson-card-bottom>.reward-emblem{width:56px;height:56px}.studio .lesson-card-bottom>svg{flex-shrink:0;margin-left:auto}.studio .lesson-card .reward-lock{border-width:2px;border-radius:7px}.studio .lesson-reader{max-width:970px;margin:0 auto 50px}.studio .lesson-trail{color:var(--s-muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.studio .lesson-trail a{color:var(--s-green);align-items:center;gap:7px;font-weight:700;display:flex}.studio .lesson-dots{gap:6px;margin:18px 0 26px;display:flex}.studio .lesson-dots button{background:var(--s-line);border-radius:4px;flex:1;height:8px;position:relative}.studio .lesson-dots button:before{content:"";position:absolute;inset:-10px 0}.studio .lesson-dots button.is-past{background:var(--s-green);opacity:.5}.studio .lesson-dots [aria-current=step]{background:var(--s-green)}.studio .lesson-heading{margin:0 0 22px}.studio .lesson-heading h1{letter-spacing:-1px;margin-top:8px;font-size:clamp(27px,3.4vw,40px);font-weight:850;line-height:1.15}.studio .lesson-illustration{isolation:isolate;color:#947040;background:#ffedbe;border-radius:22px;height:340px;position:relative;overflow:hidden}.studio .illustration-sky{color:#3c838b;background:linear-gradient(160deg,#b9ecf6,#e4faff)}.studio .illustration-orchard{color:#4f7b55;background:linear-gradient(155deg,#e5ebbc,#bde0b8)}.studio .lesson-land{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.studio .lesson-diagram{width:100%;height:100%;position:relative}.studio .lesson-guide{z-index:2;width:20%;max-width:140px;position:absolute;bottom:5%;left:3%}.studio .lesson-guide>.creature-art{filter:drop-shadow(0 6px #54433220);width:100%;height:auto}.studio .guide-right{width:18%;left:auto;right:3%}.studio .orbit-bee{width:55px;height:55px;animation:12s linear infinite bee-orbit;position:absolute;top:50%;left:50%}@keyframes bee-orbit{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}.studio .geometry-pair{justify-content:center;align-items:center;gap:14px;height:100%;padding:28px 80px;display:flex}.studio .geometry-pair>div{text-align:center;width:40%;max-width:245px}.studio .lesson-object{width:100%;height:auto;display:block}.studio .geometry-pair strong,.studio .rotation-body strong{color:#2f6271;font-size:15px;display:block}.studio .single-geometry{width:245px;margin:auto}.studio .rotation-display{justify-content:center;align-items:center;gap:15px;height:100%;padding:0 10%;display:flex}.studio .rotation-source,.studio .rotation-body{text-align:center;color:#31566c;width:40%;max-width:225px;font-size:12px}.studio .rotation-source .lesson-object{transform:rotateX(var(--rotation,90deg));transform-origin:50% 49%}.studio .rotation-source span{margin-top:18px;display:block}.studio .rotation-arrow{color:#52819a;font-size:50px}.studio .brothers-scene{justify-content:center;align-items:center;gap:24px;height:100%;padding:20px 25px;display:flex}.studio .brothers-scene>div{text-align:center;color:#244a3d;flex-direction:column;align-items:center;min-width:0;max-width:165px;display:flex}.studio .brothers-scene .creature-art{width:100%;max-width:120px}.studio .brothers-scene strong{margin-top:10px;font-size:21px}.studio .brothers-scene small{max-width:130px;margin-top:5px;font-size:12px;line-height:1.4}.studio .fridge-scene{justify-content:center;align-items:center;gap:30px;height:100%;padding:20px 45px 25px 110px;display:flex}.studio .fridge-door{background:#f5f9ea;border:9px solid #7fada2;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;width:200px;padding:9px;display:flex;box-shadow:8px 5px #36685933}.studio .fridge-door>span{letter-spacing:1px;color:#477368;padding:0 0 4px;font-size:9px;font-weight:800}.studio .fridge-door>div{opacity:.6;border-top:2px solid #b5cec1;justify-content:center;width:100%;height:64px;display:flex}.studio .fridge-door .lesson-object{width:72px;height:62px}.studio .fridge-door>.food-chosen{opacity:1;background:#d6edaa;box-shadow:inset 0 0 0 2px #669151}.studio .fridge-note{color:#335e4b;max-width:235px;font-size:20px;font-weight:800;line-height:1.4}.studio .candy-display{justify-content:center;align-items:center;gap:0;height:100%;padding:50px 100px;display:flex}.studio .candy-display .lesson-object{width:30%;max-width:165px}.studio .everyday-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 65px;display:flex}.studio .everyday-scene>span{color:#f5a430;font-size:130px;line-height:1.2}.studio .everyday-scene>.rainy-weather{color:#4474a3}.studio .everyday-scene strong{color:#375b43;max-width:350px;font-size:20px}.studio .lesson-body{max-width:790px;margin:0 auto}.studio .lesson-copy{color:var(--s-ink);margin:28px 0;font-size:18px;line-height:1.7}.studio .lesson-copy p+p{margin-top:14px}.studio .lesson-explore{background:var(--s-panel);border:1px solid var(--s-line);border-radius:16px;flex-direction:column;gap:12px;margin-top:14px;padding:20px;display:flex}.studio .lesson-explore label{font-size:15px;display:block}.studio .lesson-explore input[type=range]{width:min(100%,420px);accent-color:var(--s-green);cursor:pointer;margin-top:14px;display:block}.studio .explore-options{flex-wrap:wrap;gap:8px;display:flex}.studio .explore-options [aria-pressed=true]{background:var(--s-soft);border-color:var(--s-green);box-shadow:inset 0 0 0 1px var(--s-green)}.studio .lesson-question{border:1px solid var(--s-line);background:var(--s-panel);border-radius:20px;margin:24px 0;padding:28px}.studio .lesson-question h3{margin-bottom:20px;font-size:21px;font-weight:800;line-height:1.4}.studio .lesson-choices{gap:12px;display:flex}.studio .lesson-choice{border:2px solid var(--s-line);background:var(--s-bg);min-width:0;color:var(--s-ink);border-radius:15px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:68px;padding:16px 12px;font-size:15px;font-weight:700;display:flex;position:relative}.studio .lesson-choice>.lesson-object{max-width:150px}.studio .lesson-choice.is-selected{border-color:var(--s-green);background:var(--s-soft)}.studio .lesson-choice:disabled{opacity:1;cursor:default}.studio .choice-check{color:var(--s-green);position:absolute;top:8px;right:8px}.studio .lesson-number{flex-direction:column;gap:10px;font-size:15px;font-weight:700;display:flex}.studio .lesson-number input{border:2px solid var(--s-line);background:var(--s-bg);width:110px;min-height:50px;color:var(--s-ink);border-radius:10px;padding:10px 14px;font-size:22px}.studio .lesson-number input:focus{border-color:var(--s-green)}.studio .lesson-number>.lesson-object{width:90px}.studio .lesson-check{min-width:155px;margin-top:22px}.studio .lesson-feedback{background:var(--s-soft);border-radius:14px;margin-top:22px;padding:20px;font-size:15px;line-height:1.65}.studio .lesson-feedback strong{margin-bottom:7px;font-size:18px;display:block}.studio .lesson-feedback.try-again{background:var(--s-bg);border:1px solid var(--s-line)}.studio .candy-palette{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.studio .candy-palette button{border:2px solid var(--s-line);background:var(--s-bg);color:var(--s-ink);border-radius:12px;padding:5px 14px 9px;font-size:13px}.studio .candy-palette .lesson-object{width:65px;height:57px;margin:auto}.studio .candy-palette [aria-pressed=true]{border-color:var(--s-green);background:var(--s-soft)}.studio .candy-boxes{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.studio .candy-box{color:#5e3e29;background:#f6d7a5;border:3px solid #a87949;border-bottom-width:8px;border-radius:6px;justify-content:center;align-items:center;height:110px;display:flex;position:relative;overflow:hidden}.studio .candy-box>strong{font-size:14px;position:absolute;top:5px;left:8px}.studio .candy-box .lesson-object{width:77%;max-height:80px;margin-top:15px}.studio .candy-box:disabled{opacity:1;cursor:default}.studio .empty-candy{opacity:.35;font-size:24px;font-weight:500}.studio .candy-counts{justify-content:space-around;gap:20px;display:flex}.studio .candy-solution{text-align:center;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:15px;display:grid}.studio .candy-solution span{border:1px solid var(--s-line);background:var(--s-panel);border-radius:6px;padding:3px;font-size:11px}.studio .lesson-practice{border:1px solid var(--s-line);background:var(--s-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:25px;padding:25px;display:flex}.studio .lesson-practice h3{margin:8px 0;font-size:22px;font-weight:800}.studio .lesson-practice p{color:var(--s-muted);font-size:14px;line-height:1.6}.studio .lesson-practice .button{flex-shrink:0}.studio .lesson-reward{border:1px solid var(--s-line);background:var(--s-panel);border-radius:18px;align-items:center;gap:22px;margin:25px 0;padding:20px;display:flex}.studio .lesson-reward strong{font-size:18px}.studio .lesson-reward p{color:var(--s-muted);margin-top:6px;font-size:14px;line-height:1.6}.studio .lesson-navigation{border-top:1px solid var(--s-line);justify-content:space-between;gap:12px;margin-top:30px;padding-top:25px;display:flex}.studio .lesson-next-hint{color:var(--s-muted);text-align:right;margin-top:10px;font-size:12px}.studio .lesson-completed{border:1px solid var(--s-green);color:var(--s-green);border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.studio .lesson-video{background:var(--s-panel);border:1px solid var(--s-line);border-radius:15px;margin:25px 0;padding:22px}.studio .lesson-video h3{margin-bottom:15px;font-size:20px}.studio .lesson-video iframe,.studio .video-preview{aspect-ratio:16/9;color:#e5f3ce;background:#234738;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.studio .video-preview img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.studio .video-preview span,.studio .video-preview svg{position:relative}.studio .lesson-loading{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:50px;display:flex}@media (max-width:1100px){.studio .lesson-catalog{grid-template-columns:1fr}.studio .lesson-card{grid-template-columns:38% 1fr;display:grid}.studio .lesson-card .lesson-illustration{height:100%;min-height:260px}.studio .lesson-card .lesson-guide{width:23%}.studio .lesson-card .brothers-scene{gap:10px;padding:20px 12px}.studio .lesson-card .brothers-scene strong{font-size:15px}.studio .lesson-card .brothers-scene small{font-size:10px}.studio .lesson-card .geometry-pair{gap:10px;padding:20px}.studio .lesson-card .geometry-pair>div{width:48%}.studio .workshop-adventures .adventure-copy h2{font-size:24px}}@media (max-width:850px){.studio .workshop-adventures{grid-template-columns:1fr}.studio .world-create{min-height:320px}.studio .world-create-art{width:55%;height:200px;margin-top:-75px}.studio .workshop-adventures .adventure-banner{grid-template-columns:45% 1fr;align-items:center;min-height:240px;display:grid}.studio .workshop-adventures .adventure-copy{padding:25px 20px 25px 0}.studio .workshop-adventures .typing-banner-art{height:auto}.studio .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.studio .world-create-copy{padding:25px 24px 0}.studio .world-create-art{width:82%;height:125px;margin-top:0}.studio .world-create{min-height:360px}.studio .workshop-adventures .adventure-banner{min-height:380px;display:flex}.studio .workshop-adventures .typing-banner-art{height:210px}.studio .workshop-adventures .adventure-copy{padding:0 24px 25px}.studio .workshop-adventures .adventure-copy h2{font-size:25px}.studio .mode-switch .mode-toggle{gap:6px;padding:8px;font-size:11px}.studio .mode-switch .mode-toggle svg{width:14px;display:block}.studio .level-portrait{border-radius:17px;flex-basis:64px;width:64px;height:64px}.studio .level-portrait>.creature-art{width:58px;height:58px}.studio .level-treasure{width:29px;height:29px}.studio .typing-leaderboard{padding:18px 14px}.studio .typing-leaderboard th,.studio .typing-leaderboard td{padding:9px 6px;font-size:12px}.studio .typing-leaderboard th{font-size:9px}.studio .danger-meter>div{font-size:10px}.studio .typing-reaction{font-size:11px}.studio .runner-monster.enemy-dragon{width:78px;height:70px}.studio .daily-reward>.reward-emblem{width:95px;height:95px}.studio .streak-calendar{grid-template-columns:repeat(9,minmax(0,1fr))}.studio .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio .catalog-material strong{font-size:10px}.studio .catalog-material code{font-size:8px}.studio .lesson-card{display:flex}.studio .lesson-card .lesson-illustration{height:215px;min-height:0}.studio .lesson-illustration{border-radius:16px;height:250px}.studio .lesson-guide{max-width:75px;bottom:4%}.studio .lesson-heading h1{font-size:28px}.studio .lesson-body .lesson-copy{font-size:16px;line-height:1.65}.studio .lesson-question{padding:20px 15px}.studio .lesson-question h3{font-size:19px}.studio .lesson-choices{gap:8px}.studio .lesson-choice{padding:12px 6px;font-size:12px}.studio .lesson-choice>.lesson-object{max-width:110px}.studio .lesson-practice{flex-direction:column;align-items:stretch;padding:20px}.studio .lesson-reward{gap:14px;padding:15px}.studio .lesson-reward>.reward-emblem{width:72px;height:72px}.studio .lesson-reward strong{font-size:16px}.studio .lesson-reward p,.studio .lesson-trail{font-size:12px}.studio .lesson-navigation .button{padding:10px 14px;font-size:12px}.studio .geometry-pair{gap:10px;padding:20px 26px}.studio .geometry-pair>div{width:48%}.studio .geometry-pair strong{font-size:11px}.studio .brothers-scene{gap:10px;padding:10px 15px}.studio .brothers-scene strong{font-size:15px}.studio .brothers-scene small{font-size:10px}.studio .fridge-scene{gap:12px;padding:15px 18px 25px 48px}.studio .fridge-door{border-width:6px;width:115px}.studio .fridge-door>div{height:49px}.studio .fridge-door .lesson-object{width:55px;height:47px}.studio .fridge-door>span{font-size:6px}.studio .fridge-note{font-size:14px}.studio .candy-display{padding:35px 45px}.studio .everyday-scene{padding:0 45px}.studio .everyday-scene>span{font-size:100px}.studio .everyday-scene strong{font-size:15px}.studio .rotation-source span{font-size:10px}.studio .rotation-arrow{font-size:30px}.studio .rotation-body strong{font-size:13px}.studio .candy-palette{gap:6px}.studio .candy-palette button{padding:5px 8px;font-size:10px}.studio .candy-palette .lesson-object{width:52px;height:46px}.studio .candy-boxes{gap:6px}.studio .candy-box{border-width:2px 2px 5px;height:72px}.studio .candy-box>strong{font-size:11px;top:2px;left:5px}.studio .candy-counts{gap:10px}.studio .candy-counts .lesson-number{min-width:0;font-size:11px}.studio .candy-counts input{width:100%;min-height:46px;padding:8px;font-size:18px}.studio .candy-counts .lesson-object{width:70px;max-width:100%}.studio .candy-solution{grid-template-columns:repeat(5,minmax(0,1fr))}.studio .lesson-feedback{padding:15px;font-size:13px}.studio .lesson-feedback strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.studio .orbit-bee{animation:none}.studio .lesson-card{transition:none}.studio .danger-meter progress::-webkit-progress-value{transition:none}}.studio .level-medal:has(.level-portrait){clip-path:none;background:0 0;width:auto;height:auto;overflow:visible}.studio .achievement-medal .reward-emblem{width:82px;height:82px}.studio .achievement-detail .achievement-medal .reward-emblem{width:120px;height:120px}.studio .typing-leaderboard h2{align-items:center;gap:9px;display:flex}.studio .typing-leaderboard tbody th{text-transform:none;letter-spacing:0;color:var(--s-ink);font-size:14px;font-weight:650}.studio .typing-leaderboard tbody small{color:var(--s-green);margin-left:7px;font-size:10px;display:inline-block}.studio .typing-leaderboard .rank-place{background:var(--s-bg);border-radius:8px;place-items:center;width:27px;height:27px;font-weight:800;display:inline-grid}.studio .typing-leaderboard .rank-1{color:#73511f;background:#f5d476}.studio .typing-leaderboard .rank-2{color:#4b656a;background:#d8e7e6}.studio .typing-leaderboard .rank-3{color:#6d4a2b;background:#e7bf97}.studio .typing-leaderboard .own-rank{border-top:3px solid var(--s-line)}@media (max-width:600px){.studio .typing-leaderboard tbody th{font-size:12px}}.studio .scene-flat-volume .lesson-guide,.studio .scene-ball-shell .lesson-guide{width:14%;bottom:0}.studio .scene-flat-volume .geometry-pair,.studio .scene-ball-shell .geometry-pair{padding-bottom:55px}.studio .level-encouragement{color:var(--s-muted);margin-top:12px;font-size:13px}.studio .lesson-question>.text-link,.studio .lesson-check{width:fit-content;display:flex}.studio .fridge-door .empty-shelf{color:#486b61;letter-spacing:.5px;align-self:center;font-size:11px}
