@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/cube/assets/rubik-arabic-wght-normal-CGnJ-sf6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/cube/assets/rubik-cyrillic-ext-wght-normal-BjodpZir.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/cube/assets/rubik-cyrillic-wght-normal-DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/cube/assets/rubik-hebrew-wght-normal-BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/cube/assets/rubik-latin-ext-wght-normal-OacczzuJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/cube/assets/rubik-latin-wght-normal-CnQIisVs.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#edf3f5;--surface:#fff;--surface-soft:#f8fafb;--surface-cool:#e4eef1;--text:#111827;--muted:#64707d;--faint:#8a96a3;--border:#d9e2e7;--border-strong:#b7c6ce;--ink:#161a22;--accent:#087f8c;--accent-strong:#075e68;--accent-soft:#d9f3f2;--green:#18a75c;--yellow:#ffd84d;--orange:#f28a26;--red:#e23d3d;--blue:#2f6fd3;--shadow:0 18px 54px #14232d1f;--small-shadow:0 8px 24px #14232d1a;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik Variable,Rubik,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #087f8c4d}#root{min-height:100vh}.app-shell{flex-direction:column;gap:18px;width:min(1680px,100%);min-height:100vh;margin:0 auto;padding:22px;display:flex}.topbar{border:1px solid var(--border);box-shadow:var(--small-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, #18a75ceb, #087f8ceb), var(--accent);flex:none;place-items:center;width:46px;height:46px;display:grid}.brand h1,.brand p,.panel-heading h2,.stage-panel__header h2,.teach-banner h2{letter-spacing:0;margin:0}.brand h1{font-size:clamp(24px,3vw,40px);font-weight:760;line-height:1}.brand p{color:var(--muted);margin-top:5px;font-size:14px;line-height:1.35}.size-switcher{border:1px solid var(--border);background:var(--surface-soft);grid-template-columns:repeat(3,minmax(58px,1fr));gap:4px;padding:4px;display:inline-grid}.size-switcher button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:14px;font-weight:650}.size-switcher button.is-selected{color:#fff;background:var(--ink);box-shadow:0 8px 18px #11182729}.workspace{flex:1;grid-template-columns:minmax(300px,430px) minmax(420px,1fr) minmax(320px,410px);align-items:stretch;gap:18px;display:grid}.editor-panel,.stage-panel,.lesson-panel{border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);background:#ffffffeb}.editor-panel,.lesson-panel{flex-direction:column;gap:16px;padding:18px;display:flex}.stage-panel{grid-template-rows:auto minmax(420px,1fr) auto;display:grid;overflow:hidden}.panel-heading,.stage-panel__header,.teach-banner{justify-content:space-between;align-items:center;gap:14px;display:flex}.stage-panel__header{padding:18px 18px 12px}.panel-heading svg,.stage-panel__header svg{color:var(--accent)}.eyeline{color:var(--accent-strong);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:760;line-height:1}.panel-heading h2,.stage-panel__header h2,.teach-banner h2{font-size:20px;font-weight:720;line-height:1.1}.palette{grid-template-columns:repeat(6,minmax(38px,1fr));gap:8px;display:grid}.swatch{aspect-ratio:1;background:var(--swatch);min-width:0;color:var(--swatch-text);cursor:pointer;border:2px solid #0000;position:relative;box-shadow:inset 0 0 0 1px #0f172a29}.swatch span{place-items:center;width:100%;height:100%;font-size:13px;font-weight:800;display:grid}.swatch.is-selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px #0f172a38,0 0 0 4px #087f8c24}.face-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-right:2px;display:grid;overflow:auto}.face-card{border:1px solid var(--border);background:var(--surface-soft);padding:10px}.face-card__header{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:650;line-height:1;display:flex}.face-letter{color:#fff;background:var(--ink);place-items:center;width:22px;height:22px;font-size:12px;display:grid}.sticker-grid{grid-template-columns:repeat(var(--cube-size), minmax(0, 1fr));gap:clamp(3px,.6vw,5px);display:grid}.sticker-cell{aspect-ratio:1;background:var(--sticker-color);min-width:0;color:var(--sticker-text);cursor:pointer;border:1px solid #0f172a38;padding:0;transition:transform .14s,box-shadow .14s}.sticker-cell:hover{transform:translateY(-1px);box-shadow:0 6px 12px #1118271f}.sticker-cell span{font-size:clamp(9px,1vw,12px);font-weight:800}.editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ghost-button,.teach-button,.icon-button,.move-chip{cursor:pointer;border:0}.ghost-button{min-height:42px;color:var(--ink);background:var(--surface-cool);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.cube-canvas{background:radial-gradient(circle at 28% 24%,#ffd84d42,#0000 26%),linear-gradient(145deg,#eef4f7,#dce9ed 58%,#f8fafb);height:100%;min-height:420px}.keyboard-hint{width:34px;height:34px;color:var(--accent-strong);background:var(--accent-soft);place-items:center;display:grid}.color-inventory{border-top:1px solid var(--border);background:var(--border);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid}.inventory-item{background:var(--surface);grid-template-rows:auto auto;grid-template-columns:14px auto;align-items:center;gap:2px 7px;min-width:0;padding:10px 8px;display:grid}.inventory-item span{border:1px solid #0f172a2e;grid-row:span 2;width:14px;height:14px}.inventory-item strong{font-size:15px;line-height:1}.inventory-item small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1;overflow:hidden}.teach-button{color:#fff;background:var(--accent);justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:760;display:inline-flex}.teach-button:disabled{cursor:wait;opacity:.72}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert,.coach-note{color:#7c2d12;background:#fff4e7;border:1px solid #fed7aa;align-items:flex-start;gap:9px;padding:11px;font-size:13px;line-height:1.35;display:flex}.lesson-summary{background:var(--surface-soft);border:1px solid var(--border);gap:14px;padding:14px;display:grid}.lesson-summary p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);align-content:center;gap:4px;min-height:58px;padding:8px;display:grid}.metric span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:760;line-height:1;overflow:hidden}.metric small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700;line-height:1}.step-card{color:#fff;background:linear-gradient(135deg, #161a22fa, #1f2a34f5), var(--ink);gap:12px;padding:16px;display:grid;box-shadow:0 16px 30px #1118272e}.step-card__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.step-count,.mode-pill{text-transform:uppercase;font-size:11px;font-weight:800;line-height:1}.step-count{color:#b8c7cf}.mode-pill{background:#ffffff1f;padding:6px 8px}.mode-pill--coach{background:#ffd84d33}.move-line{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.move-line span{font-size:clamp(40px,7vw,74px);font-weight:820;line-height:.92}.move-line small{color:#9bd8dc;flex:none;font-size:13px;font-weight:760}.phase,.instruction{margin:0}.phase{color:#dce9ed;font-size:14px;font-weight:720}.instruction{color:#b8c7cf;font-size:14px;line-height:1.45}.step-controls{grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;display:grid}.icon-button{width:46px;height:46px;color:var(--ink);background:var(--surface-cool);place-items:center;display:grid}.icon-button--primary{color:#fff;background:var(--ink)}.icon-button:disabled{cursor:not-allowed;opacity:.42}.progress-track{background:var(--surface-cool);height:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--green), var(--accent), var(--blue));height:100%;transition:width .22s;display:block}.move-strip{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:7px;min-height:80px;display:flex;overflow:auto}.move-chip{min-width:42px;min-height:32px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);padding:0 10px;font-size:13px;font-weight:740}.move-chip.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.move-chip.is-done{color:var(--accent-strong);background:var(--accent-soft);border-color:#087f8c47}.empty-lesson{min-height:220px;color:var(--muted);background:var(--surface-soft);border:1px dashed var(--border-strong);align-content:center;place-items:center;gap:12px;display:grid}.empty-lesson p{text-align:center;width:min(220px,100%);margin:0;line-height:1.35}@media (width<=1260px){.workspace{grid-template-columns:minmax(320px,440px) minmax(420px,1fr)}.lesson-panel{grid-column:1/-1;grid-template-columns:minmax(260px,.8fr) minmax(360px,1fr) minmax(300px,.8fr);align-items:start;display:grid}.teach-banner,.alert,.coach-note,.lesson-summary,.empty-lesson{grid-column:1}.step-card,.step-controls{grid-column:2}.move-strip{grid-column:3}}@media (width<=900px){.app-shell{padding:12px}.topbar{flex-direction:column;align-items:stretch}.workspace,.lesson-panel{grid-template-columns:1fr}.lesson-panel>*{grid-column:auto}.stage-panel{grid-template-rows:auto minmax(360px,58vh) auto}.cube-canvas{min-height:360px}}@media (width<=560px){.brand{align-items:flex-start}.brand-mark{width:40px;height:40px}.brand p{font-size:13px}.palette,.color-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}.face-board{grid-template-columns:1fr;max-height:none}.metric-row{grid-template-columns:1fr}.move-line{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}