:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff;background:#041228}button{font:inherit}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:12px;display:flex}.device-shell{background:linear-gradient(#0d1b33 0%,#071126 100%);border:1px solid #ffffff1a;border-radius:28px;width:320px;height:568px;position:relative;overflow:hidden;box-shadow:0 0 48px #2077ff2e}.glow{filter:blur(38px);opacity:.75;border-radius:999px;position:absolute}.glow-a{background:#35e7ff2e;width:130px;height:130px;top:-30px;right:-40px}.glow-b{background:#8e6bff29;width:120px;height:120px;top:180px;left:-30px}.glow-c{background:#ffb84d1f;width:150px;height:150px;bottom:70px;right:-40px}.status-bar{color:#ffffffbf;justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:8px 14px auto}.status-right{align-items:center;gap:6px;display:flex}.battery{border:1px solid #ffffffa6;border-radius:3px;width:16px;height:8px}.status-dot{background:#fffc;border-radius:999px;width:4px;height:4px}.screen-wrap{z-index:2;flex-direction:column;height:100%;padding:34px 12px 78px;display:flex;position:relative}.header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.header-left{align-items:flex-start;gap:8px;min-width:0;display:flex}.header-title{font-size:16px;font-weight:700}.header-subtitle{color:#ffffff94;margin-top:2px;font-size:11px;line-height:1.45}.back-btn,.back-placeholder{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.back-placeholder{visibility:hidden}.pill{color:#fff;background:#ffffff1a;border:0;border-radius:999px;height:34px;padding:0 12px}.pill.ghost{color:#ffffffeb;background:#ffffff14}.pill.amber{color:#1a1e28;background:linear-gradient(90deg,#ffd76a,#ff9f43);font-weight:700}.pill.blue{color:#fff;background:linear-gradient(90deg,#35e7ff,#4c8dff);font-weight:700}.pill.full{width:100%}.badge-btn{height:28px;font-size:11px}.page-col{flex-direction:column;flex:1;min-height:0;display:flex}.center-gap-lg{justify-content:center;gap:14px}.stack{flex-direction:column;display:flex}.gap-sm{gap:8px}.gap-md{gap:10px}.w-full{width:100%}.text-left{text-align:left}.flex-1{flex:1;min-width:0}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 28px #0000002e}.hero-copy h1{text-align:center;margin:0;font-size:22px}.hero-copy p{color:#ffffffa6;text-align:center;margin:6px 14px 0;font-size:12px;line-height:1.6}.orb-button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:10px;width:120px;height:120px;display:flex}.orb-button:before{content:"";background:radial-gradient(circle,#35e7ff47,#4c8dff14 60%,#0000 72%);border-radius:999px;width:120px;height:120px;position:absolute}.orb-button.pressed:before{transform:scale(1.04)}.orb-core{z-index:1;background:linear-gradient(#3ee2fff2,#5670fff2);border-radius:999px;justify-content:center;align-items:center;width:84px;height:84px;font-size:30px;display:flex;position:relative;box-shadow:0 0 28px #35e7ff61}.orb-label{z-index:1;font-size:13px;position:relative}.action-card,.mini-entry,.feature-card{width:100%;color:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:10px;padding:12px;display:flex}.action-emoji,.mini-entry-emoji,.feature-emoji{background:#ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex}.action-title,.mini-entry-title,.feature-title{font-size:14px;font-weight:700;display:block}.action-desc,.mini-entry-desc,.feature-desc{color:#ffffff9e;margin-top:2px;font-size:11px;line-height:1.5;display:block}.action-arrow{color:#fff6}.feature-card.purple{background:linear-gradient(135deg,#8e6bff26,#ff7bea14)}.feature-card.amber{background:linear-gradient(135deg,#ffd76a26,#ff9f4314)}.feature-card.blue{background:linear-gradient(135deg,#35e7ff21,#4c8dff14)}.bubble{padding:12px}.bubble.right{margin-left:34px}.bubble.accent{background:#35e7ff14;border-color:#35e7ff2e}.bubble-role{color:#ffffff73;margin-bottom:6px;font-size:10px}.bubble-text{font-size:13px;line-height:1.65}.chip-row,.chip-wrap{flex-wrap:wrap;gap:6px;display:flex}.center{justify-content:center}.chip{color:#ffffffbd;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:11px;display:inline-flex}.chip.active{color:#dffcff;background:#35e7ff26;border-color:#67e8f966}.voice-bar{align-items:center;gap:8px;margin-top:auto;padding:10px 12px;display:flex}.voice-bar.compact{margin-top:0}.voice-label{color:#ffffffa3;flex:1;font-size:12px}.voice-btn{color:#fff;background:linear-gradient(90deg,#35e7ff,#4c8dff);border:0;border-radius:999px;width:36px;height:36px}.ghost-link{color:#9befff;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.ghost-link.inline{font-size:11px}.camera-box{background:linear-gradient(#111827,#090d1a);border:1px solid #ffffff1a;border-radius:20px;flex:1;min-height:250px;position:relative;overflow:hidden}.camera-frame{border:1px solid #67e8f938;border-radius:18px;position:absolute;inset:34px}.camera-actions{justify-content:center;align-items:center;gap:18px;display:flex}.circle-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;width:42px;height:42px}.capture-btn{color:#000;background:#fff;border:8px solid #67e8f933;border-radius:999px;width:70px;height:70px}.problem-card{gap:10px;padding:12px;display:flex}.problem-badge{background:#ffffff14;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.lesson-card{padding:12px}.lesson-title,.question-title,.work-title,.frame-title,.body-strong{font-size:13px;font-weight:700}.lesson-body,.frame-text,.work-meta{color:#ffffffad;margin-top:4px;font-size:11px;line-height:1.55}.hero-image-card{padding:10px}.hero-image{border-radius:18px;flex-direction:column;justify-content:space-between;height:188px;padding:12px;display:flex;position:relative;overflow:hidden}.version-pill{background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;align-self:flex-end;padding:4px 10px;font-size:11px}.hero-emoji{align-self:flex-start;margin-top:28px;font-size:42px}.hero-caption{font-size:13px;font-weight:700}.version-row{justify-content:center;gap:10px;display:flex}.version-dot{background:#ffffff61;border:0;border-radius:999px;width:12px;height:12px}.version-dot.active{background:#9befff;width:18px;height:18px;box-shadow:0 0 14px #35e7ffe6}.two-col-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.section-label{color:#ffffffd1;margin-bottom:6px;font-size:12px;font-weight:700}.spec-card{padding:12px}.spec-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spec-mini{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:10px}.spec-mini-label{color:#ffffff75;font-size:10px}.spec-mini-value{margin-top:4px;font-size:12px;font-weight:600;line-height:1.4}.question-card.compact{padding:12px}.answer-btn{color:#fff;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;width:100%;padding:12px}.answer-btn.active{background:#35e7ff1a;border-color:#67e8f93d}.mini-grid{gap:8px;display:grid}.mini-grid.two{grid-template-columns:1fr 1fr}.mini-grid.three{grid-template-columns:repeat(3,1fr)}.scroll-grow{min-height:0;overflow-y:auto}.frame-card,.mini-work-card{padding:8px}.frame-cover,.mini-work-cover{border-radius:14px;justify-content:center;align-items:center;height:82px;margin-bottom:8px;font-size:26px;display:flex}.mini-work-cover{height:54px;font-size:20px}.mini-work-title{font-size:11px;font-weight:700;line-height:1.35}.mini-work-meta{color:#ffffff8f;margin-top:2px;font-size:10px;line-height:1.4}.game-preview-card{padding:10px}.preview-hud{color:#ffffffbf;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.preview-scene{background:linear-gradient(#143a64,#091320);border-radius:18px;height:170px;position:relative;overflow:hidden}.scene-emoji{position:absolute}.sheep{font-size:46px;bottom:24px;left:24px}.eagle{font-size:32px;top:24px;right:24px}.moon{font-size:22px}.m1{bottom:58px;left:118px}.m2{bottom:92px;left:198px}.m3{bottom:52px;right:62px}.work-card{align-items:center;gap:10px;padding:10px;display:flex}.work-cover{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;display:inline-flex}.metrics-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-card{padding:12px}.metric-value{margin-top:4px;font-size:22px;font-weight:700}.parent-card{padding:12px}.muted-xs{color:#ffffff85;font-size:10px}.bottom-nav{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.bottom-nav-btn{color:#ffffff94;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:48px;font-size:11px;display:flex}.bottom-nav-btn.active{color:#fff;background:#ffffff14}.debug-panel{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071126eb;border:1px solid #ffffff1f;border-radius:18px;position:absolute;inset:74px 12px 76px;overflow:hidden}.debug-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:42px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.debug-body{height:calc(100% - 42px);padding:10px;overflow-y:auto}.debug-line{border-bottom:1px solid #ffffff0d;padding:8px 0}.debug-time{color:#ffffff75;font-size:10px}.debug-event{margin-top:2px;font-size:11px;font-weight:700}.debug-payload{color:#ffffffa8;word-break:break-word;margin-top:2px;font-size:10px;line-height:1.45}.error-page{color:#fff;background:#071126;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.error-box{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;width:min(420px,100%);padding:20px}.error-title{margin-bottom:8px;font-size:18px;font-weight:800}.error-text{color:#ffffffdb;white-space:pre-wrap;font-size:13px;line-height:1.6}.error-hint{color:#ffffff9e;margin-top:10px;font-size:12px}