:root{--bg:#edf1f8;--panel:#fff;--panel-2:#f5f7fb;--ink:#1b2333;--muted:#6b7588;--line:#e2e7f0;--brand:#2f6fed;--brand-2:#5b8cff;--brand-soft:#e8efff;--warm:#ff9f43;--warm-soft:#fff4e6;--good:#19a35b;--warn:#e08a00;--bad:#e0413a;--stage:#0f131b;--radius:14px;--shadow:0 1px 2px #141e3c0d, 0 4px 14px #141e3c0f;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover:not(:disabled){background:#245fd6}button.danger{color:var(--bad)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--panel-2);border-color:#0000}button.sm{border-radius:7px;padding:3px 9px;font-size:12px}.link-btn{color:var(--brand);background:0 0;border:0;padding:0 4px;text-decoration:underline}input,textarea,select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;padding:7px 10px}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand-soft);border-color:var(--brand-2)}textarea{resize:vertical}.muted{color:var(--muted)}.small{font-size:12px}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.badge{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:11px}.badge.good{color:var(--good);background:#effaf4;border-color:#bfe8d0}.badge.warn{color:var(--warn);background:#fff8ea;border-color:#f5dcae}.badge.bad{color:var(--bad);background:#fff1f0;border-color:#f4c4c1}.toast{z-index:100;color:#fff;background:#1b2333;border-radius:20px;max-width:90vw;padding:9px 18px;font-size:13px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.bar{background:var(--brand-soft);border-radius:5px;height:10px;overflow:hidden}.bar i{background:var(--brand);border-radius:5px;height:100%;display:block}.logo{border-radius:8px;width:30px;height:30px}.cls{gap:8px;height:100%;padding:8px;display:grid}.cls.teacher{grid-template:"top top top top"60px"rail panel stage right"minmax(0,1fr)"film film film film""dock dock dock dock"/72px auto minmax(0,1fr) 250px}.cls.student{grid-template:"top top"60px"stage right"minmax(0,1fr)/minmax(0,1fr) max(220px,min(20vw,320px))}.cls.student.immersive{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""stage"}.cls.student .a-stage{position:relative}.cls.student .stage-wrap{box-shadow:none;background:0 0}.cls.student .stage{border-radius:var(--radius);box-shadow:var(--shadow)}.cls.student .stage.fill{width:100cqw;height:100cqh}.ink-box{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.stage.fill .ink-box{width:min(100cqw,177.778cqh);height:min(100cqh,56.25cqw);top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}.ink-box canvas.ink:not(.passive){pointer-events:auto}.ink-box .ink-text{z-index:6;pointer-events:auto;border:2px dashed var(--brand);resize:none;field-sizing:content;box-sizing:content-box;background:#ffffffeb;border-radius:8px;min-width:180px;max-width:70%;margin:-4px 0 0 -6px;padding:2px 6px;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;font-weight:700;line-height:1.25;position:absolute;overflow:hidden}.cls.student{font-size:15px}.cls.student .tool{min-width:54px;font-size:12.5px}.cls.student .tool svg{width:22px;height:22px}@supports (height:100dvh){.cls{height:100dvh}}.a-top{grid-area:top}.a-rail{grid-area:rail}.a-panel{grid-area:panel}.a-stage{grid-area:stage}.a-right{grid-area:right}.a-left{grid-area:left}.a-film{grid-area:film}.a-dock{grid-area:dock}.box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;min-height:0}.a-stage{min-width:0;min-height:0;display:flex}@media (max-width:1180px){.cls.teacher{grid-template-columns:64px auto minmax(0,1fr) 200px}.cls.student:not(.immersive){grid-template-columns:minmax(0,1fr) 220px}}@media (max-width:820px){.cls.student:not(.immersive){grid-template:"top"56px"stage""right"minmax(320px,1fr)/1fr;overflow:auto}.cls.student .a-stage{aspect-ratio:16/9}.cls.teacher{grid-template:"top top"56px"rail stage""rail panel""right right""film film""dock dock"/56px minmax(0,1fr);overflow:auto}.cls.teacher .a-stage{aspect-ratio:16/9}}.topbar{align-items:center;gap:4px;padding:0 10px;display:flex;overflow-x:auto;overflow-y:hidden}.brandline{flex:none;align-items:center;gap:8px;padding-right:8px;display:flex}.brandline .name{font-size:15px;font-weight:700}.brandline .course{color:var(--muted);max-width:220px;font-size:12px}.brandline .name,.brandline .course{font-size:15px;line-height:1.35}.brandline .course{color:#3a4459;font-weight:500}.brandline .name .badge{vertical-align:1px;font-size:11px;font-weight:500}.px-logo{image-rendering:pixelated;background:0 0!important;border-radius:0!important}.layout-entry{justify-content:flex-start;align-items:center;gap:8px;display:flex}.layout-entry .muted{margin-left:auto}.lp-mask{z-index:80;background:#141c2d59;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lp-box{background:#fff;border-radius:18px;width:min(640px,94vw);padding:16px 18px 18px;box-shadow:0 18px 50px #00000040}.lp-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:18px;display:flex}.lp-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lp-item{border:2px solid var(--line);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}.lp-item b{font-size:16px}.lp-item span{color:var(--muted);font-size:13px;line-height:1.45}.lp-item.on{background:#e9f4fb;border-color:#008bd0}.lp-sketch{width:100%;max-width:150px}@media (max-width:560px){.lp-list{grid-template-columns:1fr}.lp-item{text-align:left;flex-direction:row}.lp-sketch{flex:none;width:110px}}.tsep{background:var(--line);flex:none;width:1px;height:30px;margin:0 4px}.tool{color:#3a4459;background:0 0;border-color:#0000;border-radius:10px;flex-direction:column;gap:1px;min-width:50px;padding:4px 7px;font-size:11px}.tool svg{width:19px;height:19px}.tool:hover:not(:disabled){background:var(--panel-2);border-color:#0000}.tool.on{background:var(--brand-soft);color:var(--brand);border-color:#0000}.tool.warn{color:var(--bad)}.tool{position:relative}.tool .lvl{background:#00000014;border-radius:2px;height:3px;position:absolute;bottom:1px;left:9px;right:9px;overflow:hidden}.tool .lvl b{background:var(--good);height:100%;transition:width .12s;display:block}.tool.hot{background:var(--warm-soft);color:#c86a00}.swatches{flex:none;align-items:center;gap:3px;padding:0 4px;display:flex}.sw{width:18px;height:18px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%;min-width:0;padding:0}.sw.cur{box-shadow:0 0 0 2px var(--brand)}.topbar{scrollbar-width:thin}@media (max-width:1400px){.brandline .course{max-width:130px}.tool{min-width:42px;padding:4px 3px}.sw{width:15px;height:15px}.tsep{margin:0 2px}}.dlg-mask{z-index:80;background:#141e3c52;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dlg{background:#fff;border-radius:14px;flex-direction:column;gap:10px;width:min(560px,100%);max-height:90vh;padding:16px;display:flex;overflow:auto;box-shadow:0 16px 40px #141e3c40}.dlg textarea{resize:vertical;box-sizing:border-box;width:100%}.pop{z-index:60;border:1px solid var(--line);background:#fff;border-radius:12px;width:320px;padding:12px;position:fixed;box-shadow:0 10px 30px #141e3c2e}.rail{flex-direction:column;align-items:stretch;gap:2px;padding:8px 6px;display:flex;overflow-y:auto}.rail button{color:#3a4459;background:0 0;border-color:#0000;border-radius:10px;flex-direction:column;gap:1px;padding:5px 2px;font-size:11px;line-height:1.2}.rail button svg{width:20px;height:20px}@media (max-height:900px){.rail{gap:0;padding:5px}.rail button{padding:3px 2px;font-size:10.5px}.rail button svg{width:18px;height:18px}}.rail button:hover{background:var(--panel-2)}.rail button.on{background:var(--brand);color:#fff}.panel{flex-direction:column;width:300px;display:flex;overflow:hidden}.panel-h{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px 8px;font-weight:700;display:flex}.panel-b{flex-direction:column;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.panel .hint{color:var(--muted);font-size:12px}.panel .hint summary{cursor:pointer}.panel-sub{border-top:1px dashed var(--line);margin-top:6px;padding-top:8px;font-size:13px;font-weight:700}.ai-tag{color:#7a4fd1}.warn-text{color:var(--warn)}.sm-select{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:7px;align-items:center;gap:3px;padding:0 2px 0 7px;font-size:12px;display:inline-flex}.sm-select select{cursor:pointer;background:0 0;border:0;outline:none;width:auto;min-width:0;padding:3px 2px;font-size:12px}.seg2{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;gap:2px;padding:2px;display:flex}.seg2 button{color:var(--muted);background:0 0;border:0;border-radius:7px;flex:1;padding:4px 6px;font-size:12.5px}.seg2 button.on{color:var(--brand);background:#fff;font-weight:600;box-shadow:0 1px 3px #14285a1f}.seg2.big button{padding:6px;font-size:13px}.now-playing{background:linear-gradient(135deg,#eaf1ff,#f6f9ff);border:1px solid #c7d7fb;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.now-playing input[type=range]{accent-color:var(--brand)}.eq{flex:none;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.eq i{background:var(--brand);border-radius:1px;width:3px;height:4px}.eq.run i{animation:.9s ease-in-out infinite eq}.eq.run i:nth-child(2){animation-delay:-.3s}.eq.run i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:4px}50%{height:12px}}.tracks{flex-direction:column;gap:4px;display:flex}.track{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:5px 6px;font-size:12.5px;display:flex}.amb-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.amb-grid button{border-radius:10px;flex-direction:column;gap:2px;padding:8px 2px;font-size:12px}.amb-grid button .e{font-size:20px;line-height:1.1}.amb-grid button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.setup-card{background:#fff8ea;border:1px solid #f5dcae;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;font-size:12.5px;line-height:1.6;display:flex}.setup-card ol{margin:0;padding-left:1.3em}.bgm-chip{background:var(--brand-soft);max-width:260px;color:var(--brand);border-color:#c7d7fb;border-radius:99px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:12px;display:inline-flex}.bgm-chip .sub{color:var(--muted);max-width:110px;font-size:11px}.bgm-chip.blocked{color:var(--bad);background:#fff1f0;border-color:#f4c4c1;animation:1.4s ease-in-out infinite st-pulse}.rail .rail-chip{color:#9a5b00;background:#fff8ea;border:1px solid #f5dcae;margin-top:auto;padding:6px 2px 4px;font-size:10.5px;position:relative}.rail .rail-chip.bad{color:var(--bad);background:#fff1f0;border-color:#f4c4c1}.rail .rail-chip .x{border-radius:50%;padding:1px;display:inline-flex;position:absolute;top:1px;right:1px}.rail .rail-chip .x:hover{background:#00000014}.brandline .safe-err{z-index:90;max-width:280px;position:fixed;bottom:8px;left:8px}.drop{text-align:center;color:var(--muted);background:var(--panel-2);cursor:pointer;border:2px dashed #c9d5ee;border-radius:12px;padding:16px}.drop.over{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.acard{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.acard .thumb{aspect-ratio:16/9;color:#8a95aa;background:#eef2f8;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.acard .thumb img{object-fit:cover;width:100%;height:100%}.acard .thumb .tag{position:absolute;top:6px;left:6px}.acard .meta{flex-direction:column;gap:5px;padding:6px 8px;display:flex}.acard .meta .t{font-size:12.5px;font-weight:600}.acard.can-drag .thumb{cursor:grab}.acard.can-drag .thumb:active{cursor:grabbing}.acard .thumb:hover:after{content:"▶ 点一下看效果";color:#fff;pointer-events:none;background:#0000008c;border-radius:10px;padding:2px 8px;font-size:11px;position:absolute;bottom:6px;right:6px}.film.asset-over{outline:3px dashed var(--brand);outline-offset:-3px;background:var(--brand-soft)}.strip{gap:3px;display:flex;overflow-x:auto}.strip img,.strip .ph{object-fit:cover;background:#e6ebf3;border-radius:4px;flex:none;width:54px;height:30px}.stage-wrap{background:var(--stage);border-radius:var(--radius);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:size}.stage{background:#000;width:min(100cqw,177.778cqh);height:min(100cqh,56.25cqw);position:relative;overflow:hidden;container-type:size}.stage>.content{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.stage img,.stage video{object-fit:contain;max-width:100%;max-height:100%}.stage canvas.ink{touch-action:none;z-index:5;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.stage canvas.ink.passive{pointer-events:none}.stage .empty{color:#8b95a7;text-align:center;padding:24px;font-size:max(13px,min(2cqw,20px));line-height:1.8}.stage iframe{background:#fff;border:0;width:100%;height:100%}.stage .pager{z-index:7;color:#fff;background:#0000008c;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex;position:absolute;bottom:10px;right:10px}.stage .pager button{color:#fff;background:0 0;border-color:#fff6;padding:2px 8px}.stage .results{color:var(--ink);background:linear-gradient(135deg,#f4f7ff,#fff);flex-direction:column;gap:14px;padding:5% 7%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.stage .results h2{margin:0;font-size:max(16px,min(3.4cqw,40px))}.stage .results .quote{border-left:6px solid var(--brand);background:#fff;border-radius:8px;padding:14px 18px;font-size:max(16px,min(3cqw,34px));line-height:1.6}.reading{color:#2a2a2a;background:#fffdf7;padding:5cqh 7cqw;font-family:Songti SC,STSong,SimSun,serif;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.reading h1{text-align:center;letter-spacing:.1em;margin:0 0 2.2cqh;font-size:3.4cqw}.reading p{text-indent:2em;margin:0 0 1.2cqh;font-size:2.35cqw;line-height:1.95}.sb-pic{object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;max-width:none!important;max-height:none!important}.m-static{transform:scale(1.02)}.m-zoom-in{animation:zin var(--dur) ease-out forwards}.m-zoom-out{animation:zout var(--dur) ease-out forwards}.m-pan-left{animation:panl var(--dur) linear forwards}.m-pan-right{animation:panr var(--dur) linear forwards}.m-parallax{animation:para var(--dur) ease-in-out forwards}@keyframes zin{0%{transform:scale(1)}to{transform:scale(1.14)}}@keyframes zout{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes panl{0%{transform:scale(1.12)translate(3%)}to{transform:scale(1.12)translate(-3%)}}@keyframes panr{0%{transform:scale(1.12)translate(-3%)}to{transform:scale(1.12)translate(3%)}}@keyframes para{0%{transform:scale(1.08)translate(1.5%,1%)}to{transform:scale(1.16)translate(-1.5%,-1%)}}.sb-cap{pointer-events:none;z-index:3;justify-content:center;animation:.8s ease-out both capin;display:flex;position:absolute;bottom:6%;left:0;right:0}.sb-cap div{letter-spacing:.08em;color:#fff;text-shadow:0 2px 12px #000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000006b;border-radius:1.6cqw;max-width:82%;padding:1.2cqh 3cqw;font-size:3.4cqw;line-height:1.5}@keyframes capin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.particles{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.s3-title{z-index:2;pointer-events:none;color:#1f4fb8;background:#ffffffd9;border-radius:14px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:12px;box-shadow:0 2px 10px #0000001f}.stage-timer{z-index:8;color:#1f4fb8;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;background:#ffffffeb;border-radius:99px;align-items:center;gap:.7cqw;padding:.5cqw 1.3cqw .5cqw .6cqw;animation:.35s ease-out both st-in;display:flex;position:absolute;top:1.2cqw;left:1.2cqw;box-shadow:0 4px 18px #0a1e5038}.stage-timer .st-ring{flex:none;width:max(22px,min(3.6cqw,46px));height:max(22px,min(3.6cqw,46px));transform:rotate(-90deg)}.stage-timer .st-ring circle{fill:none;stroke-width:4.5px}.stage-timer .st-ring .bg{stroke:#dbe6fb}.stage-timer .st-ring .fg{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.stage-timer .st-num{letter-spacing:.02em;font-size:max(17px,min(3.2cqw,42px));font-weight:800;line-height:1}.stage-timer.hurry{color:#e5372c;background:#fff1f0;animation:1s ease-in-out infinite st-pulse}.stage-timer.hurry .st-ring .fg{stroke:#ff3b30}.stage-timer.hurry .st-ring .bg{stroke:#ffd6d3}.stage-timer.done{color:#fff;background:#ff3b30;padding:.6cqw 1.6cqw;animation:.5s ease-in-out 4 st-ring}.stage-timer .st-done{font-size:max(17px,min(3.2cqw,42px));font-weight:800}.stage-timer .st-ops{gap:4px;margin-left:4px;display:none}.stage-timer:hover .st-ops{display:flex}.stage-timer .st-ops button{color:inherit;background:#ffffffd9;border-color:currentColor;border-radius:99px;padding:2px 8px;font-size:12px}@keyframes st-in{0%{transform:translateY(-8px)scale(.92)}to{transform:none}}@keyframes st-pulse{50%{transform:scale(1.07);box-shadow:0 0 0 .6cqw #ff3b302e}}@keyframes st-ring{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.web-view{background:#0f131b;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.web-main{flex:1;min-height:0;position:relative}.web-fill{background:#000;border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.web-fill.web-post{background:#f4f7fc}.yt-host iframe{border:0;width:100%;height:100%;display:block}.web-bar{color:#d7deea;background:#171d29;flex:none;align-items:center;gap:6px;min-height:36px;padding:5px 10px;font-size:12px;display:flex;overflow-x:auto}.web-bar .cr{flex:1;min-width:60px}.web-bar button{color:#fff;background:#ffffff14;border-color:#ffffff38}.web-bar button.primary{background:var(--brand);border-color:var(--brand)}.web-bar button.chip.on{color:var(--ink);background:#fff}.web-bar .badge{flex:none}.web-ctl{flex:none;align-items:center;gap:4px;display:inline-flex}.web-ctl .from{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:7px;width:62px;padding:3px 6px;font-size:12px}.web-bar .sm-link{color:#9fb8ff;padding:3px;display:inline-flex}.web-card{text-align:center;color:var(--ink);background:linear-gradient(160deg,#eef4ff,#f8fbff);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:4cqw;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.web-card img{object-fit:cover;border-radius:12px;max-width:40%;max-height:38%;box-shadow:0 8px 24px #14285a2e}.web-card .t{max-width:80%;font-size:max(16px,min(2.6cqw,30px));font-weight:700}.web-card .s{color:var(--muted);font-size:max(12px,min(1.6cqw,18px))}.web-card .tip{color:#4a5670;max-width:640px;font-size:max(12px,min(1.5cqw,16px));line-height:1.8}.web-card .btn{background:var(--brand);color:#fff;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-flex}.web-fail{color:#dfe6f3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:max(13px,min(1.8cqw,20px));display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.web-fail svg{color:#ffb347}.web-fail-t{color:var(--bad);background:#fff1f0f2;border-radius:99px;padding:4px 12px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.media-wrap{background:#000;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.media-bar{color:#fff;background:#0000008c;border-radius:99px;align-items:center;gap:4px;padding:4px 6px;display:flex}.media-wrap .media-bar{z-index:6;opacity:.75;transition:opacity .2s;position:absolute;top:1cqw;right:1cqw}.media-wrap .media-bar:hover{opacity:1}.media-bar .small{color:#d6deec;padding:0 4px}.media-bar .chip{color:#fff;background:0 0;border-color:#ffffff59;border-radius:99px;padding:2px 8px;font-size:12px}.media-bar .chip.on{color:#1b2333;background:#fff;border-color:#fff}.media-unblock{z-index:6;background:var(--brand);border-color:var(--brand);color:#fff;border-radius:99px;padding:1.2cqw 3cqw;font-size:max(15px,min(2.4cqw,24px));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #2f6fed73}.strip .sthumb{background:0 0;border:1.5px solid #0000;border-radius:5px;flex:none;padding:0;position:relative;overflow:hidden}.strip .sthumb:hover{border-color:var(--brand)}.strip .sthumb img,.strip .sthumb .ph{display:block}.strip .sthumb svg{color:#fff;filter:drop-shadow(0 0 2px #000c);position:absolute;bottom:2px;right:2px}.strip .sthumb.failed{border-color:var(--bad)}.sbe-mask{z-index:80;background:#0e162873;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sbe{background:#fff;border-radius:16px;flex-direction:column;width:min(1180px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 24px 70px #0a143259}.sbe-h{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex}.sbe-h b{max-width:40%}.sbe-body{gap:14px;min-height:0;padding:14px;display:flex;overflow:auto}.sbe-view{aspect-ratio:16/9;background:#0f131b;border-radius:12px;flex:62%;align-self:flex-start;min-width:0;position:relative;overflow:hidden}.sbe-view img{object-fit:cover;width:100%;height:100%;display:block}.sbe-ph{color:#8b95a7;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sbe-busy{color:#b26a00;background:#ffffffeb;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 10px #0003}.sbe-err{color:var(--bad);background:#fff1f0f2;border-radius:8px;padding:6px 12px;font-size:12.5px;position:absolute;bottom:10px;left:10px;right:10px}.sbe-nav{background:#ffffffd9;border-color:#0000;border-radius:50%;width:38px;height:38px;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.sbe-nav.l{left:10px}.sbe-nav.r{right:10px}.sbe-nav:disabled{opacity:.3}.sbe-side{flex-direction:column;flex:38%;gap:10px;min-width:280px;display:flex}.sbe-sec{flex-direction:column;gap:4px;display:flex}.sbe-line{background:var(--panel-2);border-radius:8px;max-height:96px;padding:8px 10px;font-size:14px;line-height:1.7;overflow:auto}.sbe-tweak{background:var(--brand-soft);border:1px solid #c7d7fb;border-radius:12px;margin-top:auto;padding:10px}.sbe-tweak textarea{background:#fff}.sbe-strip{border-top:1px solid var(--line);gap:6px;padding:10px 14px 14px;display:flex;overflow-x:auto}.sbe-thumb{aspect-ratio:16/9;background:#e6ebf3;border:2px solid #0000;border-radius:8px;flex:none;width:112px;padding:0;position:relative;overflow:hidden}.sbe-thumb.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.sbe-thumb img,.sbe-thumb .ph{object-fit:cover;width:100%;height:100%;display:block}.sbe-thumb i{color:#fff;background:#00000080;border-radius:6px;padding:0 5px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:3px;left:4px}.sbe-thumb .spinner{color:#b26a00;background:#ffffff73;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sbe-thumb .fail{background:var(--bad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:800;display:flex;position:absolute;top:3px;right:4px}@media (max-width:900px){.sbe-body{flex-direction:column}.sbe-side{min-width:0}.sbe-view{flex:none;align-self:stretch;width:100%}}.book{-webkit-user-select:text;user-select:text;--bk-ink:#1d2533;--bk-mut:#8391a7;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.book.t-sky{--bk-ink:#1c2534;--bk-mut:#7b89a1;background:radial-gradient(circle at 94% 5%,#fffffff2 0 3.4cqw,#fff6 5.5cqw,#fff0 11cqw),linear-gradient(#c9dcf5 0%,#dce8f9 38%,#ecf3fc 72%,#f4f8fd 100%)}.book.t-white{--bk-ink:#1f2329;--bk-mut:#9aa1ab;background:#fff}.book.t-paper{--bk-ink:#33302a;--bk-mut:#a39b8a;background:#f7f2e6}.book.t-green{--bk-ink:#1f2d1f;--bk-mut:#7a8f78;background:#d7ecd5}.book.t-night{--bk-ink:#b9c1cc;--bk-mut:#69717d;background:radial-gradient(circle at 94% 5%,#ebe6c838 0 3.2cqw,#0000 9cqw),#181c23}.book.f-hei .bk-body{font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,Noto Sans SC,sans-serif}.book.f-song .bk-body{font-family:Songti SC,STSong,SimSun,Noto Serif SC,Source Han Serif SC,serif}.book.f-kai .bk-body{font-family:Kaiti SC,STKaiti,KaiTi,KaiTi_GB2312,serif}.bk-head,.bk-foot{color:var(--bk-mut);white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;font-size:max(10px,1cqw);position:absolute;overflow:hidden}.bk-head{text-align:left;top:2.3cqw}.bk-foot{text-align:center;top:53.1cqw}.bk-body{height:46.05cqw;color:var(--bk-ink);text-align:justify;--L:calc(var(--fs) * var(--fit,1) * 1.85);font-size:calc(var(--fs) * var(--fit,1));line-height:1.85;position:absolute;top:5.6cqw;overflow:hidden}.bk-probe{visibility:hidden;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.bk-body p{margin:0 0 calc(var(--L) * .6);text-indent:0;white-space:pre-line}.bk-body p.q{color:color-mix(in srgb, var(--bk-ink) 72%, transparent);padding-left:2em}.bk-body p.li{padding-left:2em;position:relative}.bk-body p.li:not(.cont):before{content:"•";position:absolute;left:.7em}.bk-body p.tr{color:var(--bk-tr,#2359c9)}.book.t-night .bk-body p.tr{--bk-tr:#8fb4ff}.bk-body p.ruby{line-height:2.59}.bk-body rt{color:var(--bk-mut);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.5em}.bk-h{margin:calc(var(--L) * .8) 0 calc(var(--L) * .5);text-align:left;white-space:pre-line;font-weight:700;line-height:1.85}.bk-h.h1,.bk-h.h2{font-size:1.35em}.bk-h.h3{font-size:1.18em}.bk-h.h4,.bk-h.h5,.bk-h.h6{font-size:1.05em}.bk-img{margin:calc(var(--L) * .25) 0;justify-content:center;display:flex}.bk-img.full{align-items:center;height:100%;margin:0}.book .bk-img img{object-fit:contain;border-radius:6px;max-width:none;max-height:none;box-shadow:0 .4cqw 1.4cqw #1e325a1f}.book mark.hl{color:inherit;cursor:pointer;background:0 0;padding:0}.book mark.hl.c-y{background:linear-gradient(#0000 52%,#ffc40080 52%)}.book mark.hl.c-g{background:linear-gradient(#0000 52%,#34c7596b 52%)}.book mark.hl.c-b{background:linear-gradient(#0000 52%,#4080ff61 52%)}.book mark.hl.c-p{background:linear-gradient(#0000 52%,#ff5c8d61 52%)}.book mark.hl.pub{box-shadow:inset 0 -.1em #1f4fb88c}.book.t-night mark.hl.pub{box-shadow:inset 0 -.1em #ffffff73}.book mark.hl.kid{box-shadow:none;border-bottom:.08em dashed var(--bk-mut);background:0 0}.book .hl-note{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 .1em;font-size:.62em;line-height:0}.bk-status{color:var(--bk-mut);z-index:8;-webkit-user-select:none;user-select:none;font-size:max(10px,.95cqw);position:absolute;bottom:1.2cqw;left:1.6cqw}.bk-ctrl{z-index:8;-webkit-user-select:none;user-select:none;gap:8px;display:flex;position:absolute;top:1.1cqw;right:1.4cqw}.bk-ctrl button{color:#3a4a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border:0;box-shadow:0 2px 10px #1e325a1f}.bk-ctrl button.round{border-radius:50%;width:34px;height:34px;padding:0}.bk-ctrl button.pill{border-radius:17px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600}.bk-ctrl button.on{background:var(--brand);color:#fff}.bk-ctrl button:hover:not(:disabled){border:0}.book.t-night .bk-ctrl button:not(.on){color:#cfd5dc;background:#2c3139e6}.bk-panel{z-index:9;color:#1b2333;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:316px;max-height:76%;padding:14px 16px;font-size:13px;display:flex;position:absolute;top:calc(1.1cqw + 42px);right:1.4cqw;overflow:auto;box-shadow:0 14px 40px #141e3c38}.bk-sec{flex-direction:column;gap:8px;display:flex}.bk-lab{color:#8a94a6;font-size:12px}.bk-size{align-items:center;gap:10px;display:flex}.bk-size button{background:#f3f5f9;border:0;border-radius:10px;width:40px;height:34px;padding:0;font-weight:700}.bk-size .dots{background:#f3f5f9;border-radius:10px;flex:1;justify-content:space-between;align-items:center;height:34px;padding:0 4px;display:flex}.bk-size .dots i{background:#cfd6e2;border-radius:50%;width:8px;height:8px}.bk-size .dots i.on{background:var(--brand)}.bk-note-s{color:#8a94a6;font-size:11.5px;line-height:1.5}.bk-themes{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.bk-th{color:#ffd66b;border:2px solid #0000;border-radius:10px;height:36px;padding:0;font-size:16px;box-shadow:inset 0 0 0 1px #00000014}.bk-th.th-sky{background:radial-gradient(circle at 80% 22%,#fff 0 4px,#fff0 10px),linear-gradient(#c9dcf5,#eef4fc)}.bk-th.th-white{background:#fff}.bk-th.th-paper{background:#f7f2e6}.bk-th.th-green{background:#d7ecd5}.bk-th.th-night{background:#1b1f26}.bk-th.on{border-color:var(--brand)}.bk-seg{background:#f3f5f9;border-radius:10px;padding:3px;display:flex}.bk-seg button{background:0 0;border:0;border-radius:8px;flex:1;padding:6px 0}.bk-seg button.on{color:var(--brand);background:#fff;font-weight:700;box-shadow:0 1px 4px #0000001a}.bk-check{color:#4a5568;align-items:center;gap:6px;font-size:12.5px;display:flex}.bk-check input{width:auto}.bk-drawer{z-index:9;color:#1b2333;-webkit-user-select:none;user-select:none;background:#f6f7f9;flex-direction:column;width:max(260px,32cqw);animation:.22s ease-out both drawerIn;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #141e3c29}.bk-drawer-h{border-bottom:1px solid #e8ebf0;flex-direction:column;gap:2px;padding:16px 18px 10px;display:flex}.bk-drawer-h b{font-size:16px}.bk-drawer-tip{color:var(--brand);background:#eaf1ff;border-radius:8px;margin:8px 14px 0;padding:6px 10px;font-size:12px}.bk-toc{flex-direction:column;flex:1;padding:6px 8px 12px;display:flex;overflow-y:auto}.bk-toc button{text-align:left;background:0 0;border:0;border-bottom:1px solid #eceff4;border-radius:0;justify-content:space-between;gap:10px;padding:12px 10px;font-size:14px}.bk-toc button .n{color:#9aa3b2;flex:none;font-size:12px}.bk-toc button.on{color:var(--brand);font-weight:700}.bk-toc button:disabled{opacity:.55}@keyframes drawerIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.bk-edge{width:4.4cqw;min-width:26px;height:14cqw;color:var(--bk-mut);z-index:8;opacity:.5;background:0 0;border:0;border-radius:10px;padding:0;position:absolute;top:38%}.bk-edge:hover:not(:disabled){opacity:1;background:#0000000d;border:0}.bk-edge.l{left:.5cqw}.bk-edge.r{right:.5cqw}.bk-bar{z-index:9;color:#fff;-webkit-user-select:none;user-select:none;background:#1f2530;border-radius:12px;align-items:center;gap:3px;padding:5px 7px;display:flex;position:absolute;box-shadow:0 6px 20px #00000047}.bk-bar button{color:#fff;background:0 0;border:0;padding:4px 8px;font-size:12.5px}.bk-bar button:hover:not(:disabled){background:#ffffff24;border:0}.dot-c{border-radius:50%;width:20px;min-width:0;height:20px;box-shadow:0 0 0 1px #00000026;border:2px solid #fff!important;padding:0!important}.dot-c.c-y{background:#ffd23f!important}.dot-c.c-g{background:#4cd07d!important}.dot-c.c-b{background:#5b8cff!important}.dot-c.c-p{background:#ff6f9c!important}.dot-c.on{box-shadow:0 0 0 2px var(--brand)}.bk-pop,.bk-card{z-index:9;color:#1b2333;border:1px solid var(--line);-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:absolute;box-shadow:0 10px 30px #141e3c38}.bk-pop{width:300px}.bk-card{width:min(64cqw,560px);max-height:80%;bottom:3.6cqw;left:50%;overflow:auto;transform:translate(-50%)}.bk-quote{color:#6b7588;border-left:3px solid #e2e7f0;padding-left:8px;font-size:12.5px}.bk-note{white-space:pre-wrap;background:#f5f7fb;border-radius:8px;padding:6px 8px}.bk-ai{background:var(--warm-soft);-webkit-user-select:text;user-select:text;border-radius:8px;padding:8px 10px;line-height:1.65}.bk-src{color:#8a7a60;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:11.5px;display:flex}.bk-src a{color:var(--brand)}.right{flex-direction:column;gap:8px;padding:8px;display:flex;overflow-y:auto}.right h4,.side h4{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 2px 0;font-size:12px;font-weight:600;display:flex}.tiles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tile{aspect-ratio:4/3;background:#1b2130;border-radius:10px;position:relative;overflow:hidden}.tile.big{grid-column:1/-1}.tile.pickable{cursor:pointer}.tile .view{position:absolute;top:0;bottom:0;left:0;right:0}.tile .name{color:#fff;z-index:2;background:#0000008c;border-radius:10px;align-items:center;gap:4px;max-width:calc(100% - 10px);padding:1px 7px;font-size:11px;display:flex;position:absolute;bottom:5px;left:5px}.tile.speaking{outline:3px solid var(--good);outline-offset:-3px}.tile .off{color:#9aa6ba;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.devcheck{grid-template-columns:1fr;gap:12px;display:grid}.devcheck-video{max-width:360px}.devcheck-video video{object-fit:cover;width:100%;height:100%}.member{border-bottom:1px dashed var(--line);align-items:center;gap:6px;padding:5px 2px;font-size:12.5px;display:flex}.dot{background:#c3cad6;border-radius:50%;flex:none;width:8px;height:8px}.dot.on{background:var(--good)}.film{align-items:stretch;gap:8px;padding:8px 10px;display:flex;overflow-x:auto}.film-meta{min-width:88px;color:var(--muted);flex-direction:column;flex:none;justify-content:center;gap:2px;font-size:12px;display:flex}.film-meta b{color:var(--ink);font-size:13px}.slide{cursor:pointer;background:var(--panel-2);border:2px solid #0000;border-radius:10px;flex:none;width:132px;position:relative}.slide .thumb{aspect-ratio:16/9;color:#8a95aa;background:#e6ebf3;border-radius:8px 8px 0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slide .thumb img{object-fit:cover;width:100%;height:100%}.slide .no{color:#fff;background:#0000008c;border-radius:6px;padding:0 5px;font-size:10px;position:absolute;top:4px;left:4px}.slide .cap{align-items:center;gap:4px;padding:3px 6px 4px;font-size:11.5px;display:flex}.slide .cap .min{color:var(--muted);margin-left:auto;font-size:10.5px}.slide.cur{border-color:var(--brand);background:var(--brand-soft)}.slide.dragover{border-color:var(--warm)}.slide .x{color:#fff;background:#0000008c;border:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:11px;display:none;position:absolute;top:3px;right:3px}.slide:hover .x{display:inline-flex}.slide.add{color:var(--muted);background:0 0;border:2px dashed #c9d5ee;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:90px;font-size:12px;display:flex}@media (max-height:820px){.slide{width:112px}.slide.add{min-height:76px}}.film.slim{align-items:center;gap:10px;padding:6px 12px}.steps{flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.step{background:var(--panel-2);color:var(--muted);border-radius:14px;flex:none;align-items:center;gap:5px;max-width:180px;padding:3px 10px 3px 4px;font-size:12px;display:flex}.step i{color:#fff;background:#cfd7e4;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-style:normal;display:inline-flex}.step.cur{background:var(--brand-soft);color:var(--brand);font-weight:600}.step.cur i{background:var(--brand)}.dock{flex-direction:column;display:flex}.dock-tabs{align-items:center;gap:4px;padding:6px 10px 0;display:flex}.dock-tabs button{border-bottom:none;border-radius:9px 9px 0 0}.dock-body{border-top:1px solid var(--line);height:max(120px,min(21vh,210px));padding:10px 14px;overflow:auto}.dock.collapsed .dock-body{display:none}.chat-line{margin:3px 0}.chat-line b{margin-right:6px}.chat-line.teacher b{color:var(--brand)}.bigbtn{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:28px;padding:12px 24px;font-size:16px}.bigbtn.rec{background:var(--bad);border-color:var(--bad);color:#fff}.option{border-radius:10px;justify-content:flex-start;padding:10px 14px}.feedback{background:#fff8ea;border:1px solid #f5dcae;border-radius:10px;padding:8px 12px}.me-card{background:linear-gradient(160deg,#fff7ec,#fff 60%);border:1px solid #f7e1c4;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.me-card .avatar{background:#fff;border:2px solid #ffd9a8;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.me-card .avatar img{object-fit:cover;width:100%;height:100%}.stats{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.stats div{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:10px;padding:6px 4px;font-size:11px}.stats b{color:var(--ink);font-size:18px;display:block}.me-card .avatar.txt{color:#c86a00;font-size:22px;font-weight:700}.side{flex-direction:column;gap:8px;padding:10px;display:flex;overflow-y:auto}.task{background:var(--brand-soft);color:var(--brand);border:1px solid #c7d7fb;border-radius:12px;flex-direction:column;gap:3px;padding:9px 11px;font-size:13px;display:flex}.task.done{color:var(--good);background:#effaf4;border-color:#bfe8d0}.task .small{color:var(--ink)}.mine{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;gap:3px;padding:7px 9px;font-size:12.5px;display:flex}.mine .q{color:var(--muted);font-size:11.5px}.mine .fb{color:#a85a00;background:var(--warm-soft);border-radius:8px;padding:4px 7px;font-size:12px}.kid-side{flex-direction:column;gap:8px;padding:8px 10px;display:flex;overflow:hidden}.kid-head{align-items:center;gap:6px;display:flex}.kid-head b{font-size:14px}.avs{flex-wrap:wrap;gap:8px 6px;max-height:26vh;padding:2px;display:flex;overflow-y:auto}.cls.student{grid-template-rows:72px minmax(0,1fr)}.top-avs-wrap{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:120px;padding:0 6px;display:flex}.top-avs{scrollbar-width:none;gap:10px;padding:3px 2px;display:flex;overflow-x:auto;overflow-y:hidden}.top-avs::-webkit-scrollbar{display:none}.avs-slider{width:100%;height:6px;accent-color:var(--brand);cursor:pointer;margin:0}.av{flex-direction:column;flex:none;align-items:center;gap:3px;width:48px;display:flex}.av .circle{width:36px;height:36px;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--line);background:#e8eefb;border-radius:50%;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex;position:relative;overflow:visible}.av .circle .view{border-radius:50%;overflow:hidden}.av .view{position:absolute;top:0;bottom:0;left:0;right:0}.av .view video{object-fit:cover!important}.av .initial{color:#4a5a7a;font-size:15px;font-weight:700}.av.teacher .circle{background:#fff1dc}.av.teacher .initial{color:#c86a00}.av.speaking .circle{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--good)}.av .hand{font-size:14px;position:absolute;top:-4px;right:-2px}.av .nm{height:13px;color:var(--muted);justify-content:center;align-items:center;gap:2px;max-width:100%;font-size:10.5px;line-height:13px;display:flex}.honor h4{align-items:center;gap:4px;display:flex}.hw{flex:none;gap:10px;padding:12px}.hw-class{color:#6b5a3a;flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.hw-class b{color:var(--ink);font-size:16px}.hw-prog{flex-direction:column;flex:1;gap:5px;display:flex}.hw-prog i{background:#f3e3c8;border-radius:5px;height:9px;display:block;overflow:hidden}.hw-prog i b{background:linear-gradient(90deg,#ffb347,#ff8a00);height:100%;transition:width .4s;display:block}.hw-me{background:#fff;border:1px solid #f7e1c4;border-radius:12px;padding:8px 4px}.hw-me-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.hw-me-grid i{color:var(--muted);white-space:nowrap;font-size:13px;font-style:normal;display:block}.hw-me-grid b{color:var(--ink);white-space:nowrap;font-size:20px;line-height:1.4;display:block}.hw-me-grid b.stars,.hw-list .rank b{color:#f59e0b;letter-spacing:1px}.hw-tabs{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.hw-tabs button{white-space:nowrap;background:#fff;border-color:#f3e3c8;border-radius:10px;justify-content:center;padding:5px 0;font-size:13.5px}.hw-tabs button.on{color:#9a5b00;background:#ffecc9;border-color:#ffb347;font-weight:700}.hw-list{flex-direction:column;gap:3px;min-height:96px;display:flex}.hw-list .rank{padding:4px 6px;font-size:15px}.hw-list .rank b{font-size:14.5px}.kid-collapse{align-self:flex-end;margin-bottom:-6px;padding:2px 4px}.qb-slot:empty{display:none}.qb-slot{flex-direction:column;flex:none;min-height:0;max-height:70%;display:flex}.qb-card{border:2px solid var(--brand);background:#fff;border-radius:16px;flex-direction:column;gap:10px;min-height:0;padding:12px 14px 14px;animation:.3s ease-out q-in;display:flex;overflow:auto}.qb-card.in-side{box-shadow:0 4px 14px #2f6fed2e}.qb-sheet{z-index:30;width:min(520px,94%);max-height:70%;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.qb-sheet .qb-card{flex:1;box-shadow:0 14px 40px #0000004d}.qb-top{align-items:center;gap:8px;display:flex}.qb-lbl{color:var(--brand);font-size:14px;font-weight:800}.qb-cnt{color:#9a5b00;white-space:nowrap;background:#fff1dc;border-radius:10px;margin-left:auto;padding:1px 8px;font-size:12px}.qb-x{border:1.5px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.qb-q{text-align:center;color:var(--ink);padding:6px 4px;font-size:max(20px,min(2.4vw,26px));font-weight:800;line-height:1.45}.qb-mine{background:#f7faff;border:1px dashed #c7d7fb;border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;font-size:13.5px;display:flex}.qb-mine .fb{color:#a85a00;background:var(--warm-soft);border-radius:8px;padding:5px 8px}.qb-mic{background:var(--brand);color:#fff;border-color:var(--brand);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:30px;padding:14px;font-size:17px}.qb-mic.rec{background:var(--bad);border-color:var(--bad);animation:1s ease-in-out infinite st-pulse}.qb-card input{flex:1;min-width:0}.qb-opts{flex-direction:column;gap:8px;display:flex}.qb-opts .option{padding:12px 14px;font-size:16px}.qb-foot{justify-content:center;display:flex}.qb-back{border:2px solid var(--good);color:#fff;background:var(--good);border-radius:26px;align-self:stretch;padding:12px 26px;font-size:18px;font-weight:800}.qb-back:disabled{color:var(--muted);border-color:var(--line);background:#fff}.qb-recrow{gap:8px;display:flex}.qb-recrow .qb-mic{flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.qb-recrow .qb-side{flex:1;justify-content:center}.qb-meter{background:#ffffff59;border-radius:4px;width:90px;height:8px;overflow:hidden}.qb-meter i{background:#fff;height:100%;transition:width .1s;display:block}.qb-side{border:1.5px solid var(--line);background:#fff;border-radius:22px;align-items:center;gap:4px;padding:10px 14px;font-size:15px;display:inline-flex}.qb-draft{border:1.5px solid var(--line);resize:none;border-radius:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:16px;line-height:1.5}.qb-actions{align-items:center;gap:8px;display:flex}.qb-submit{border-radius:22px;margin-left:auto;padding:10px 28px;font-size:16px}.qb-strip{z-index:30;background:var(--brand);color:#fff;border:none;border-radius:22px;align-items:center;gap:8px;max-width:86%;padding:9px 16px;font-size:14.5px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000040}.qb-strip .ellipsis{max-width:40vw}.qb-strip .qb-cnt{margin-left:4px}.qb-strip b{color:var(--brand);background:#fff;border-radius:14px;padding:2px 10px}.qb-strip.blink{animation:1.2s ease-in-out infinite qb-blink}.qb-strip.done{background:var(--good)}.qb-strip.done b{color:var(--good)}@keyframes qb-blink{0%,to{box-shadow:0 8px 22px #00000040,0 0 #2f6fed99}50%{box-shadow:0 8px 22px #00000040,0 0 0 10px #2f6fed00}}.honor .mine-tag{color:#c86a00;background:#fff1dc;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.mini-stats{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12.5px;display:flex}.mini-stats b{color:var(--ink);font-size:15px}.kid-talk{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.kid-talk h4{color:var(--ink);margin:0;font-size:15px}.kid-talk .talk-list{gap:6px;font-size:15px;line-height:1.55}.kid-talk .chat-line b{color:#4a5a7a}.kid-talk .chat-line.me b{color:var(--good)}.talk-board{background:#fff7e0;border:2px solid #ffc94d;border-radius:12px;flex:none;max-height:35%;padding:8px 10px;font-size:15px;line-height:1.5;animation:.35s ease-out q-in;overflow:auto}.talk-board b{color:#b45309;font-size:13.5px;display:block}.talk-board.personal{border-color:var(--brand);background:#eef4ff}.talk-board.personal b{color:var(--brand)}.talk-fb{background:var(--warm-soft);color:#8a4a00;border-radius:10px;align-items:flex-start;gap:6px;padding:6px 9px;display:flex}.talk-fb .link{color:var(--brand);background:0 0;border:0;padding:0 0 0 6px;font-size:14px;font-weight:700}.kid-talk .talk-bar{flex-direction:row;gap:6px}.kid-talk .talk-bar input{padding:9px 12px;font-size:15px}.kid-talk .talk-bar button{padding:0 16px;font-size:15px}.dock input[type=checkbox]{vertical-align:-2px;width:auto;min-width:0;margin:0 2px 0 0}.qb-tip{color:var(--muted);text-align:center;font-size:13px}.talk-q{border:2px solid var(--brand);background:var(--brand-soft);border-radius:12px;flex-direction:column;gap:5px;padding:7px 9px;animation:.4s ease-out q-in;display:flex}.talk-q .lbl{color:var(--brand);font-size:11.5px;font-weight:700}.talk-q b{font-size:14.5px;line-height:1.45}@keyframes q-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.talk-list{flex-direction:column;flex:1;gap:4px;min-height:60px;padding-right:2px;display:flex;overflow-y:auto}.talk-ans{background:#f7faff;border:1px dashed #c7d7fb;border-radius:10px;flex-direction:column;gap:3px;padding:6px 8px;font-size:12.5px;display:flex}.talk-ans .q{color:var(--muted);font-size:11.5px}.talk-ans .fb{color:#a85a00;background:var(--warm-soft);border-radius:8px;padding:4px 7px}.talk-ans .tip{color:#9aa6ba;font-size:10.5px}.talk-bar{flex-direction:column;gap:5px;display:flex}.talk-bar input{flex:1;min-width:0}.talk-mode{gap:4px;display:flex}.talk-mode button{border-radius:8px;flex:1;padding:3px 0;font-size:12px}.talk-mode button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.talk-bar .mic{background:var(--brand);color:#fff;border-color:var(--brand);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.talk-bar .mic.rec{background:var(--bad);border-color:var(--bad);animation:1s ease-in-out infinite st-pulse}.honor{background:linear-gradient(160deg,#fff7ec,#fff 70%);border:1px solid #f7e1c4;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.honor h4{color:#9a5b00;margin:0 0 2px;font-size:13px}.honor .rank{border-radius:8px;align-items:center;gap:6px;padding:2px 4px;font-size:13px;display:flex}.honor .rank.is-me{background:#fff1dc;font-weight:600}.kid-practice{border:2px solid var(--brand);background:var(--brand-soft);border-radius:12px;max-height:40vh;padding:8px 10px;overflow:auto}.kid-chat{flex-direction:column;flex:1;gap:4px;min-height:120px;display:flex}.kid-chat h4{color:var(--muted);margin:0;font-size:12px}.kid-chat input{min-width:0}.kid-status{color:#3a4459;background:var(--panel-2);white-space:nowrap;border-radius:16px;align-items:center;gap:10px;padding:4px 12px;font-size:14px;font-weight:600;display:flex}.kid-fab{z-index:40;background:var(--brand);color:#fff;border-color:var(--brand);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 18px #00000040}.kid-fab.hot{animation:1s ease-in-out infinite st-pulse}.kid-fab .dot-red{background:var(--bad);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-style:normal;line-height:18px;position:absolute;top:-2px;right:-2px}.expired-bar{z-index:120;color:#8a4b00;background:#fff4e6;border:1px solid #f5c98a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.safe-err{border-radius:var(--radius);color:var(--ink);background:#fff8ea;border:1px solid #f5dcae;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-width:0;min-height:0;padding:12px 14px;display:flex}.a-stage>.safe-err{flex:1}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{flex-direction:column;gap:16px;max-width:920px;margin:0 auto;padding:32px 16px;display:flex}.page h1{margin:0;font-size:24px}.hero{align-items:center;gap:14px;display:flex}.hero img{width:60px;height:60px;box-shadow:var(--shadow);border-radius:14px}.invite{white-space:pre-wrap;background:var(--panel-2);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:13px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.lib-card{cursor:pointer;flex-direction:column;gap:6px;padding:10px;display:flex}.lib-card.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.lib-thumb{background:var(--panel-2);height:110px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.lib-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.lib-card>button{align-self:flex-end}.cls.student.notop{grid-template-rows:minmax(0,1fr);grid-template-areas:"stage right"}.cls.student.notop.immersive{grid-template-areas:"stage"}.top-handle{z-index:45;color:#fff;background:#1e283c73;border:none;border-radius:0 0 14px 14px;justify-content:center;align-items:center;width:56px;height:22px;padding:0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.top-handle:hover{background:#1e283cb3}.set-switch{cursor:pointer;align-items:center;gap:6px;font-size:14px}.set-switch input{width:18px;min-width:0;height:18px;margin:0}.qb-card.glow{animation:.3s ease-out q-in,1.4s ease-in-out .3s 3 qb-glow}@keyframes qb-glow{0%,to{box-shadow:0 0 #2f6fed8c}50%{box-shadow:0 0 0 12px #2f6fed00,0 0 22px 4px #2f6fed59}}.qb-top.drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.qb-top.drag:active{cursor:grabbing}.cls.student.notop .qb-strip{top:30px}.qb-pill{z-index:31;background:var(--brand);color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border:none;border-radius:22px;padding:9px 16px;font-size:15px;font-weight:700;position:absolute;top:16px;left:16px;box-shadow:0 8px 22px #00000040}.qb-pill:active{cursor:grabbing}.qb-pill.blink{animation:1.6s ease-in-out infinite qb-blink}.qb-pill.done{background:var(--good)}.danmaku{z-index:35;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(360px,40vw);display:flex;position:fixed;bottom:20px;right:80px}.dm{color:#fff;text-shadow:0 1px 2px #0006;background:#141c2d73;border-radius:16px;padding:6px 12px;font-size:15px;line-height:1.45;animation:6.5s ease-out forwards dm-life}.dm b{color:#ffd98a;margin-right:6px}.dm.teacher{background:#2f6fed8c}.dm.teacher b{color:#fff}@keyframes dm-life{0%{opacity:0;transform:translateY(14px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.kid-talk .talk-bar .talk-voice{width:42px;height:42px;color:var(--brand);border:1.5px solid var(--brand);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.kid-talk .talk-bar .talk-voice.rec{background:var(--bad);border-color:var(--bad);color:#fff;animation:1s ease-in-out infinite st-pulse}.talk-meter{background:#e6ecf7;border-radius:3px;height:6px;display:block;overflow:hidden}.talk-meter i{background:var(--bad);height:100%;transition:width .1s;display:block}.hw-me-grid b{animation:.35s ease-out hw-pop}@keyframes hw-pop{0%{transform:scale(1.18)}to{transform:none}}.snail-fab{z-index:32;background:#fff7e0;border:2px solid #ffc94d;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;font-size:28px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 6px 18px #0003}.cls.student.immersive .snail-fab{bottom:76px}.snail-fab{overflow:visible}.snail-img{pointer-events:none;width:auto;height:46px}.snail-img.sm{height:30px}.snail-fab.off{filter:grayscale();opacity:.55}.snail-fab.hot{animation:1s ease-in-out infinite snail-hot}@keyframes snail-hot{0%,to{transform:scale(1);box-shadow:0 6px 18px #0003,0 0 #ff3b308c}50%{transform:scale(1.16)rotate(-4deg);box-shadow:0 6px 18px #0003,0 0 0 12px #ff3b3000}}@media (prefers-reduced-motion:reduce){.snail-fab.hot{animation:none;box-shadow:0 0 0 4px #ff3b3080}}.snail-fab .dot-red{background:var(--bad);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-style:normal;line-height:18px;position:absolute;top:-2px;right:-2px}.snail-pop{z-index:33;background:#fff;border:2px solid #ffc94d;border-radius:16px;flex-direction:column;gap:8px;width:min(360px,86%);max-height:62%;padding:10px 12px 12px;animation:.25s ease-out q-in;display:flex;position:absolute;bottom:78px;right:14px;box-shadow:0 14px 40px #00000040}.cls.student.immersive .snail-pop{bottom:140px}.snail-head{align-items:center;gap:6px;display:flex}.snail-head b{color:#9a5b00;font-size:16px}.snail-head .qb-x{margin-left:auto}.snail-emoji{font-size:22px}.snail-list{flex-direction:column;flex:1;gap:6px;min-height:80px;display:flex;overflow-y:auto}.snail-hi{color:#8a6a2a;background:#fff7e0;border-radius:12px;padding:8px 10px;font-size:15px;line-height:1.5}.snail-msg{color:#5a3d00;background:#fff7e0;border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:88%;padding:7px 11px;font-size:16px;line-height:1.5}.snail-msg.me{background:var(--brand-soft);color:var(--ink);border-radius:12px 12px 4px;align-self:flex-end}.snail-msg.typing{color:var(--muted);font-style:italic}.snail-bar{align-items:center;gap:6px;display:flex}.snail-bar input{flex:1;min-width:0;padding:9px 10px;font-size:15px}.snail-mic{color:#fff;background:#ffb347;border-color:#ffb347;border-radius:22px;flex:none;align-items:center;gap:4px;padding:9px 14px;font-size:16px;font-weight:700;display:flex}.snail-mic.rec{background:var(--bad);border-color:var(--bad);animation:1s ease-in-out infinite st-pulse}.snail-send{border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}:root{--ink:#23314f;--muted:#5b6785;--line:#e4dccb;--panel:#fffbf2;--panel-2:#f5eedf;--brand:#1f8be0;--brand-2:#5cc0fa;--brand-soft:#e3f2fd;--blue:#2e9bea;--blue-deep:#1f7fd0;--cream:#fbf4e6;--yellow:#ffc93c;--bg:#2c8be0;--radius:18px;--shadow:0 2px 0 #23314f14, 0 8px 22px #0c28641f;--sky:linear-gradient(205deg, #0a2b6b 0%, #134c9e 24%, #2378d2 50%, #46a5ee 76%, #8fd3ff 100%)}button{background:#fffdf8;border-color:#cfc5b2;border-radius:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .12s}button:hover:not(:disabled){border-color:var(--brand)}button.primary{border:2px solid var(--ink);background:linear-gradient(180deg, #52b6f5, var(--blue-deep));color:#fff;text-shadow:0 1px #0b3f6680;box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:6px 16px;font-weight:800}button.primary:hover:not(:disabled){border-color:var(--ink);box-shadow:0 4px 0 var(--ink);background:linear-gradient(#62c0f8,#2489d8);transform:translateY(-1px)}button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}button.primary.sm{box-shadow:0 2px 0 var(--ink);padding:3px 11px}button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--blue-deep)}button.sm{border-radius:999px}button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}input,textarea,select{background:#fffdf8;border:2px solid #d6cdba;border-radius:12px}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 4px #2e9bea33}.lv6-field input,.lv6-field input:focus{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.card{background:linear-gradient(180deg, #fffdf7, var(--cream));border:2.5px solid var(--ink);box-shadow:0 6px 0 -1px var(--blue), 0 6px 0 1.5px var(--ink), 0 14px 28px #081e5a40;border-radius:24px;padding:16px 18px}.card.tip{box-shadow:0 5px 0 -1px #e3a92a, 0 5px 0 1.5px var(--ink), 0 12px 24px #081e5a33;background:#fff6da}.box{background:var(--panel);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink), 0 8px 18px #081e5a2e;border-radius:18px}.badge{background:#f6f0e2;border-color:#dcd3c1;border-radius:999px;font-weight:600}.badge.brand{color:#fff;background:var(--blue);border-color:var(--ink)}.toast{background:var(--ink);border:2px solid #fff;border-radius:999px;padding:10px 22px;font-weight:700;animation:.35s cubic-bezier(.3,1.6,.5,1) pl-toast;box-shadow:0 4px #00000040,0 10px 24px #0000004d}.bar{background:#e7dfcf}.bar i{background:linear-gradient(90deg, #52b6f5, var(--blue-deep))}.seg2{background:#eaf4fc;border:0;border-radius:999px;padding:3px}.seg2 button{color:var(--ink);border-radius:999px;font-weight:700}.seg2 button.on{background:var(--blue);color:#fff;box-shadow:0 2px 0 var(--blue-deep)}.dlg,.lp-box,.pop{border:2.5px solid var(--ink);background:var(--panel);box-shadow:0 5px 0 var(--ink), 0 18px 40px #081e5a4d;border-radius:22px}.lp-box{width:min(760px,94vw);padding:18px 20px 22px}.lp-head b{font-weight:900}.lp-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lp-item{white-space:normal;border:2px solid var(--ink);min-width:0;box-shadow:0 4px 0 var(--ink);background:#fffdf8;border-radius:18px;justify-content:flex-start;padding:14px 12px 16px;transition:transform .15s,box-shadow .15s,background .15s}.lp-item:hover:not(:disabled){border-color:var(--ink);box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.lp-item:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.lp-item b{font-weight:900}.lp-item span{line-height:1.5}.lp-item.on{border-color:var(--ink);box-shadow:0 4px 0 var(--blue-deep), 0 0 0 3px var(--yellow);background:#e3f2fd}.lp-item.on b{color:var(--blue-deep)}@media (max-width:560px){.lp-list{grid-template-columns:1fr}.lp-item{text-align:left;flex-direction:row}}.cls{background:radial-gradient(1.2px 1.2px at 12% 18%, #fff8e1e6, transparent 60%), radial-gradient(1px 1px at 34% 8%, #fff8e1cc, transparent 60%), radial-gradient(1.4px 1.4px at 62% 14%, #fff8e1e6, transparent 60%), radial-gradient(1px 1px at 82% 6%, #fff8e1cc, transparent 60%), radial-gradient(1.2px 1.2px at 92% 28%, #fff8e1b3, transparent 60%), radial-gradient(120% 90% at 0% 100%, #bde8ff8c, transparent 55%), var(--sky);gap:10px;padding:10px}.brandline .name{letter-spacing:1px;color:var(--ink);font-weight:900}.brandline .snail-logo{object-fit:contain;flex:none;width:40px;height:40px;animation:4s ease-in-out infinite pl-bob}.brandline .brand-title{filter:drop-shadow(0 2px #0b3f662e);flex:none;width:auto;height:46px;display:block}.brandline .name{line-height:1}@media (max-width:1400px){.brandline .brand-title{height:38px}}@media (max-width:700px){.brandline .brand-title{height:30px}}.tool{border-radius:12px;font-weight:600}.tool.on{background:var(--blue);color:#fff;box-shadow:0 2px 0 var(--blue-deep)}.rail button{font-weight:600}.rail button.on{background:var(--blue);color:#fff;box-shadow:0 2px 0 var(--blue-deep)}.panel-h{border-bottom:2px dashed var(--line);font-weight:900}.cls .card{box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:16px;padding:12px}.stage .empty.planet-wait{color:#eaf6ff;text-shadow:0 1px #0b285a80;background:radial-gradient(1.4px 1.4px at 18% 22%, #fff8e1, transparent 60%), radial-gradient(1.2px 1.2px at 72% 16%, #fff8e1, transparent 60%), radial-gradient(1px 1px at 86% 40%, #fff8e1, transparent 60%), radial-gradient(90% 70% at 50% 120%, #bde8ff8c, transparent 60%), var(--sky);flex-direction:column;justify-content:center;align-items:center;gap:.8cqh;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.stage .empty.planet-wait b{color:#fff;letter-spacing:.06em;font-size:max(18px,min(4.4cqw,48px));font-weight:900}.stage .empty.planet-wait span{opacity:.9;font-size:max(12px,min(2cqw,22px))}.planet-wait .pw-snail{filter:drop-shadow(0 6px 10px #05194659);width:auto;height:max(70px,min(34cqh,300px));animation:3.2s ease-in-out infinite pl-bob}.pen-page{background:var(--sky);flex-direction:column;gap:8px;height:100%;padding:8px;display:flex}.pen-bar{border:2px solid var(--ink);background:var(--panel);box-shadow:0 3px 0 var(--ink);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.pen-bar .brand-title{width:auto;height:34px}.pen-bar .pen-name{color:var(--ink);font-weight:900}.pen-bar .swatch{border:2px solid var(--ink);width:34px;height:34px;box-shadow:0 2px 0 var(--ink);border-radius:50%;padding:0}.pen-bar .swatch.on{outline:3px solid var(--yellow);outline-offset:2px}.pen-bar button.tool-btn{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:8px 16px}.pen-bar button.tool-btn.on{background:linear-gradient(180deg, #52b6f5, var(--blue-deep));color:#fff}.pen-stage{flex:1;min-height:0;display:flex}.pen-tip{color:#dceeff;padding:0 6px;font-size:12px}.pl-home{min-height:100%;color:var(--ink);background:var(--sky);position:relative;overflow-x:hidden}@supports (height:100dvh){.pl-home{min-height:100dvh}}.pl-backdrop{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.pl-backdrop canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pl-nebula{background:radial-gradient(40vw 34vw at 88% 6%,#786eff66,#0000 70%),radial-gradient(34vw 26vw at 62% 30%,#5ae6ff38,#0000 72%),radial-gradient(120% 80% at 0 100%,#bde8ffb3,#0000 55%);animation:14s ease-in-out infinite alternate pl-breathe;position:absolute;top:0;bottom:0;left:0;right:0}.pl-saturn{width:max(70px,min(6.5vw,116px));animation:8s ease-in-out infinite pl-float;position:absolute;top:15%;right:3%}.pl-ufo{width:max(64px,min(6vw,108px));animation:12s ease-in-out infinite pl-ufo;position:absolute;top:26%;left:3%}.pl-cloud{height:auto;position:absolute}.pl-cloud.a{width:max(260px,min(30vw,540px));animation:22s ease-in-out infinite alternate pl-drift;bottom:-8vh;right:-6vw}.pl-cloud.b{opacity:.95;width:max(240px,min(26vw,480px));animation:26s ease-in-out -8s infinite alternate-reverse pl-drift;bottom:-10vh;left:-8vw}.pl-wrap{z-index:1;flex-direction:column;gap:18px;max-width:1080px;margin:0 auto;padding:18px 20px 120px;display:flex;position:relative}.pl-top{align-items:center;gap:16px;display:flex}.pl-title{flex:none;margin:0;line-height:0}.pl-title img{filter:drop-shadow(0 8px 16px #0a286e66);width:auto;height:max(68px,min(9vw,112px));animation:.8s cubic-bezier(.3,1.5,.5,1) both pl-title-in}.pl-hint{color:#eaf6ff;text-shadow:0 1px 2px #0a286e80;flex:1;min-width:0;font-size:14px;font-weight:600}.pl-me{border:2.5px solid var(--ink);background:linear-gradient(180deg, #fffdf7, var(--cream));box-shadow:0 4px 0 var(--ink);border-radius:999px;flex:none;align-items:center;gap:10px;padding:6px 8px 6px 6px;display:flex}.pl-me img{object-fit:contain;border:2px solid var(--ink);background:#e3f2fd;border-radius:50%;width:44px;height:44px}.pl-me .who{flex-direction:column;line-height:1.25;display:flex}.pl-me .who b{font-size:15px}.pl-me .who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;overflow:hidden}.pl-tabs{border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#eaf4fc;border-radius:999px;align-self:flex-start;gap:6px;padding:5px;display:flex}.pl-tabs button{color:var(--ink);background:0 0;border:0;border-radius:999px;padding:9px 20px;font-size:15px;font-weight:800}.pl-tabs button:hover:not(:disabled){background:#2e9bea24}.pl-tabs button.on{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-deep)}.pl-panel{flex-direction:column;gap:14px;margin-top:104px;padding:56px 22px 22px;animation:.7s cubic-bezier(.2,1.2,.4,1) both pl-rise;display:flex;position:relative}.pl-panel .lv7-peek{width:122px;left:92px}.pl-panel .lv7-bubble{font-size:21px;left:150px}.pl-panel:hover .lv7-peek{animation:.6s ease-in-out lv7-peek-hop}.pl-panel .card{box-shadow:0 4px 0 var(--ink);border-width:2px;border-radius:20px}.pl-panel .card.tip{box-shadow:0 4px 0 #e3a92a, 0 4px 0 1.5px var(--ink)}.pl-sec{align-items:center;gap:10px;display:flex}.pl-sec h3{margin:0;font-size:18px;font-weight:900}.pl-empty{color:var(--muted);align-items:center;gap:14px;padding:14px 6px;display:flex}.pl-empty img{width:92px;height:auto;animation:3.6s ease-in-out infinite pl-bob}.pl-lesson{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:.55s cubic-bezier(.2,1.2,.4,1) both pl-rise;animation-delay:calc(var(--i,0) * 60ms + .2s);background:#fffdf8;border-radius:20px;flex-direction:column;gap:10px;padding:12px 14px 12px 12px;transition:transform .18s,box-shadow .18s;display:flex}.pl-lesson:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.pl-lesson.now{background:#fff6da}.pl-lesson-row{align-items:center;gap:14px;display:flex}.pl-date{text-align:center;color:#fff;background:linear-gradient(180deg, #52b6f5, var(--blue-deep));border:2px solid var(--ink);text-shadow:0 1px #0b3f6680;border-radius:14px;flex:none;width:64px;padding:6px 0 7px;line-height:1.15;box-shadow:inset 0 2px #fff6}.pl-date b{font-size:20px;font-weight:900;display:block}.pl-date span{font-size:11.5px;font-weight:700;display:block}.pl-date.tbd b{padding:4px 0;font-size:15px}.pl-lesson .t{font-size:16px;font-weight:800}.pl-lesson .meta{color:var(--muted);font-size:12.5px}.pl-live{color:#6b4300;background:var(--yellow);border:1.5px solid var(--ink);vertical-align:2px;border-radius:999px;margin-left:6px;padding:1px 9px;font-size:12px;font-weight:800;animation:1.6s ease-in-out infinite pl-pulse;display:inline-block}.invite{background:#f4f9fe;border:2px dashed #9cc8ec;border-radius:14px}.lib-grid{gap:16px}.lib-card.card{box-shadow:0 4px 0 var(--ink);border-width:2px;border-radius:20px;padding:10px;transition:transform .18s,box-shadow .18s}.lib-card.card:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-3px)}.lib-card.on{border-color:var(--ink);box-shadow:0 4px 0 var(--blue-deep), 0 0 0 4px var(--yellow);background:#e3f2fd}.lib-thumb{border:2px solid var(--ink);background:#eaf4fc;border-radius:14px}@media (max-width:720px){.pl-top{flex-wrap:wrap}.pl-hint{flex-basis:100%;order:3}.pl-me{margin-left:auto}.pl-tabs{align-self:stretch;overflow-x:auto}.pl-tabs button{flex:1;padding:9px 10px}.pl-lesson-row{flex-wrap:wrap}.pl-lesson-row .grow{flex-basis:calc(100% - 80px)}.pl-panel .lv7-bubble{font-size:18px}}.pl-class-head{text-align:center;margin-bottom:14px}.pl-class-head b{font-size:21px;font-weight:900;line-height:1.35;display:block}.pl-class-head span{color:var(--muted);margin-top:4px;font-size:13.5px;font-weight:600;display:block}.pl-q{text-align:center;margin-bottom:12px;font-size:16px;font-weight:800;display:block}.pl-names{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:42vh;padding:4px 4px 8px;display:grid;overflow-y:auto}.pl-names button{border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:.45s cubic-bezier(.3,1.6,.5,1) both pl-pop;animation-delay:calc(var(--i,0) * 40ms + .5s);background:#fffdf8;border-radius:999px;padding:11px 6px;font-size:16px;font-weight:800}.pl-names button:hover:not(:disabled){border-color:var(--ink);box-shadow:0 6px 0 var(--ink);background:#e3f2fd;transform:translateY(-2px)}.pl-names button:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.pl-names button.on{background:linear-gradient(180deg, #52b6f5, var(--blue-deep));color:#fff}.pl-tip{text-align:center;color:var(--muted);margin-top:10px;font-size:13px}.pl-wait{flex-direction:column;align-items:center;gap:12px;padding:6px 0 4px;font-size:17px;font-weight:800;display:flex}.pl-dots{gap:8px;display:flex}.pl-dots i{background:var(--blue);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite pl-dot}.pl-dots i:nth-child(2){background:var(--yellow);animation-delay:.15s}.pl-dots i:nth-child(3){animation-delay:.3s}.pl-err{text-align:center;color:#e0464b;font-weight:700}.pl-back{text-align:center;color:var(--blue-deep);margin-top:12px;font-weight:700;display:block}.pl-att{background:#fffdf8;border:2px dashed #d9cdb4;border-radius:16px;flex-direction:column;gap:8px;margin-top:12px;padding:12px 14px;display:flex}.pl-att-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pl-att-head b{font-size:16px;font-weight:900}.pl-att-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.pl-att-row{border-bottom:1px dashed #eee3cc;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;display:flex}.pl-att-row .n{flex:1;min-width:90px;font-weight:800}.pl-att-pick{gap:6px;display:flex}.pl-att-pick button.on.present{color:#1d6e3a;background:#ddf5e3;border-color:#2e9e55}.pl-att-pick button.on.late{color:#8a5a00;background:#fff1d6;border-color:#e0a21b}.pl-att-pick button.on.leave{border-color:var(--blue-deep);color:var(--blue-deep);background:#e3f2fd}.pl-att-pick button.on.absent{color:#a12428;background:#fde3e3;border-color:#e0464b}.pl-att-tr{border-top:2px dashed #eee3cc;flex-direction:column;gap:8px;margin-top:6px;padding-top:10px;display:flex}.pl-att-pre{white-space:pre-wrap;word-break:break-all;background:#fff;border:1.5px solid #eee3cc;border-radius:12px;max-height:240px;margin:0;padding:10px 12px;font:13px/1.7 inherit;overflow:auto}.pl-log-cost{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pl-log-cost b{font-size:15px;font-weight:900}.pl-log-list{background:#fff;border:1.5px solid #eee3cc;border-radius:12px;flex-direction:column;max-height:420px;padding:6px 10px;display:flex;overflow-y:auto}.pl-log-row{border-bottom:1px dashed #f0e8d6;grid-template-columns:44px 64px 1fr;gap:8px;padding:4px 0;font-size:13px;line-height:1.6;display:grid}.pl-log-row time{color:#9aa3b5;font-variant-numeric:tabular-nums}.pl-log-row i{color:#6b7590;font-size:12px;font-style:normal}.pl-log-row span{word-break:break-all}.pl-log-row.k-speech i{color:#2e9bea}.pl-log-row.k-ask i,.pl-log-row.k-reply i{color:#7a4fd1}.pl-log-row.k-class-live,.pl-log-row.k-class-end{background:#fff6da;font-weight:800}@keyframes pl-toast{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes pl-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes pl-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes pl-title-in{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:none}}@keyframes pl-bob{0%,to{translate:0}50%{translate:0 -5px}}@keyframes pl-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}@keyframes pl-ufo{0%,to{transform:translate(0)rotate(-6deg)}50%{transform:translate(4vw,12px)rotate(5deg)}}@keyframes pl-drift{0%{transform:translate(-2.5vw)}to{transform:translate(2.5vw)}}@keyframes pl-breathe{0%{opacity:.75}to{opacity:1}}@keyframes pl-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pl-dot{0%,to{transform:translateY(0)}40%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.pl-home *,.pl-names button,.pl-dots i,.toast,.brandline .snail-logo{transition:none!important;animation:none!important}}.panel .lib-q{width:100%}.lib-kinds{flex-wrap:wrap;gap:6px;display:flex}.lib-kinds .chip{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);white-space:nowrap;background:#fffdf8;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:700}.lib-kinds .chip.on{background:var(--blue);color:#fff;box-shadow:0 2px 0 var(--blue-deep), 0 2px 0 2px var(--ink)}.lib-list{flex-direction:column;gap:8px;display:flex}.lib-item{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fffdf8;border-radius:16px;align-items:center;gap:9px;padding:8px 9px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.lib-item:hover{box-shadow:0 4px 0 var(--ink);transform:translateY(-1px)}.lib-item.on{box-shadow:0 3px 0 var(--blue-deep), 0 0 0 3px var(--yellow);background:#e3f2fd}.lib-item.in{opacity:.62;cursor:default;transform:none}.lib-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);flex:none}.lib-thumb{border:1.5px solid var(--line);width:46px;height:46px;color:var(--blue-deep);background:#eaf4fc;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.lib-thumb img{object-fit:cover;width:100%;height:100%}.lib-meta{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.lib-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.lib-meta small{color:var(--muted);font-size:11.5px}.lib-item .badge{flex:none;font-size:11px}.lib-item button.sm{flex:none;padding:4px 9px;font-size:12px}.lib-bar{border-top:2px solid var(--ink);background:#fff8ea;align-items:center;gap:8px;margin:0 -14px -12px;padding:10px 14px;font-size:13px;font-weight:800;display:flex;position:sticky;bottom:-12px}.lib-bar span{flex:1}.seg-mode{border:1.5px solid var(--pl-ink,#1f2a44);color:#1f2a44;white-space:nowrap;cursor:pointer;box-shadow:none;background:#fffaf0;border-radius:999px;align-items:center;gap:3px;margin:0 6px 5px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.seg-mode.none{color:#8a95aa;border-style:dashed;border-color:#b9c3d6;font-weight:500}.seg-mode.kid{cursor:default;margin:0;font-size:12px}.m-lead{background:#e8f2ff}.m-practice{background:#fff3c9}.m-debate{background:#e6f8ee}.m-play{background:#f6e9ff}.m-wrap{background:#ffece0}.seg-menu-mask{z-index:60;position:fixed;top:0;bottom:0;left:0;right:0}.seg-menu{z-index:61;background:#fffaf0;border:2px solid #1f2a44;border-radius:14px;flex-direction:column;gap:4px;width:240px;padding:10px;display:flex;position:fixed;box-shadow:0 4px #1f2a44,0 14px 30px #00000040}.seg-menu>button{text-align:left;white-space:normal;box-shadow:none;background:0 0;border:1.5px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 9px;font-size:13px;display:flex}.seg-menu>button span{color:#6b7588;font-size:11px;font-weight:400;line-height:1.4}.seg-menu>button:hover{background:#fff3c9}.seg-menu>button.on{background:#e8f2ff;border-color:#2f7cf6}.tc-mode{align-items:center;gap:5px}.seg-chip{box-shadow:none;border:1.5px solid #c9d2e3}.seg-chip.on{border-color:#1f2a44;font-weight:800;box-shadow:0 2px #1f2a44}.tc-lights{gap:5px}.tc-light{background:#f2f4f8;border-radius:999px;align-items:center;gap:4px;padding:1px 8px 1px 5px;font-size:12px;display:inline-flex}.tc-light i{background:#c3cad6;border-radius:50%;width:9px;height:9px}.tc-light.l-g i{background:#2bb673}.tc-light.l-y i{background:#ffb020}.tc-light.l-r i{background:#ef4b4b;animation:1.2s ease-in-out infinite st-pulse}.tc-light.l-r{background:#ffe9e9;font-weight:700}.tc-ideas{background:#fff7e0;border:1.5px solid #ffc94d;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.tc-idea{align-items:center;gap:8px}.snail-fab.talking{animation:.9s ease-in-out infinite snail-wobble}.snail-fab.talking:before,.snail-fab.talking:after{content:"";border:2.5px solid var(--brand-2,#5cc0fa);pointer-events:none;border-radius:50%;animation:1.4s ease-out infinite snail-wave;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.snail-fab.talking:after{animation-delay:.7s}@keyframes snail-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)scale(1.04)}75%{transform:rotate(6deg)scale(1.04)}}@keyframes snail-wave{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.snail-fab.talking,.snail-fab.talking:before,.snail-fab.talking:after{animation:none}}.snail-nudge{z-index:33;cursor:pointer;color:#1f2a44;background:#fffaf0;border:2px solid #1f2a44;border-radius:14px 14px 4px;align-items:flex-start;gap:6px;max-width:min(260px,70%);padding:8px 10px;font-size:15px;line-height:1.45;animation:.25s ease-out q-in;display:flex;position:absolute;bottom:22px;right:74px;box-shadow:0 3px #1f2a44}.cls.student.immersive .snail-nudge{bottom:84px}.snail-read{box-shadow:none;color:#9a5b00;vertical-align:middle;background:#fff;border:1.5px solid #ffc94d;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;font-size:12px;display:inline-flex}@media (prefers-reduced-motion:reduce){.tc-light.l-r i{animation:none}}.honor,.honor.hw{background:linear-gradient(180deg, #fffdf7, var(--cream));border:2px solid var(--ink);box-shadow:0 3px 0 var(--blue-deep);border-radius:16px}.hw-class{color:var(--muted);font-weight:600}.hw-class b{color:var(--blue-deep)}.hw-prog i{border:1.5px solid var(--ink);background:#e8e0cf;height:11px}.hw-prog i b{background:linear-gradient(90deg, var(--brand-2), var(--blue-deep))}.hw-me{border:2px solid var(--ink);background:#fff;border-radius:14px;box-shadow:0 2px #23314f2e}.hw-me-grid>div+div{border-left:1.5px dashed #d6cdba}.hw-me-grid i{color:var(--muted);font-weight:600}.hw-me-grid b{color:var(--ink);font-weight:800}.hw-me-grid b.stars,.hw-list .rank b{color:#f2a900}.hw-tabs button{color:var(--muted);background:#fffdf8;border:2px solid #d6cdba;border-radius:999px}.hw-tabs button.on{background:var(--yellow);border-color:var(--ink);color:var(--ink);box-shadow:0 2px 0 var(--ink)}.honor .rank{border-radius:10px}.honor .rank.is-me{background:var(--brand-soft);color:var(--blue-deep)}.hw-class{flex-wrap:nowrap;align-items:center}.hw-badge{background:radial-gradient(circle at 35% 30%, #ffe680, var(--yellow) 60%, #f2a900);border:2px solid var(--ink);width:28px;height:28px;color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.hw-ic{vertical-align:-2px;flex:none;margin-right:3px}.hw-ic.join{color:#2bb673}.hw-ic.acc{color:#e2574c}.hw-ic.deep{color:#f2a900}.hw-me-grid i{justify-content:center;align-items:center;display:flex}.hw-tabs{gap:6px}.hw-tabs button{justify-content:center;align-items:center;gap:0;min-width:0;padding:5px 2px;font-size:13px;display:inline-flex}.hw-tabs button.on .hw-ic{color:var(--ink)}.hw-list{gap:4px}.hw-list .rank b{white-space:nowrap}.kid-talk h4{align-items:center;gap:5px;display:inline-flex}.hw-speed{color:var(--muted);border-top:1.5px dashed #d6cdba;justify-content:center;align-items:center;gap:3px;margin-top:6px;padding-top:5px;font-size:12px;font-weight:600;display:flex}.hw-speed b{color:var(--blue-deep);font-weight:800}.hw-ic.speed{color:#3e8bea}.tc-retract{color:#c2410c}.tc-dur{color:var(--blue-deep,#1f4fa8);font-variant-numeric:tabular-nums;background:#eef4ff;border-radius:999px;flex:none;padding:0 6px;font-size:11px}.q-sec{color:var(--ink);border-top:1.5px dashed #d6cdba;align-items:center;gap:5px;margin-top:10px;padding-top:8px;font-size:13.5px;font-weight:800;display:flex}.q-sec .muted{margin-left:auto;font-weight:500}.q-list{flex-direction:column;gap:5px;display:flex}.q-row{align-items:center;gap:4px;display:flex}.q-main{text-align:left;min-width:0;box-shadow:none;background:#fffdf8;border:1.5px solid #e4dccb;border-radius:10px;flex:1;justify-content:flex-start;align-items:center;gap:6px;padding:6px 8px;font-weight:500;display:flex}.q-main:hover{border-color:var(--ink);background:#fff6d6}.q-main:hover .q-go{opacity:1}.q-kind{border:1.5px solid;border-radius:999px;flex:none;padding:1px 6px;font-size:11px;font-weight:800}.q-kind.k-qa{color:var(--blue-deep)}.q-kind.k-choice{color:#d9480f}.q-kind.k-vote{color:#7b4fd1}.q-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.q-go{color:var(--blue-deep);opacity:.35;flex:none;transition:opacity .15s}.q-used{min-width:18px;color:var(--muted);text-align:center;background:#eee7d8;border-radius:9px;flex:none;padding:0 5px;font-size:11px}.q-row .q-x,.q-row .q-star{flex:none;padding:4px}.q-star.on{color:#f2a900}.tc-tally{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px;display:grid}.tc-opt{grid-template-columns:minmax(0,1fr) 90px 24px;align-items:center;gap:6px;font-size:13px;display:grid}.tc-opt i{background:#eee7d8;border-radius:4px;height:8px;display:block;overflow:hidden}.tc-opt i b{background:var(--blue-deep);height:100%;transition:width .3s;display:block}.tc-opt em{text-align:right;font-style:normal;font-weight:800}.tc-opt.right span{color:#11875a;font-weight:700}.tc-opt.right i b{background:#2bb673}.kid-talk h4{border:2px solid var(--ink);background:linear-gradient(180deg, #52b6f5, var(--blue-deep));color:#fff;text-shadow:0 1px #0b3f6680;box-shadow:0 2px 0 var(--ink);border-radius:999px;align-self:flex-start;padding:3px 14px;font-weight:800}.kid-talk .chat-line{background:#fff;border:1.5px solid #e4dccb;border-radius:12px;padding:5px 10px}.kid-talk .chat-line.me{background:#eaf7ee;border-color:#bfe3c9}.kid-talk .chat-line.teacher{background:var(--brand-soft);border-color:#b9dcf7}.kid-talk .chat-line.teacher b{color:var(--blue-deep)}.kid-talk .talk-bar input{border-radius:999px}.kid-talk .talk-bar .talk-voice{border:2px solid var(--ink);color:var(--blue-deep);box-shadow:0 2px 0 var(--ink);background:#fffdf8}.tc-speech{background:#fffdf8;border:1.5px dashed #d6cdba;border-radius:12px;padding:4px 10px}.tc-speech summary{cursor:pointer;padding:2px 0}.tc-speech[open] summary{margin-bottom:4px}.member .dot.lt-g{background:#2bb673}.member .dot.lt-y{background:#ffb020}.member .dot.lt-r{background:#ef4b4b;animation:1.2s ease-in-out infinite st-pulse}.member.lt-r{background:#fff1f1;border-radius:8px}.member.lt-r .grow{color:#b42323;font-weight:700}.tc-legend{letter-spacing:.5px;flex:none;margin-right:4px}.tile{border:2px solid var(--ink);background:linear-gradient(160deg,#1d3a6e,#142847);border-radius:14px;box-shadow:0 3px #23314f40}.tile .off{color:#9cc7f2;font-weight:800}.tile .name{color:var(--ink);border:1.5px solid var(--ink);background:#fffbf2eb;font-weight:700}.tile.speaking{outline:3px solid var(--brand-2);outline-offset:-1px;box-shadow:0 0 0 4px #5cc0fa59}.tile.pickable:hover{outline:3px solid var(--yellow);outline-offset:-1px}.slide{background:#fffdf8;border:2px solid #cfc5b2;border-radius:12px;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:0 2px #e4dccb}.slide:hover{border-color:var(--ink);transform:translateY(-2px)}.slide .thumb{color:#6c8db5;background:#eaf4fd;border-radius:10px 10px 0 0}.slide .no{background:var(--ink);border-radius:999px;padding:0 6px;font-weight:800}.slide .cap{font-weight:600}.slide.cur{border-color:var(--ink);background:var(--brand-soft);box-shadow:0 4px 0 var(--blue-deep)}.slide.cur .no{background:var(--brand)}.slide.dragover{border-color:var(--yellow);box-shadow:0 0 0 3px #ffc93c73}.slide.add{box-shadow:none;background:#fffdf899;border:2px dashed #b9c9de}.slide.add:hover{border-color:var(--brand);color:var(--brand)}.slide .x{background:var(--ink)}.film-meta b{font-weight:800}.step{background:#fffdf8;border:1.5px solid #e0d6c3}.step.cur{border-color:var(--ink);background:var(--brand-soft);box-shadow:0 2px 0 var(--blue-deep)}.step.done i{background:#2bb673}.tc-mode{background:#f5eedf;border-radius:14px;padding:5px 8px}.tc-lights{padding:2px 0}.tc-light{background:#fffdf8;border:1.5px solid #e0d6c3}.tc-light.l-r{border-color:#ef4b4b}.tc-light.l-g{border-color:#9ad9b8}.tc-light.l-y{border-color:#ffd27a}@media (prefers-reduced-motion:reduce){.member .dot.lt-r{animation:none}.slide:hover{transform:none}}.end-card{flex-direction:column;gap:14px;display:flex}.end-head{text-align:center;flex-direction:column;gap:2px;display:flex}.end-head b{color:var(--ink);font-size:22px;font-weight:900}.end-head span{color:var(--muted);font-size:14px}.end-time{text-align:center;background:var(--brand-soft);color:var(--muted);border-radius:18px;padding:12px;font-weight:700}.end-time b{color:var(--blue-deep);vertical-align:-3px;margin:0 4px;font-size:34px;font-weight:900}.end-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.end-grid.n1{grid-template-columns:1fr}.end-grid.n2{grid-template-columns:repeat(2,1fr)}.end-grid>div{border:2px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.end-grid i{color:var(--muted);font-size:13px;font-style:normal;font-weight:700}.end-grid b{color:var(--ink);font-size:20px;font-weight:900}.end-grid b.stars{color:#ffb200;letter-spacing:1px}.end-praise{color:var(--ink);background:#fff6da;border-radius:16px;padding:12px 14px;font-weight:800;line-height:1.5}.end-actions{align-items:center;gap:10px;display:flex}.end-actions .lv6-go{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.end-back{border-radius:999px;flex:none;padding:10px 18px;font-weight:800}.end-msg{text-align:center;color:var(--muted);font-size:13px}.end-preview{background:var(--panel);border:2.5px solid var(--ink);text-align:center;border-radius:22px;width:min(420px,92vw);max-height:92vh;padding:14px;position:relative;overflow:auto}.end-preview img{border-radius:14px;width:100%;display:block}.end-preview p{color:var(--ink);margin:10px 0 2px;font-weight:800}.end-preview .qb-x{position:absolute;top:10px;right:10px}.ot-hint{z-index:60;border:2px solid var(--ink);color:var(--ink);background:#fff6da;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:14px;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%);box-shadow:0 3px #e3a92a}.ot-hint.over{background:#ffe9e3;box-shadow:0 3px #e07a5f}.ot-hint b{font-weight:900}.ot-x{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.kid-continue{white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:16px;overflow:hidden}.lv6-form .pl-q{margin-bottom:0}.kid-code input{letter-spacing:3px;font-size:20px;font-weight:800}.kid-code input::placeholder{letter-spacing:0;font-size:15px;font-weight:400}.kid-install{border-top:1.5px dashed #e6dac2;margin-top:14px;padding-top:14px}.kid-install-btn{text-align:left;border:2px solid var(--ink,#23314f);width:100%;box-shadow:0 3px 0 var(--ink,#23314f);color:var(--ink,#23314f);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;display:flex}.kid-install-btn:active{box-shadow:0 1px 0 var(--ink,#23314f);transform:translateY(2px)}.kid-install-btn img{border-radius:11px;flex:none;width:44px;height:44px}.kid-install-btn span{flex-direction:column;gap:2px;display:flex}.kid-install-btn b{font-size:16px}.kid-install-btn small{color:#6b7590;font-size:12px}.kid-install-ok{text-align:center;color:#2f9e5b;font-weight:700}.kid-install.dock{z-index:30;border:0;width:280px;margin:0;padding:0;animation:.6s cubic-bezier(.3,1.6,.5,1) 1.2s both lv7-pop;position:fixed;bottom:20px;right:20px}.kid-install.dock .kid-install-btn{box-shadow:0 4px 0 var(--ink,#23314f), 0 12px 26px #081e5a59}.kid-install.dock .kid-install-ok{background:#fff;border:2px solid #23314f;border-radius:16px;padding:10px 14px}@media (max-width:820px),(max-aspect-ratio:4/5){.kid-install.dock{left:50%;right:auto;bottom:max(14px, env(safe-area-inset-bottom));width:min(92vw,400px);animation:none;transform:translate(-50%)}}.kid-install-help{z-index:100;background:#0a193c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.kid-install-sheet{color:#23314f;background:#fffaf0;border:2.5px solid #23314f;border-radius:22px;flex-direction:column;gap:10px;width:min(420px,100%);padding:20px;display:flex}.kid-install-sheet b{font-size:17px}.kid-install-sheet ol{margin:0;padding-left:22px;font-size:15px;line-height:1.9}.kid-install-sheet svg{vertical-align:-4px;color:#2e9bea;margin:0 2px}.kid-install-sheet small{color:#6b7590}.lv7{--ink:#23314f;--blue:#2e9bea;--blue-deep:#1f7fd0;--cream:#fbf4e6;--yellow:#ffc93c;--px:0;--py:0;min-height:100vh;min-height:100dvh;color:var(--ink);background:#2c8be0;position:relative;overflow:hidden}.lv7-scene{z-index:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.lv7-sky{background:radial-gradient(120% 90% at 0 100%,#bde8ff 0%,#82cdfa99 30%,#3c96eb00 60%),linear-gradient(205deg,#0a2b6b 0%,#134c9e 22%,#2378d2 46%,#46a5ee 70%,#8fd3ff 100%);position:absolute;top:0;bottom:0;left:0;right:0}.lv7-layer{transform:translate3d(calc(var(--px) * var(--d) * -1px), calc(var(--py) * var(--d) * -.7px), 0);will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.3,1);position:absolute;top:-3%;bottom:-3%;left:-3%;right:-3%}.lv7-nebula{filter:blur(60px);mix-blend-mode:screen;border-radius:50%;position:absolute}.lv7-nebula.n1{background:radial-gradient(circle at 40% 40%,#786eff8c,#3c78ff40 45%,#0000 70%);width:58vw;height:58vw;animation:26s ease-in-out infinite alternate lv7-nebula;top:-12%;right:-8%}.lv7-nebula.n2{background:radial-gradient(circle,#5ae6ff61,#3caaff24 50%,#0000 72%);width:40vw;height:32vw;animation:34s ease-in-out -12s infinite alternate-reverse lv7-nebula;top:20%;right:18%}.lv7-milky{filter:blur(6px);mix-blend-mode:screen;background:radial-gradient(#dcf0ff6b,#aad2ff29 40%,#0000 70%),repeating-radial-gradient(circle at 30%,#ffffff80 0 1px,#0000 1px 7px);border-radius:50%;width:90vw;height:22vw;animation:9s ease-in-out infinite alternate lv7-milky;position:absolute;top:4%;right:-14%;transform:rotate(-28deg)}.lv7-stars{width:94%;height:94%;position:absolute;top:3%;left:3%}.lv7-cloud{height:auto;display:block;position:absolute}.lv7-cloud.c-far{opacity:.85;width:max(110px,min(11vw,200px));animation:70s linear -20s infinite lv7-cross;top:14%;left:0}.lv7-cloud.c-back{width:max(260px,min(32vw,560px));animation:18s ease-in-out infinite alternate lv7-drift;top:30%;left:-9vw}.lv7-cloud.c-front{width:max(280px,min(36vw,620px));animation:22s ease-in-out -6s infinite alternate-reverse lv7-drift;bottom:-7vh;right:-5vw}.lv7-cloud.c-front2{opacity:.95;width:max(220px,min(24vw,420px));animation:26s ease-in-out -3s infinite alternate lv7-drift;bottom:-14vh;right:24vw}.lv7-saturn{width:max(80px,min(8vw,140px));animation:8s ease-in-out infinite lv7-float;position:absolute;top:8%;right:6%}.lv7-ufo{width:max(76px,min(7.5vw,130px));animation:11s ease-in-out infinite lv7-ufo,1.4s steps(2,end) infinite lv7-lights;position:absolute;top:9%;left:47%}.lv7-ground{position:absolute;top:0;bottom:0;left:0;right:0}.lv7-planet{aspect-ratio:3/2;position:absolute}.lv7-sails{aspect-ratio:1;height:auto;animation:14s linear infinite lv7-sails;display:block;position:absolute;translate:-50% -50%}.lv7-flag{position:absolute;overflow:visible}.lv7-planet>.lv7-base{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.lv7-planet.wide{width:max(84vw,118vh);animation:1.2s cubic-bezier(.2,.9,.3,1) both lv7-planet-in;bottom:-9vh;left:-3vw}.lv7-planet.dome{display:none}.lv7-river{-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;mix-blend-mode:screen;opacity:.7;background:radial-gradient(circle,#fffffff2 0 1.4px,#0000 2.2px) 0 0/46px 38px,repeating-linear-gradient(118deg,#0000 0 26px,#ffffff80 30px,#ffffff26 36px,#0000 44px 70px);animation:6s linear infinite lv7-flow;position:absolute;top:0;bottom:0;left:0;right:0}.lv7-rocket{opacity:0;width:max(54px,min(5vw,86px));animation:15s cubic-bezier(.45,0,.7,1) 2s infinite lv7-launch;position:absolute;bottom:-12vh;left:34vw}.lv7-rocket img{z-index:1;width:100%;animation:.18s linear infinite alternate lv7-rumble;display:block;position:relative}.lv7-rocket:after{content:"";transform-origin:0;clip-path:polygon(0 38%,100% 0,100% 100%,0 62%);filter:blur(1.5px);background:linear-gradient(90deg,#fffffff2 0%,#ffffff8c 35%,#fff0 100%);width:260%;height:22px;margin-top:-11px;position:absolute;top:99%;left:9%;transform:rotate(128.7deg)}.lv7-main{z-index:2;min-height:100vh;box-sizing:border-box;justify-content:space-between;align-items:center;gap:3vw;min-height:100dvh;padding:4vh 6vw 5vh 5vw;display:flex;position:relative}.lv7-brand{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:1.6vh;width:min(50vw,820px,82vh);display:flex}.lv7-title{width:100%;margin:0;animation:.9s cubic-bezier(.3,1.5,.5,1) both lv7-title-in,5s ease-in-out 1s infinite lv7-bob}.lv7-title img{filter:drop-shadow(0 12px 22px #0a286e66);width:100%;display:block}.lv7-slogan{filter:drop-shadow(0 8px 14px #0a286e59);width:88%;margin-left:3%;animation:.7s cubic-bezier(.3,1.6,.5,1) .45s both lv7-pop;display:block}.lv7-side{justify-content:center;width:min(430px,36vw);margin-right:1vw;display:flex}.lv7-card{box-sizing:border-box;background:linear-gradient(180deg, #fffbf2, var(--cream));border:3px solid var(--ink);width:100%;box-shadow:0 12px 0 -1px var(--blue), 0 12px 0 2px var(--ink), 0 26px 44px #081e5a66;border-radius:36px;margin-top:150px;padding:58px 32px 30px;animation:.8s cubic-bezier(.2,1.2,.4,1) .2s both lv7-rise;position:relative}.lv7-welcome{height:0;position:absolute;top:0;left:0;right:0}.lv7-peek{aspect-ratio:338/420;width:140px;position:absolute;top:0;left:22%;transform:translate(-50%,calc(14px - 100%))}.lv7-peek img{filter:drop-shadow(0 4px #14285a2e);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.lv7-lid{transform-origin:50% 0;background:radial-gradient(at 50% 30%,#fff6e6,#fcecd4 70%);border-radius:50% 50% 46% 46%/40% 40% 60% 60%;width:10.7%;height:9.6%;transition:transform 70ms ease-in;position:absolute;transform:scaleY(0);box-shadow:inset 0 -3px #1e3a6e}.lv7-lid.l{top:48%;left:50.4%}.lv7-lid.r{top:44.4%;left:73%}.lv7-peek.blink .lv7-lid{transform:scaleY(1)}.lv7-card:hover .lv7-peek{animation:.6s ease-in-out lv7-peek-hop}.lv7-bubble{transform-origin:0 100%;white-space:nowrap;letter-spacing:2px;color:#fff;background:linear-gradient(180deg, #5cc0fa, var(--blue-deep));border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink), inset 0 3px 0 #ffffff73;text-shadow:0 2px #0b3f66a6;border-radius:24px;margin:0;padding:12px 22px 13px;font-size:23px;font-weight:900;animation:.6s cubic-bezier(.3,1.6,.5,1) .9s both lv7-bubble-in,3.6s ease-in-out 1.5s infinite lv7-bubble;position:absolute;top:0;left:40%;transform:translateY(-62%)rotate(-3deg)}.lv7-bubble:before,.lv7-bubble:after{content:"";border-style:solid;position:absolute;bottom:9px;left:-15px}.lv7-bubble:before{border-width:10px 18px 10px 0;border-color:transparent var(--ink) transparent transparent;left:-19px}.lv7-bubble:after{border-width:6px 13px 6px 0;border-color:#0000 #2a8fdf #0000 #0000;bottom:13px;left:-12px}.lv7-bubble-star{color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:none;font-size:26px;font-style:normal;line-height:1;animation:4s ease-in-out infinite lv7-spin;position:absolute;top:-16px;right:-14px}@media (max-aspect-ratio:4/5),(max-width:820px){.lv7-sky{background:linear-gradient(#0a2b6b 0%,#1e62ba 30%,#3e9bea 62%,#9adaff 100%)}.lv7-planet.wide{display:none}.lv7-planet.dome{width:max(150vw,66vh);animation:none;display:block;bottom:-4vh;left:50%;transform:translate(-50%)}.lv7-main{flex-direction:column;justify-content:flex-start;gap:0;padding:4vh 5vw 32vh}.lv7-brand{align-self:center;align-items:center;width:min(90vw,520px)}.lv7-slogan{width:96%;margin-left:0}.lv7-side{width:min(92vw,400px);margin:0}.lv7-card{margin-top:118px;padding:52px 22px 24px}.lv7-peek{width:112px}.lv7-bubble{font-size:19px;left:36%}.lv7-card:hover .lv7-peek{animation:none}.lv7-ufo{top:3%;left:6%}.lv7-saturn{top:2%;right:4%}.lv7-cloud.c-back{top:40%;left:-20vw}.lv7-cloud.c-front{width:52vw;bottom:14vh;right:-16vw}.lv7-cloud.c-front2{display:none}.lv7-rocket{bottom:20vh;left:70vw}}@keyframes lv7-nebula{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:1;transform:translate(-6vw,4vh)scale(1.15)}}@keyframes lv7-milky{0%{opacity:.65}to{opacity:1}}@keyframes lv7-cross{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}@keyframes lv7-drift{0%{transform:translate(-2.5vw)}to{transform:translate(2.5vw)}}@keyframes lv7-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-16px)rotate(4deg)}}@keyframes lv7-ufo{0%,to{transform:translate(0)rotate(-6deg)}25%{transform:translate(5vw,-14px)rotate(4deg)}50%{transform:translate(9vw,6px)rotate(-3deg)}75%{transform:translate(4vw,16px)rotate(6deg)}}@keyframes lv7-lights{0%{filter:drop-shadow(0 0 #ffdc5a00)}to{filter:drop-shadow(0 0 10px #ffdc5ad9)}}@keyframes lv7-planet-in{0%{opacity:0;transform:translateY(8vh)}to{opacity:1;transform:translateY(0)}}@keyframes lv7-flow{0%{background-position:0 0,0 0}to{background-position:46px 76px,-140px 0}}@keyframes lv7-launch{0%{opacity:0;transform:translate(0)scale(.7)}6%{opacity:1}40%{opacity:1;transform:translate(72vw,-90vw)scale(1.05)}41%,to{opacity:0;transform:translate(72vw,-90vw)scale(1.05)}}@keyframes lv7-sails{0%{rotate:0deg}to{rotate:360deg}}@keyframes lv7-rumble{0%{transform:translate(0)}to{transform:translate(1px,-1px)}}@keyframes lv7-title-in{0%{opacity:0;transform:translateY(-30px)scale(.9)}to{opacity:1;transform:none}}@keyframes lv7-bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes lv7-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes lv7-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes lv7-peek-hop{0%,to{translate:0}40%{translate:0 -16px}}@keyframes lv7-bubble-in{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes lv7-bubble{0%,to{rotate:0deg}50%{rotate:2.5deg}}@keyframes lv7-spin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(20deg)scale(1.2)}}@media (prefers-reduced-motion:reduce){.lv7 *,.lv7 :before,.lv7 :after{transition:none!important;animation:none!important}.lv7-layer{transform:none!important}.lv7-rocket{display:none}}.lv6{--ink:#23314f;--blue:#2e9bea;--blue-deep:#1f7fd0;--cream:#fbf4e6;--yellow:#ffc93c;--px:0;--py:0;min-height:100vh;min-height:100dvh;color:var(--ink);position:relative;overflow:hidden}.lv6-bg{z-index:0;transform:translate(calc(var(--px) * -14px), calc(var(--py) * -10px));transition:transform .4s ease-out;position:fixed;top:-2%;bottom:-2%;left:-2%;right:-2%}.lv6-bg picture,.lv6-bg img{object-fit:cover;object-position:left bottom;width:100%;height:100%;display:block}.lv6-sky{z-index:1;pointer-events:none;transform:translate(calc(var(--px) * 18px), calc(var(--py) * 12px));transition:transform .4s ease-out;position:fixed;top:0;bottom:0;left:0;right:0}.lv6-spark{background:#fff;border-radius:50%;width:6px;height:6px;animation:3.2s ease-in-out infinite lv6-twinkle;position:absolute;box-shadow:0 0 8px 2px #fff4c8d9}.lv6-ufo{width:max(80px,min(9vw,150px));animation:9s ease-in-out infinite lv6-ufo;position:absolute;top:10%;left:44%}.lv6-saturn{width:max(80px,min(9vw,140px));animation:7s ease-in-out infinite lv6-float;position:absolute;top:7%;right:5%}.lv6-rocket{width:max(56px,min(5.5vw,92px));animation:6s ease-in-out infinite lv6-rocket;position:absolute;bottom:8%;left:60%}.lv6-main{z-index:2;min-height:100vh;box-sizing:border-box;justify-content:space-between;align-items:center;gap:4vw;min-height:100dvh;padding:5vh 7vw;display:flex;position:relative}.lv6-brand{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:1.2vh;width:min(40vw,560px);display:flex;position:relative}.lv6-title{width:100%;margin:0;animation:5s ease-in-out infinite lv6-bob}.lv6-title img{filter:drop-shadow(0 10px 18px #103c8259);width:100%;display:block}.lv6-slogan{filter:drop-shadow(0 6px 10px #103c824d);width:86%;margin-left:4%;animation:.7s cubic-bezier(.3,1.6,.5,1) .35s both lv6-pop;display:block}.lv6-captain{cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;width:max(78px,min(8vw,130px));padding:0;animation:3.6s ease-in-out infinite lv6-sway;position:absolute;top:14%;right:-24%}.lv6-captain img{pointer-events:none;width:100%;display:block}.lv6-captain.jump{animation:.7s cubic-bezier(.3,.7,.4,1) lv6-jump}.lv6-captain:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;border-radius:16px}.lv6-side{justify-content:center;width:min(420px,40vw);margin-right:2vw;display:flex}.lv6-card{box-sizing:border-box;background:linear-gradient(180deg, #fffbf2, var(--cream));border:3px solid var(--ink);width:100%;box-shadow:0 12px 0 -1px var(--blue), 0 12px 0 2px var(--ink), 0 26px 40px #0c286459;border-radius:36px;margin-top:110px;padding:34px 32px 30px;animation:.8s cubic-bezier(.2,1.2,.4,1) .15s both lv6-rise;position:relative}.lv6-peek{pointer-events:none;width:150px;height:150px;position:absolute;top:0;left:50%;transform:translate(-50%,-116px)}.lv6-peek img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.lv6-card:hover .lv6-peek{animation:.6s ease-in-out lv6-peek-hop}.lv6-head{text-align:center;margin-bottom:18px}.lv6-head b{letter-spacing:2px;font-size:30px;font-weight:900;display:block}.lv6-head span{color:#5b6785;margin-top:4px;font-size:14px;display:block}.lv6-tabs{background:#eaf4fc;border-radius:999px;gap:6px;margin-bottom:18px;padding:5px;display:flex}.lv6-tabs button{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:10px 0;font-size:16px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.lv6-tabs button.on{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-deep)}.lv6-form{flex-direction:column;gap:14px;display:flex}.lv6-field{border:2.5px solid var(--ink);background:#fffdf8;border-radius:999px;align-items:center;gap:10px;height:54px;padding:0 18px;transition:box-shadow .2s,border-color .2s;display:flex}.lv6-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #2e9bea38}.lv6-field svg{width:22px;height:22px;color:var(--ink);flex:none}.lv6-field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:17px}.lv6-field input::placeholder{color:#8a93a8}.lv6-err{color:#e0464b;text-align:center;font-size:14px}.lv6-go{border:2.5px solid var(--ink);background:linear-gradient(180deg, #52b6f5, var(--blue-deep));color:#fff;height:58px;font:inherit;letter-spacing:6px;cursor:pointer;box-shadow:0 5px 0 var(--ink);border-radius:999px;margin-top:6px;font-size:20px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .2s}.lv6-go:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 6px 0 var(--ink);transform:translateY(-1px)}.lv6-go:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.lv6-go:disabled{opacity:.55;cursor:not-allowed}.lv6-scan{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:4px 0 6px;display:flex}.lv6-qr{background:#eaf4fc;border:2.5px dashed #7f95b8;border-radius:20px;justify-content:center;align-items:center;width:168px;height:168px;display:flex}.lv6-qr img{opacity:.6;height:120px}.lv6-scan b{font-size:16px}.lv6-scan span{color:#5b6785;font-size:13px;line-height:1.5}@media (max-aspect-ratio:4/5),(max-width:820px){.lv6-main{flex-direction:column;justify-content:flex-start;gap:0;padding:4vh 6vw 30vh}.lv6-brand{align-self:center;align-items:center;width:min(86vw,480px)}.lv6-slogan{margin-left:0}.lv6-captain{display:none}.lv6-side{width:min(92vw,400px);margin:0}.lv6-card{margin-top:96px;padding:28px 22px 24px}.lv6-peek{width:124px;height:124px;transform:translate(-50%,-96px)}.lv6-card:hover .lv6-peek{animation:none}.lv6-ufo{top:3%;left:4%}.lv6-saturn{top:2%;right:3%}.lv6-rocket{bottom:34%;left:auto;right:6%}}@keyframes lv6-twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}@keyframes lv6-ufo{0%,to{transform:translate(0)rotate(-4deg)}25%{transform:translate(24px,-10px)rotate(3deg)}50%{transform:translate(46px,4px)rotate(-2deg)}75%{transform:translate(18px,12px)rotate(4deg)}}@keyframes lv6-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(3deg)}}@keyframes lv6-rocket{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(14px,-22px)rotate(4deg)}}@keyframes lv6-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lv6-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes lv6-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes lv6-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes lv6-jump{0%{transform:translateY(0)scale(1)}20%{transform:translateY(0)scale(1.1,.88)}55%{transform:translateY(-46px)scale(.95,1.06)}85%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}@keyframes lv6-peek-hop{0%,to{transform:translate(-50%,-116px)}40%{transform:translate(-50%,-132px)}}@media (prefers-reduced-motion:reduce){.lv6 *,.lv6 :before,.lv6 :after{transition:none!important;animation:none!important}.lv6-bg,.lv6-sky{transform:none!important}}