/* v16: preserve readable content; use pages/steps instead of clipping long modal content. */
#modal.compact16{width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:visible}
#modal.compact16 #modalContent{overflow:visible;max-height:none;padding:22px 26px}
#modal.compact16 .dialog-head{padding:22px 26px}
#modal.compact16 .small{font-size:12px;line-height:1.55}
.tabs16{display:flex;gap:6px;background:#f1f4fa;padding:5px;border-radius:12px;margin:18px 0}
.tabs16 button{flex:1;padding:10px 8px;color:#7a89a4;border-radius:8px;font-size:13px;white-space:nowrap}
.tabs16 button.active{background:white;color:#365baf;box-shadow:0 2px 7px #1536630b;font-weight:750}
.contest-sheet16>header{display:flex;gap:12px;align-items:center;font-size:14px}.contest-sheet16>header>span:last-child{margin-left:auto;font-size:12px;color:#8b99af}
.contest-body16{min-height:238px}.contest-facts16{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;padding:10px 2px 22px}.contest-facts16 span{display:block;font-size:12px;color:#8b99ae;margin-bottom:7px}.contest-facts16 b{font-size:14px;color:#35496d;font-weight:650}.contest-money16{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#f2f6ff;border:1px solid #e1e9f9;padding:18px;border-radius:13px}.contest-money16 span{display:block;font-size:11px;color:#8193b1;margin-bottom:7px}.contest-money16 b{font-size:21px;color:#3f64b2}.contest-money16>div:last-child b{font-size:18px}.contest-line16{font-size:12px;color:#8898b2;margin:14px 2px}.contest-sheet16>footer{border-top:1px solid #e8edf5;margin-top:14px;padding-top:15px;display:flex;gap:12px;align-items:center}.contest-sheet16>footer>p{font-size:12px;line-height:1.6;margin:0;flex:1;color:#7b8ba6}.contest-sheet16>footer>div{display:flex;gap:8px;align-items:center;flex-shrink:0}.contest-sheet16 footer .btn{padding:10px 15px;min-height:40px;font-size:13px}.contest-sheet16 footer .text-btn{font-size:12px}
.payout-chips16{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 18px}.payout-chips16 span{padding:9px 4px;text-align:center;font-size:12px;color:#7285a3;background:#f3f6fc;border-radius:8px}.payout-chips16 b{color:#4666a5;display:block;margin-bottom:4px}.contest-rules16{padding-left:18px;color:#7787a2;line-height:1.7;font-size:13px;margin:0}.contest-rules16 li+li{margin-top:9px}.school-list16 p{padding:9px 12px;margin:7px 0;background:#f6f8fc;font-size:13px;border-radius:7px;word-break:break-word}.contest-body16 h3{font-size:16px;margin:15px 0}
#contestRows15{display:grid;grid-template-rows:repeat(var(--contest-rows16,6),minmax(0,1fr))}.contest-row15{height:auto;min-height:0}.contest-row15:last-child{border-bottom:0}
.item-stock13{display:block!important;font-size:11px!important;padding:6px 0 0!important;color:#8b98ac!important}.item-stock13 b{display:inline!important;font-size:12px!important;color:#59729e!important;line-height:inherit!important;margin:0!important}.avatar-skin16{z-index:0!important}.cogo-avatar.has-skin16{isolation:isolate}.cogo-avatar.has-skin16>img:not(.avatar-skin16){z-index:2}.cogo-avatar.has-skin16 .avatar-frame{position:relative;z-index:2}
.energy-feature15{min-height:46px!important}.energy-feature15>[data-plan-col7]{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:3px 10px;align-items:center!important;justify-content:flex-start;line-height:1.4!important}.energy-feature15 small{font-size:11px;line-height:1.4;white-space:nowrap}.energy-feature15>span>small{display:inline}.energy-feature15>b{display:flex;align-items:center}
.subject-subtypes9{gap:10px;min-height:44px;align-items:center;margin:2px 0}.subject-subtypes9 .subtype-check9,.subject-subtypes9 .word-launch12{box-sizing:border-box;min-height:38px;height:38px;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px}.subject-subtypes9 .subtype-check9 input{margin:0;width:14px;height:14px}.subject-subtypes9 .subtype-check9 .icon{width:17px;height:17px}.subject-subtypes9 .subtype-check9{min-width:112px;justify-content:center}
.resource-cover10 img{object-fit:cover;object-position:center}.resource-cover10{background:#fffaf1}
.language-button16{display:flex;gap:18px;align-items:center;padding:7px 12px;border:1px solid #48577a;border-radius:8px;background:#273550;color:#f1f5ff;font-size:13px}.language-button16 span{font-size:11px;color:#a7b6d3}.language-search16{display:flex;align-items:center;gap:9px;border:1px solid #dce4f2;border-radius:10px;padding:0 12px;margin-bottom:16px}.language-search16 input{border:0;flex:1;min-width:0;outline:none;background:transparent}.language-search16 .icon{width:17px;color:#7f91ae}.language-grid16{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.language-grid16>button{position:relative;min-height:72px;text-align:left;padding:14px;border:1px solid #e1e7f1;border-radius:12px;display:flex;flex-direction:column;gap:6px;color:#405374;background:#fff}.language-grid16>button:hover,.language-grid16>button.selected{background:#f1f5ff;border-color:#9bb4ed}.language-grid16 span{font-size:14px;font-weight:700}.language-grid16 small{font-size:11px;color:#9ba8bc}.language-grid16 b{position:absolute;right:10px;bottom:12px;font-size:10px;color:#6685c9}.language-picker16 .pager9{margin:14px 0}
.class-size16{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;color:#7e8ca3}.class-size16 select{width:93px;min-height:38px}.class-grid16{display:grid!important;grid-template-columns:repeat(var(--class-cols16,3),minmax(0,1fr));gap:7px;align-content:start;padding:10px;overflow-y:auto!important}.class-grid16 .cms-row11{height:54px;grid-template-columns:18px minmax(0,1fr);grid-template-rows:1fr 17px;gap:1px 7px;padding:7px 10px;border:1px solid #e5eaf2;border-radius:8px}.class-grid16 .cms-row11>input{grid-row:1/3}.class-grid16 .cms-row11>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.class-grid16 .cms-row11>.badge{grid-column:2;grid-row:2;background:none;font-size:10px;padding:0;justify-self:start;text-overflow:ellipsis;overflow:hidden;max-width:100%;white-space:nowrap}.class-grid16 .cms-row11 b{font-size:12px}.class-grid16 .cms-row11:has(input:checked){background:#f0f5ff;border-color:#acbff0}
.cert-chooser13>.v6-search{margin:0 0 16px}.cert-chooser13>p{margin-top:0;margin-bottom:16px}.cert-chooser13 #certChoicePager13{margin-top:14px}.cert-chooser13 #certChoices13{display:grid;gap:9px}.cert-choice13{margin:0!important}
.voucher-current16{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e3e9f4;border-radius:11px;font-size:13px;color:#7385a4}.voucher-current16 b{color:#5073bb}.voucher-current16 small{font-size:11px;text-align:right;line-height:1.5}.voucher-grid16{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ticket16{border:1px solid #d6e3f6;border-radius:15px;background:#edf5ff;overflow:hidden;position:relative}.ticket16>div{padding:16px 20px;color:#537abb}.ticket16>div>span{font-size:11px;font-weight:750;letter-spacing:1px}.ticket16>div>b{font-size:32px;display:block;margin-top:8px}.ticket16 b small{font-size:13px;font-weight:500;margin-left:6px}.ticket16 footer{border-top:1px dashed #c0d1ed;padding:10px 18px;background:#ffffffa0;display:flex;justify-content:space-between;align-items:center}.ticket16 footer>span{font-size:12px;color:#8397b6}.ticket16 footer button{min-height:33px;padding:6px 14px;font-size:12px}.ticket16.pro{background:#f1eeff;border-color:#ddd7f6}.ticket16.pro>div{color:#8470b9}.ticket16.pro footer{border-color:#d9d0ef}.ticket16.pro footer button{background:#8871bf;border-color:#8871bf}.voucher-policy16{font-size:12px;color:#8391ab;line-height:1.8;margin:17px 0 6px}.voucher-inventory16>small{font-size:10px}.ticket-symbol16{display:flex;flex-direction:column;gap:7px;background:#eaf2ff;color:#5279bd;width:115px;padding:17px;margin:0 auto 18px;border-radius:14px;font-size:22px;font-weight:800;letter-spacing:1px}.ticket-symbol16 small{font-size:12px;letter-spacing:0}.ticket-symbol16.pro{background:#f1edff;color:#876cb9}.voucher-confirm16{text-align:center}.voucher-confirm16 h3{font-size:19px}.voucher-confirm16>p{font-size:12px;line-height:1.8;color:#8191ab}.pass-summary16{display:grid;grid-template-columns:115px 1fr;gap:13px;text-align:left;margin:22px 0;padding:18px;background:#f7f9fc;border-radius:12px;font-size:12px}.pass-summary16>span{color:#93a0b6}.pass-summary16>b{color:#51678b;font-weight:600}.voucher-confirm16 .form-actions7{justify-content:center}.funding-balance16{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-radius:10px;background:#f1f5ff;font-size:13px;margin-bottom:16px;color:#7286ae}.funding-balance16 b{color:#4265ad}.teacher-benefit16{color:#8393ad;font-size:12px;line-height:1.7}
#modal.wizard16{width:min(740px,calc(100vw - 28px))}#contestForm14{gap:14px}.wizard-tabs16{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:5px}.wizard-tabs16 button{display:flex;align-items:center;justify-content:center;gap:6px;background:#f3f5fa;color:#8d9ab2;border-radius:8px;padding:10px 4px;font-size:12px}.wizard-tabs16 button b{font-size:10px}.wizard-tabs16 button.active{background:#e9f0ff;color:#4268bc;font-weight:700}.contest-step16{min-height:305px;display:flex;flex-direction:column;gap:18px}.contest-step16[hidden]{display:none!important}.contest-step16 label{font-size:13px;gap:8px}.contest-step16 input,.contest-step16 select{min-height:40px}.contest-step16 .contest-audience15{border:0;padding:5px 0;background:none}.contest-step16 .payout-grid14{grid-template-columns:repeat(5,1fr);gap:12px}.contest-step16 .contest-pick14{max-height:none;overflow:visible}.contest-step16 .contest-pick14 label{min-height:36px;font-size:12px;padding:6px 8px}.contest-step16 details{margin:0;border:0;padding:0}.contest-step16 summary{margin-bottom:14px}.contest-step16 small{font-size:12px;color:#8292ad}.wizard-footer16{border-top:1px solid #e6ebf4;padding-top:15px;display:flex;align-items:center;gap:10px}.wizard-footer16>span{margin:auto;color:#92a0b6;font-size:12px}.wizard-footer16 .btn{min-width:88px}.wizard-footer16 [hidden]{display:none!important}.contest14-error:empty{display:none}.sponsor-field16{padding:18px;background:#f3f6ff;border-radius:12px}.contest-step16 .payout-grid14 input{width:100%;min-width:0;padding:8px}
@media(max-width:1000px){.class-grid16{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#modal.compact16{max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}#modal.compact16 #modalContent{padding:16px}#modal.compact16 .dialog-head{padding:18px 16px}.contest-sheet16>header{gap:7px;font-size:12px}.contest-sheet16>header>span:last-child{font-size:10px}.tabs16{margin:14px 0}.tabs16 button{font-size:12px;padding:9px 5px}.contest-facts16{gap:18px 12px;padding-bottom:18px}.contest-facts16 b{font-size:12px;line-height:1.5}.contest-money16{gap:7px;padding:13px 11px}.contest-money16 b{font-size:17px}.contest-money16>div:last-child b{font-size:15px}.contest-money16 span{font-size:10px}.contest-sheet16>footer{display:block;padding-top:12px}.contest-sheet16>footer>div{margin-top:12px;justify-content:flex-end}.contest-sheet16>footer>p{font-size:11px}.contest-rules16{font-size:12px;line-height:1.6}.payout-chips16{gap:5px;margin-bottom:13px}.payout-chips16 span{font-size:10px;padding:7px 3px}.language-grid16{grid-template-columns:1fr 1fr;gap:8px}.language-grid16>button{min-height:64px;padding:12px}.language-grid16 span{font-size:13px}.voucher-current16{display:block}.voucher-current16 small{display:block;text-align:left;margin-top:5px}.voucher-grid16{gap:10px}.ticket16>div{padding:13px 14px}.ticket16>div>b{font-size:27px}.ticket16 footer{padding:9px 12px}.voucher-policy16{font-size:11px}.pass-summary16{grid-template-columns:85px 1fr;padding:14px;gap:12px;font-size:11px}.voucher-confirm16 h3{font-size:16px}.ticket-symbol16{margin-bottom:14px}.wizard-tabs16{grid-template-columns:repeat(3,1fr);gap:5px}.wizard-tabs16 button{padding:8px 4px;font-size:11px}.contest-step16{min-height:310px;gap:15px}.contest-step16 .audience-range15 label>div{grid-template-columns:1fr 1fr}.contest-step16 .contest-audience15{gap:14px}.contest-step16 .payout-grid14{gap:7px}.contest-step16 .payout-grid14 label{font-size:10px}.contest-step16 .payout-grid14 input{padding:7px 4px}.contest-step16 small{font-size:11px}.class-size16{font-size:11px;gap:5px}.class-grid16{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:5px}.class-grid16 .cms-row11{padding:7px}.subject-subtypes9{gap:6px;flex-wrap:wrap}.subject-subtypes9 .subtype-check9{min-width:0;flex:1;font-size:11px;padding:8px 9px}.energy-feature15{min-height:48px!important}.energy-feature15 small{font-size:10px}.cert-chooser13>.v6-search{margin-bottom:13px}}
@media(max-height:740px){#modal.compact16 #modalContent{padding-top:16px;padding-bottom:16px}.contest-step16{min-height:245px}.contest-step16 .contest-pick14 label{min-height:32px}.contest-step16 .contest-audience15{gap:10px}.contest-body16{min-height:220px}.contest-rules16 li+li{margin-top:5px}.voucher-grid16 .ticket16>div{padding-top:10px;padding-bottom:10px}.voucher-grid16 .ticket16>div>b{font-size:25px;margin-top:5px}.voucher-current16{padding:9px 12px}.voucher-policy16{margin-top:12px}.ticket-symbol16{padding:12px;margin-bottom:12px}.pass-summary16{margin:14px 0}.language-grid16>button{min-height:57px;padding:10px}.language-grid16{gap:7px}.language-picker16 .pager9{margin:10px 0}}
/* Explicit block separation avoids inline-label margin collapse in the chooser. */
#modalContent .cert-chooser13>.v6-search{display:flex;width:100%;box-sizing:border-box;margin-bottom:16px!important}
#certChoices13{margin-top:16px!important}
#contestForm14 .contest-pick14 input[type=checkbox]{min-height:14px!important;height:14px!important;width:14px!important;flex:0 0 14px;padding:0}
#contestForm14 .contest-pick14 label{display:flex;gap:9px;align-items:center;padding:8px 10px;min-height:40px;height:auto}
#contestForm14 .contest-pick14 label span{font-size:12px;line-height:1.45}
.plan-modal16>header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 8px}.plan-modal16>header>div>small{color:#8797b2;font-size:12px}.plan-modal16 h3{font-size:22px;color:#4266bb;margin:9px 0}.plan-modal16 strong{font-size:27px;color:#344f90}.plan-modal16 strong small{font-size:12px;font-weight:500;margin-left:5px}.plan-modal-body16{min-height:250px}.plan-perks16{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-perks16 article{padding:16px;background:#f4f7fd;border:1px solid #e5ebf7;border-radius:12px;display:flex;flex-direction:column;gap:8px}.plan-perks16 span,.plan-perks16 small{font-size:12px;color:#8193b1}.plan-perks16 b{font-size:17px;color:#4667a6}.plan-modal-body16>p,.plan-modal-body16 li{font-size:12px;color:#7e8fab;line-height:1.7}.plan-modal-body16 ul{padding-left:18px}.plan-modal-body16 li+li{margin-top:12px}.teacher-modal16 .plans-table14{margin:0}.teacher-modal16 .plans-table14 th,.teacher-modal16 .plans-table14 td{padding:10px 8px;font-size:12px}.teacher-modal16 .teacher-prices14{margin-top:15px}.teacher-modal16>.tabs16{margin-top:0}
@media(max-width:600px){.plan-modal16 strong{font-size:22px}.plan-modal16 h3{font-size:19px}.plan-perks16 article{padding:13px}.plan-perks16 b{font-size:15px}.teacher-modal16 .plans-table14 th,.teacher-modal16 .plans-table14 td{font-size:10px;padding:9px 5px}.funding-balance16{font-size:11px;gap:8px}.plan-modal-body16{min-height:260px}.language-button16{padding:6px 9px;gap:8px}.language-button16 span{font-size:10px}}
body[data-view=lectures] #main.content{height:var(--lecture-height16,calc(100dvh - 64px))!important;box-sizing:border-box;display:flex;flex-direction:column;min-height:0!important;overflow:visible!important}
body[data-view=lectures] #main.content>.media-desk11{flex:1;min-height:0!important;height:auto!important;gap:16px}
body[data-view=lectures] #main.content>:not(.media-desk11){flex-shrink:0}
body[data-view=lectures] .media-desk11>.desk-head9,body[data-view=lectures] .media-desk11>.cert-tools11,body[data-view=lectures] #lecturePager11{flex-shrink:0}
body[data-view=lectures] #lecturePager11{margin:0}
body[data-view=lectures] #lectureCards11{flex:1;min-height:0}
.home-avatar-button16{padding:0;display:block;border-radius:50%;flex-shrink:0;background:transparent;position:relative;transition:transform .22s,box-shadow .22s}.home-avatar-button16:hover{transform:translateY(-2px);box-shadow:0 0 0 5px #dbe6ff}.home-avatar-button16:focus-visible{outline:3px solid #819dff;outline-offset:5px}
.avatar-profile16{text-align:center}.avatar-stage16{height:330px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#edf2ff 0%,#f8faff 55%,white 76%);border-radius:18px;isolation:isolate;overflow:hidden}.avatar-stage16>.cogo-avatar{width:310px!important;height:310px!important;max-width:90%;max-height:100%;position:relative;z-index:2;animation:avatarEnter16 .65s cubic-bezier(.2,.8,.2,1) both}.avatar-stage16 .avatar-frame3{transform:none}.avatar-stage16>i{position:absolute;width:155px;height:20px;bottom:16px;background:#8198d03d;border-radius:50%;filter:blur(5px);z-index:1}.avatar-orbit16{position:absolute;width:270px;height:270px;border:1px solid #c4d4f7;border-radius:50%;background:linear-gradient(140deg,#e9f0ff90,#e5dcff40);z-index:0}.avatar-orbit16:after{content:'';position:absolute;inset:15px;border:1px dashed #d4def5;border-radius:50%}.avatar-spark16{position:absolute;color:#b0bcdf;z-index:3;animation:avatarSpark16 2.8s ease-in-out infinite}.avatar-spark16.a{left:22%;top:18%;font-size:27px}.avatar-spark16.b{right:22%;bottom:26%;font-size:23px;animation-delay:.7s}.avatar-name16{margin:15px 0 22px}.avatar-name16>span{display:inline-block;background:#f0f4fc;padding:5px 10px;border-radius:20px;font-size:11px;color:#7c94bd}.avatar-name16 h3{font-size:23px;letter-spacing:-.5px;margin:10px 0 5px}.avatar-name16 p{font-size:13px;color:#8594af;margin:5px 0;word-break:break-word}.avatar-profile16>.btn{min-width:190px}@keyframes avatarEnter16{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes avatarSpark16{50%{opacity:.45;transform:translateY(-5px)}}
@media(max-height:740px){.voucher-grid16 .ticket16>div{padding:10px 14px;line-height:1.2}.voucher-grid16 .ticket16>div>b{line-height:1.1;font-size:26px;margin-top:7px}.voucher-grid16 .ticket16 footer{padding:7px 12px}.voucher-grid16 .ticket16 footer button{min-height:30px;padding:5px 10px}.avatar-stage16{height:270px}.avatar-stage16>.cogo-avatar{width:260px!important;height:260px!important}.avatar-orbit16{width:230px;height:230px}.avatar-name16{margin:10px 0 15px}}
@media(max-width:600px){.avatar-stage16{height:285px}.avatar-stage16>.cogo-avatar{width:275px!important;height:275px!important}.avatar-orbit16{width:235px;height:235px}.avatar-spark16.a{left:8%}.avatar-spark16.b{right:8%}.avatar-name16 h3{font-size:21px}body[data-view=lectures] .media-desk11 .eyebrow{display:none}body[data-view=lectures] #main.content>.media-desk11{gap:10px}}
@media(prefers-reduced-motion:reduce){.avatar-stage16>.cogo-avatar,.avatar-spark16{animation:none}.home-avatar-button16{transition:none}}
.avatar-full16 .avatar-skin16{border-radius:20px}
#classRows11:not(.class-grid16){display:grid;grid-auto-rows:minmax(0,1fr);overflow:auto!important}
#classRows11:not(.class-grid16) .cms-row11{height:auto;min-height:38px;box-sizing:border-box}
#classRows11.class-grid16{grid-template-columns:repeat(var(--class-cols16,5),minmax(0,1fr))!important;grid-template-rows:repeat(var(--class-rows16,6),minmax(38px,1fr));gap:5px;padding:6px;align-content:stretch}
#classRows11.class-grid16 .cms-row11{height:auto;min-height:38px;padding:5px 8px;grid-template-rows:1fr 14px}
#classRows11.class-grid16 .cms-row11>div{line-height:15px}

/* v17: one inventory value; matching coding controls on desktop and phone. */
.item-stock13{white-space:nowrap}.item-stock13>span{display:inline!important}
.coding-actions17{display:flex;gap:10px;margin:0;min-height:44px;flex-wrap:wrap}
.coding-choices17{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(438px,100%);min-width:0}
.subject-subtypes9 .coding-choices17 .subtype-check9{width:100%;min-width:0;height:38px;min-height:38px;padding:8px 10px;gap:8px;justify-content:center;white-space:nowrap;border-radius:9px;font-size:12px;line-height:1.2;box-sizing:border-box}
.subject-subtypes9 .coding-choices17 input{flex:0 0 14px}
@media(max-width:600px){.coding-actions17{gap:6px}.coding-choices17{width:100%;gap:6px}.subject-subtypes9 .coding-choices17 .subtype-check9{font-size:11px;padding:8px 5px;gap:5px}}

/* Give the real page wrapper the viewport remainder; cards cannot shrink the wrapper. */
body[data-view=lectures] #main.content>.page{display:flex;flex-direction:column;flex:1 1 0!important;min-height:0!important;height:auto!important;width:100%}
body[data-view=lectures] #main.content>.page>.media-desk11{height:auto!important;min-height:0!important;flex:1 1 0!important}
body[data-view=lectures] #main.content>.page>:not(.media-desk11){flex-shrink:0}

#policyBlock18{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:22px;background:#152443dd;backdrop-filter:blur(8px)}
#policyBlock18 section{max-width:420px;background:#fff;border:1px solid #dce4f3;padding:30px;border-radius:22px;text-align:center;box-shadow:0 24px 80px #101e4944}
#policyBlock18 section>span{font-size:13px;color:#4361dd;font-weight:800;letter-spacing:3px}#policyBlock18 h2{font-size:22px;margin:16px 0 12px}#policyBlock18 p{line-height:1.7;color:#65768c;font-size:14px;margin-bottom:22px}
.policy-list18{padding:0;list-style:none;display:grid;gap:12px;margin-bottom:0}.policy-list18 li{padding:14px 16px;background:#f3f6fc;border:1px solid #e7edf7;border-radius:12px;font-size:14px;line-height:1.65;color:#40536e}
#contestRows15{align-content:start}.contest-row15{min-height:0}.contest-table15:has(#contestRows15:empty){background:white}
@media(max-width:600px){.policy-list18{gap:8px}.policy-list18 li{padding:10px 12px;font-size:12px}.home-head9{justify-content:space-between}}
body #main.content.fit-shell18{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;height:var(--list-height18,calc(100dvh - 64px))!important;min-height:0!important;overflow:hidden!important}
body #main.content.fit-shell18>.page{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:auto!important;min-height:0!important;width:100%}
body #main.content.fit-shell18>.page>:is(.problem-board,.desk11,.v6-desk,.community9,.resources9,.contests15){height:auto!important;min-height:0!important;flex:1 1 0!important;width:100%}
.fit-shell18>.page>.page-footer{flex:none!important}.fit-shell18>.qa-host{flex:none}
.fit-shell18 #cmsRows11 .cms-row11{height:62px;min-height:62px;padding-top:8px;padding-bottom:8px;box-sizing:border-box}.fit-shell18 .cms-row11 b,.fit-shell18 .cms-row11 small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.fit-shell18 .class-grid16 .cms-row11{min-height:48px}.queue-confirm18{display:flex;align-items:center;gap:10px;padding:12px;background:#fff3df;border-radius:10px;font-size:12px}.queue-confirm18 input{width:18px!important;min-height:18px!important;height:18px!important;padding:0}
@media(max-width:760px){.fit-shell18 #cmsRows11 .cms-row11{height:66px;min-height:66px}.fit-shell18>.page>.page-footer{padding-top:4px!important;margin-top:4px!important}.fit-shell18 .board-demo{display:none}}
.item-trash18{position:absolute;right:8px;bottom:6px;width:29px;height:29px;min-height:29px;display:grid;place-items:center;padding:5px;border-radius:8px;color:#a57279;background:#fff4f4;border:1px solid #f4dfe3}.item-trash18:hover{color:#b43d55;background:#ffe5eb}.item-trash18 .icon{width:16px;height:16px}.owned-card18 .closet-pick6{padding-bottom:34px}.discard-preview18{display:flex;align-items:center;gap:18px;background:#f5f7fb;border-radius:14px;padding:12px}.discard-preview18 img{width:100px;height:100px;object-fit:contain}.discard-preview18 b{font-size:15px}.discard-preview18+p{font-size:13px;line-height:1.7}
.studio-launch18{border:1px solid #cbd8f4;color:#4261bc;background:#edf3ff;padding:7px 10px;font-size:11px;border-radius:9px;white-space:nowrap}.studio-badge18{position:absolute;left:5px;top:5px;font-size:9px;line-height:1;padding:4px 5px;background:#eef1ffdc;color:#625bab;border-radius:5px}.closet-tabs6{flex-wrap:wrap}
.fit-open18{font-size:11px;padding:5px 9px;border-radius:8px;color:#4262bb;border:1px solid #dce4f4;background:#f2f5ff;white-space:nowrap}.preview-heading6{flex-wrap:wrap}.fitting-modal18{display:grid;gap:14px}.fitting-avatar18{height:190px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 90%,#e1e7fb,transparent 65%)}.fitting-avatar18>.cogo-avatar{width:200px;height:200px}.fitting-summary18{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fitting-summary18>span{padding:7px 10px;border-radius:8px;background:#f3f6fc;font-size:12px}.fitting-summary18 b{margin-right:8px}
.fit-shell18 .rank-podium{gap:7px}.fit-shell18 .podium-goal10{gap:6px;padding-top:9px}.fit-shell18 .rank-podium .podium{margin-top:8px}.fit-shell18 .rank-podium .podium-person .cogo-avatar{height:65px!important;width:65px!important}.fit-shell18 .rank-podium .podium-base{max-height:40px}
.fit-shell18 .rank-person>div:not(.cogo-avatar){display:flex!important;align-items:center;flex-wrap:nowrap;min-width:0;gap:7px}.fit-shell18 .rank-person b{line-height:1.4}.fit-shell18 .rank-person .motto10{font-size:10px;line-height:1.4}
@media(max-width:760px) and (max-height:730px){
 .fit-shell18 .closet-preview.fitting-room{height:88px!important;min-height:88px!important;display:grid!important;grid-template-columns:64px 1fr!important;grid-template-rows:28px 42px!important;padding:8px!important;gap:2px 8px!important}
 .fit-shell18 .closet-preview .closet-avatar6{grid-column:1;grid-row:1/3;width:62px;height:72px!important}.fit-shell18 .closet-preview .closet-avatar6 .cogo-avatar{width:72px!important;height:72px!important}.fit-shell18 .closet-preview .preview-heading6{grid-column:2;grid-row:1;gap:5px}.fit-shell18 .closet-preview .preview-heading6 h2{display:none}.fit-shell18 .closet-preview .base-choice{grid-column:2;grid-row:2;margin:3px 0!important}.fit-shell18 .closet-preview .preview-info6,.fit-shell18 .closet-preview .preview-note6,.fit-shell18 .closet-preview .avatar-click-tip{display:none!important}.fit-shell18 .closet-tabs6{gap:5px}.fit-shell18 .studio-launch18{font-size:9px;padding:5px}.fit-shell18 .closet-categories6{gap:2px}
 .fit-shell18 .cover-card10.resource-card9{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:1fr auto!important}.fit-shell18 .resource-cover10{grid-column:1;grid-row:1/3;min-height:0!important;max-height:none!important;height:100%!important}.fit-shell18 .cover-card10 .resource-copy9{padding:9px 10px 0!important;min-width:0}.fit-shell18 .cover-card10 .resource-copy9 h2{font-size:13px}.fit-shell18 .cover-card10 .resource-copy9 p{font-size:10px;margin:4px 0}.fit-shell18 .cover-card10 .resource-bottom9{grid-column:2;padding:6px 10px!important}.fit-shell18 .cover-card10 .resource-bottom9 .btn{min-height:28px;padding:5px 7px;font-size:10px}
 body[data-view=classManagement] .desk11{gap:6px!important}body[data-view=classManagement] .desk-head9 .eyebrow{display:none}body[data-view=classManagement] .class-context11{flex-direction:row!important;align-items:center;gap:5px}body[data-view=classManagement] .class-context11>span{display:none}body[data-view=classManagement] .class-context11 label{font-size:10px;display:flex;gap:7px;align-items:center}body[data-view=classManagement] .class-context11 select{height:32px!important;min-height:32px!important;font-size:11px;flex:1}body[data-view=classManagement] .cms-tools11{flex-wrap:nowrap}body[data-view=classManagement] .class-size16{font-size:0;gap:0}body[data-view=classManagement] .class-size16 select{font-size:11px;min-width:65px;width:65px;height:32px;min-height:32px}body[data-view=classManagement] .class-assign11{padding:6px;gap:5px}body[data-view=classManagement] .class-assign11 .btn{font-size:9px;min-height:31px;padding:5px}body[data-view=classManagement] .class-assign11 select{height:31px;min-height:31px}
}
.group-sort18{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;flex:none}.group-sort18>span{color:#71829b}.group-sort18 label{display:flex;align-items:center;gap:9px}.group-sort18 select{min-height:35px;height:35px;min-width:140px;font-size:12px}.fit-mobile-open18{display:none}.fit-shell18 .rank-person{min-height:34px!important;overflow:visible!important}
@media(max-width:760px) and (max-height:730px){.fit-shell18 .closet-preview.fitting-room{display:none!important}.fit-mobile-open18{display:block}.group-sort18>span{display:none}.group-sort18{justify-content:flex-end}.group-sort18 select{min-height:31px;height:31px}}
.cart-info8>.cart-items8{display:grid!important;grid-template-columns:1fr 1fr;gap:3px 8px;max-height:none!important;overflow:visible!important}.cart-info8 .cart-items8>div{padding:3px 0;min-height:25px;font-size:11px}.cart-info8 .cart-items8>div small{font-size:10px}.cart-info8 .cart-items8>div button{padding:0 2px}.cart-info8>.cart-total8{margin:8px 0}.cart-info8 .cart-heading8{margin-bottom:5px}

/* v19 fluid layouts; content remains reachable at small heights and split views. */
:root{--accent19:#516ee3;--soft19:#f1f4ff}
button,input,select,textarea{touch-action:manipulation}
.answer-setting19{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:12px 15px;background:var(--surface,#fff);border:1px solid var(--line,#dbe2ee);border-radius:12px;font-size:12px}
.answer-setting19 span{display:grid;gap:3px}.answer-setting19 small{color:var(--muted,#6b7c97);font-size:11px}.answer-setting19 select{width:auto;min-width:180px;min-height:42px;font-size:12px}
.answer-buttons19{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.answer-concealed19>small{display:block;color:var(--muted,#6b7c97);line-height:1.6}
.word-progress19{background:var(--surface,#fff);border:1px solid var(--line,#dbe2ee);border-radius:15px;padding:14px 18px;display:grid;gap:10px;text-align:left;margin:14px 0}.word-progress19 span{display:flex;justify-content:space-between;font-size:13px}.word-progress19 progress{width:100%;height:9px;accent-color:var(--accent19)}.word-progress19 small{color:var(--muted,#6b7c97);font-size:11px}
.sprint-mastered19>.btn{margin-top:9px}.combo-burst19{position:fixed;z-index:9999;top:28%;left:50%;transform:translateX(-50%);pointer-events:none;display:grid;text-align:center;color:#7452c3;text-shadow:0 2px 0 white;filter:drop-shadow(0 3px 12px #aabcfc)}.combo-burst19 b{font-size:clamp(26px,5vw,46px);font-weight:900}.combo-burst19>span{font-size:14px}.combo-burst19 i{position:absolute;left:50%;top:50%;width:7px;height:11px;border-radius:3px;background:hsl(var(--h) 82% 64%);animation:confetti19 1.15s ease-out both}@keyframes confetti19{0%{opacity:0;transform:rotate(var(--a)) translateY(0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(160deg)}}
.score-details19{display:grid;gap:8px}.score-details19 details{border:1px solid var(--line,#dbe2ee);border-radius:12px;padding:13px 16px}.score-details19 summary{display:flex;justify-content:space-between;cursor:pointer}.score-details19 summary strong{color:var(--accent19)}.score-components19{display:grid;gap:8px;margin-top:15px}.score-components19>div{display:grid;grid-template-columns:1fr auto;gap:3px;font-size:12px}.score-components19>div>small{grid-column:1/-1;color:var(--muted,#6b7c97)}.score-components19 span small{color:var(--accent19);margin-left:6px}
.topic-list19{max-height:300px;overflow:auto;overscroll-behavior:contain}.topic-row19{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line,#e5eaf3);font-size:13px}.topic-row19>div{min-width:0}.topic-row19 b{overflow-wrap:anywhere}.topic-row19 small{display:block;color:var(--muted,#718098);font-size:11px;margin-top:4px}.topic-row19>span{text-align:right;flex-shrink:0;font-size:12px}.parent-hero p,.parent-next p{line-height:1.8!important}.parent-change>p{font-size:13px;line-height:1.8}.paper-report-block .topic-row19{break-inside:avoid}
.subject-art19{width:140px;height:124px;color:var(--book-color,var(--accent19));flex:none}.book-cover11.subject-cover19,.book-art14.subject-cover19{isolation:isolate;overflow:hidden;background:linear-gradient(140deg,var(--surface,#fff),var(--soft19))!important;color:var(--text,#243756)!important;border-bottom:1px solid var(--line,#e2e8f1)}.subject-cover19 .subject-art19{position:absolute;right:8px;bottom:3px;width:112px;height:99px;z-index:-1}.subject-cover19 h2{max-width:76%;text-shadow:0 1px 0 var(--surface,#fff)}.subject-cover19 em{display:none}.subject-cover19 small,.subject-cover19>b{color:var(--book-color)!important}.subject-cover19:before,.subject-cover19:after{display:none!important}
.duplicate-result19{padding:15px;background:#fff6e8;color:#704719;border:1px solid #efd2a1;border-radius:13px;margin:10px 0;font-size:13px;line-height:1.65}.duplicate-result19 label{display:grid;gap:6px}.duplicate-result19 textarea{width:100%}.duplicate-result19 ul{padding-left:20px}.import-label19{display:grid;gap:8px;margin:15px 0}.import-label19 textarea{width:100%;max-width:100%;box-sizing:border-box;min-height:160px}.json-example19{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.studio-desk6 .v6-heading{flex-wrap:wrap}.studio-desk6 .v6-heading>div{flex:1;min-width:180px}#importResult19{line-height:1.7;font-size:12px;overflow-wrap:anywhere}#importResult19 ul{padding-left:20px}
.guide-welcome19{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border:1px solid #d9e2ff;background:linear-gradient(115deg,#f0f4ff,#faf5ff);border-radius:19px;padding:22px 25px;margin-bottom:20px;color:#263958}.guide-welcome19>div{flex:1;min-width:185px}.guide-welcome19 h2{font-size:21px;margin:5px 0}.guide-welcome19 p{font-size:12px;margin:4px 0;color:#70819e}.guide-welcome19 .eyebrow{font-size:10px;color:#5d73bb}
.guide19{max-width:1140px;margin:0 auto;padding:8px 0 30px}.guide-heading19{margin-bottom:24px}.guide-heading19 h1{font-size:clamp(25px,3vw,36px);letter-spacing:-1.2px;margin:8px 0 12px}.guide-heading19 p{color:var(--muted,#6b7c97);line-height:1.7;font-size:14px}.guide-tabs19{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:18px}.guide-tabs19 button{display:grid;text-align:left;gap:9px;border:1px solid var(--line,#e2e8f2);border-radius:12px;background:var(--surface,#fff);color:var(--muted,#6b7c97);padding:13px 12px;font-size:11px;min-height:74px}.guide-tabs19 b{font-size:18px;color:#93a4c7}.guide-tabs19 [aria-current]{border-color:#9aaef2;background:#eef2ff;color:#415daf}.guide-tabs19 [aria-current] b{color:#526ce0}.guide-card19{display:grid;grid-template-columns:.8fr 1.4fr;border:1px solid var(--line,#dbe2ee);border-radius:23px;background:var(--surface,#fff);overflow:hidden}.guide-art19{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px;background:linear-gradient(150deg,#edf3ff,#f5edff)}.guide-art19 .subject-art19{width:85%;height:auto;max-width:260px}.guide-art19>b{letter-spacing:5px;font-size:12px;color:#7e91b9}.guide-copy19{padding:clamp(22px,3vw,38px)}.guide-copy19 h2{font-size:clamp(23px,3vw,30px);margin:15px 0}.guide-copy19 h3{font-size:15px;line-height:1.7}.guide-copy19 p{font-size:14px;line-height:1.9;color:var(--muted,#6b7c97);margin:15px 0}.guide-copy19 aside{padding:15px 17px;border-radius:12px;background:var(--soft19);color:#62769a;font-size:12px;line-height:1.8;margin:18px 0}.guide-controls19{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.guide-controls19>span{font-size:12px;color:var(--muted,#6b7c97)}.help-shortcut19{position:fixed;right:16px;bottom:18px;z-index:61;width:38px;height:38px;border-radius:50%;background:var(--surface,#fff);color:#627ce0;border:1px solid #c8d5f1;font-size:19px;font-weight:800;box-shadow:0 3px 12px #526c9c1a}.help-shortcut19:hover{background:#edf2ff}
/* Respect appearance preferences, including the app's own dark theme. */
body[data-theme=dark],html[data-theme=dark],body.dark{--soft19:#26334d}.dark .guide-welcome19,[data-theme=dark] .guide-welcome19{background:#26334d;color:#ecf1ff}.dark .guide-art19,[data-theme=dark] .guide-art19{background:#26334d}.dark .guide-tabs19 [aria-current],[data-theme=dark] .guide-tabs19 [aria-current]{background:#283b63;color:#c4d4ff}
@media(min-width:761px) and (max-width:1100px){.guide-tabs19{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card19{grid-template-columns:.65fr 1.4fr}.guide-copy19{padding:22px}.answer-setting19{flex-wrap:wrap}.answer-setting19 select{flex:1}.parent-hero p{font-size:12px!important}.topic-row19{align-items:flex-start}.home-head9{flex-wrap:wrap}}
@media(max-width:760px){.guide19{padding-bottom:24px}.guide-heading19{margin-bottom:18px}.guide-heading19 p{font-size:12px}.guide-tabs19{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.guide-tabs19 button{font-size:10px;padding:9px;min-height:67px;gap:5px}.guide-tabs19 b{font-size:15px}.guide-card19{grid-template-columns:1fr}.guide-art19{flex-direction:row;padding:14px;gap:25px;min-height:110px}.guide-art19 .subject-art19{width:110px;height:100px}.guide-copy19{padding:22px 18px}.guide-copy19 p{font-size:13px}.guide-copy19 h2{margin-top:12px}.guide-copy19 h3{font-size:14px}.guide-welcome19{padding:16px;gap:9px}.guide-welcome19 h2{font-size:18px}.guide-welcome19 .btn{padding:10px 12px;font-size:12px}.answer-setting19{flex-direction:column;align-items:stretch;gap:9px;padding:12px}.answer-setting19 select{width:100%;font-size:14px}.answer-buttons19 .btn{flex:1;min-width:120px;font-size:12px}.help-shortcut19{bottom:calc(77px + env(safe-area-inset-bottom,0px));right:10px;width:34px;height:34px;font-size:17px}.topic-row19{gap:10px;font-size:12px}.topic-row19>span{font-size:11px}.topic-list19{max-height:none}.studio-desk6 .v6-heading>.btn{min-height:36px;font-size:11px;padding:8px 10px}.subject-cover19 .subject-art19{width:95px;height:85px}.parent-hero{min-height:auto!important}.parent-change{min-height:0}.sprint-intro11.sprint-mastered19{padding-bottom:24px}.word-progress19{padding:12px 14px}}
@media(max-width:380px){.guide-tabs19{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-tabs19 button{display:flex;align-items:center;min-height:48px}.guide-copy19{padding:18px 14px}.guide-controls19 .btn{font-size:12px;padding:11px 13px}.guide-welcome19>div{min-width:100%}.topic-row19{flex-direction:column;align-items:stretch}.topic-row19>span{text-align:left}.answer-buttons19{flex-direction:column}.answer-buttons19 .btn{width:100%}}
/* Short landscape windows and browser zoom: keep paginated rows, allow the page to move. */
@media(max-height:620px){body #main.content.fit-shell18{height:auto!important;min-height:calc(100dvh - 70px)!important;overflow:visible!important}body #main.content.fit-shell18>.page{flex:initial!important;height:auto!important;min-height:520px!important}body #main.content.fit-shell18>.page>:is(.problem-board,.desk11,.v6-desk,.community9,.resources9,.contests15){min-height:490px!important;flex:initial!important}body #main.content.fit-shell18 .learning-pane{min-height:400px!important}.guide-card19{grid-template-columns:.6fr 1.4fr}.guide-art19{flex-direction:column}.guide-art19 .subject-art19{width:130px}.guide-tabs19{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(pointer:coarse){.answer,.sprint-answers11 button,.guide-controls19 button{min-height:46px}input,textarea,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.combo-burst19 i{display:none}.combo-burst19{filter:none}}
@media print{.help-shortcut19,.guide-welcome19{display:none!important}.topic-list19{max-height:none;overflow:visible}.topic-row19{break-inside:avoid}}
.book-tile14:has(.subject-cover19) .book-favorite14{color:var(--book-color);background:#ffffffd9;border-color:#d7deeb}.book-tile14:has(.subject-cover19) .book-favorite14.active{background:var(--book-color);color:#fff}
/* Avoid nested, almost-empty reading panes on phones and short landscape windows. */
@media(max-width:760px),(max-height:620px){
 body[data-view=solve] #main.content{display:block!important;overflow-y:auto!important;overflow-x:hidden!important}
 body[data-view=solve] #main.content>.page{display:block!important;height:auto!important;min-height:0!important}
 body[data-view=solve] .question-panel{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 body[data-view=solve] .question-reading{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important}
 body[data-view=solve] .answer-setting19{margin-top:14px;flex-shrink:0}
 body[data-view=solve] .question-actions{position:static!important;flex-wrap:wrap;gap:8px}
 body[data-view=solve] .question-panel .answer{min-height:44px!important}
}
@media(max-height:620px){
 body #main.content.fit-shell18{display:block!important;height:var(--list-height18,calc(100dvh - 64px))!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
 body #main.content.fit-shell18>.page{display:flex!important;flex:none!important;height:auto!important;min-height:540px!important}
 body #main.content.fit-shell18>.page>:is(.problem-board,.desk11,.v6-desk,.community9,.resources9,.contests15){height:490px!important;min-height:490px!important;flex:none!important}
}
body[data-view=home] #main.content:has(.guide-welcome19){overflow-y:auto!important}
body[data-view=home] #main.content:has(.guide-welcome19)>.page{height:auto!important;min-height:100%;flex:none!important}
body[data-view=home] #main.content:has(.guide-welcome19) .home9{min-height:620px;flex:none!important}
@media(max-width:760px){body[data-view=home] #main.content:has(.guide-welcome19) .home9{min-height:600px}}

.original-launch19r1{white-space:nowrap}
.fitting-avatar18{height:200px}
@media(max-height:440px) and (min-width:480px){
 #modal:has(.fitting-modal18) .dialog-head{padding:10px 16px}
 #modal:has(.fitting-modal18) .dialog-head h2{font-size:18px;margin:0}
 #modal:has(.fitting-modal18) .dialog-content{padding:12px 16px}
 .fitting-modal18{grid-template-columns:150px minmax(0,1fr);gap:8px 12px;align-items:center}
 .fitting-modal18>.fitting-avatar18{grid-column:1;grid-row:1/4;width:150px;height:150px}
 .fitting-avatar18>.cogo-avatar{width:150px;height:150px}
 .fitting-modal18>.fitting-summary18,.fitting-modal18>.cart-total8,.fitting-modal18>.btn{grid-column:2;margin:0}
 .fitting-summary18{gap:4px}
 .fitting-summary18>span{padding:5px 7px;font-size:10px}
 .fitting-summary18 b{margin-right:4px}
 .fitting-modal18>.btn{min-height:34px;padding:7px;font-size:12px}
}
@media(max-width:760px){.closet-tabs6{flex-wrap:wrap}.closet-tabs6 .original-launch19r1{font-size:10px;padding:7px 9px}}

/* COGO v20 — interactive onboarding, compact dashboards and conversations. */
.guide20{--guide-ink:#16284e;--guide-soft:#f0f3ff;--guide-accent:#5065ef;max-width:1320px;padding:0!important;display:flex;flex-direction:column;gap:20px;min-height:0}
.guide-heading20{display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-heading20 .eyebrow{font-size:10px;letter-spacing:.2em;color:#6379d7}.guide-heading20 h1{font-size:clamp(24px,2.5vw,36px);letter-spacing:-1.5px;margin:9px 0 0;color:var(--text)}.guide-heading20 h1 em{font-style:normal;color:#5f72e7}.guide-tools20{display:flex;align-items:center;gap:12px}.guide-audience20{padding:5px;border:1px solid var(--line);border-radius:30px;background:var(--surface);display:flex}.guide-audience20 button{padding:9px 21px;border-radius:22px;font-size:12px;color:var(--muted)}.guide-audience20 [aria-pressed=true]{background:#253e77;color:#fff;box-shadow:0 4px 12px #263e7733}.guide-motion20{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-weight:800;color:var(--muted)}
.guide-nav20{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.guide-nav20 button{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 14px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:13px;transition:background .25s,transform .25s;color:var(--muted);overflow:hidden}.guide-nav20 button:hover{transform:translateY(-3px);border-color:#a4b3f1}.guide-nav20 span{font-size:19px;font-weight:800;color:#abb8d7;font-variant-numeric:tabular-nums}.guide-nav20 b{font-size:12px;line-height:1.4}.guide-nav20 [aria-current]{background:#eaf0ff;border-color:#9eaff5;color:#3f56ca}.guide-nav20 [aria-current] span{color:#566bea}.guide-nav20 i{position:absolute;bottom:0;left:0;right:0;height:3px;background:#5f76f0;transform:scaleX(0);transform-origin:left}.guide-nav20 [aria-current] i{transform:scaleX(1);transition:transform .4s ease}
.guide-experience20{display:grid;grid-template-columns:.82fr 1.18fr;min-height:420px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--surface);box-shadow:0 18px 60px #1d356909}.guide-story20{padding:clamp(25px,3vw,45px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;animation:guide-enter20 .45s ease both}.guide-chapter20{font-size:12px;font-weight:800;color:#6479ca;letter-spacing:.02em}.guide-chapter20 i{font-style:normal;margin:0 10px;color:#c2cce2}.guide-story20 h2{font-size:clamp(26px,2.7vw,40px);line-height:1.32;letter-spacing:-1.6px;margin:18px 0;color:var(--text)}.guide-story20>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:410px;margin:0 0 18px}.guide-story20 ol{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;font-size:12px;color:var(--text)}.guide-story20 li{display:flex;gap:10px;align-items:center}.guide-story20 li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--guide-soft);color:#6f83d0;font-size:10px;font-weight:800}.guide-real20{gap:22px;min-height:44px;border-radius:12px!important;font-size:12px!important;box-shadow:0 7px 17px #4763d822}.guide-story20>small{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}
.guide-stage20{isolation:isolate;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 34px 22px;background:radial-gradient(ellipse at 10% 10%,#4b478d 0,transparent 50%),radial-gradient(ellipse at 100% 100%,#246f91 0,transparent 55%),#172748;color:#fff;gap:15px}.guide-stage20:before{content:'';position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#dce3ff23 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(to bottom,#000,transparent)}.guide-stage20:after{content:'';position:absolute;z-index:-1;inset:-50%;background:conic-gradient(from 0deg,transparent,#9291ff15,transparent,#79d7f711,transparent);animation:guide-orbit20 26s linear infinite}.guide-stage-inner20{width:100%;max-width:470px;position:relative;animation:guide-scene20 .6s cubic-bezier(.22,1,.36,1) both}.guide-orbits20{position:absolute;inset:0;z-index:-1;pointer-events:none}.guide-orbits20>i{position:absolute;width:340px;height:340px;border:1px solid #b9c4ff17;border-radius:50%;left:-130px;bottom:-130px;animation:guide-orbit20 18s linear infinite}.guide-orbits20>i:nth-child(2){width:470px;height:470px;left:auto;right:-260px;bottom:auto;top:-200px}.guide-orbits20>i:nth-child(3){width:450px;height:450px;left:-185px;bottom:-185px}.guide-orbits20>span{position:absolute;top:8%;left:8%;font-size:25px;color:#c4bcff88;animation:guide-float20 4s ease-in-out infinite}.guide-orbits20>span:nth-last-child(2){left:auto;right:5%;top:45%;font-size:34px;animation-delay:-2s}.guide-orbits20>span:last-child{left:auto;right:15%;top:87%;font-size:20px;animation-delay:-1s}
.mini-window20{color:#21355b;background:#fff;border:1px solid #ffffffcc;border-radius:19px;overflow:hidden;box-shadow:0 22px 65px #06112d4d}.mini-header20{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e9edf6;background:#f8faff;color:#5e7091}.mini-header20>b{font-size:11px;flex:1}.mini-header20>span:last-child{font-size:8px;white-space:nowrap;color:#93a0ba}.mini-dots20{display:flex;gap:4px}.mini-dots20 i{width:5px;height:5px;border-radius:50%;background:#b8c4df}.mini-dots20 i:first-child{background:#f3adc1}.mini-dots20 i:nth-child(2){background:#f7d6a4}.mini-dots20 i:nth-child(3){background:#9adac9}.stage-instruction20{font-size:11px;line-height:1.7;color:#e4e9ff;margin:0;text-align:center}.stage-instruction20 i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9dcced;box-shadow:0 0 0 4px #a1ddf21c;margin-right:10px;animation:guide-pulse20 2s infinite}.guide-demo-note20{font-size:9px;color:#b6c4df;text-align:center;line-height:1.5}
.subject-orbit20{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:28px 23px}.subject-orbit20 button{display:grid;place-items:center;gap:9px;min-height:82px;border-radius:14px;border:1px solid #e6eafa;background:#f8faff;transition:transform .22s,box-shadow .22s;color:#4f6280}.subject-orbit20 button:hover{transform:translateY(-4px);box-shadow:0 10px 17px #5063b514}.subject-orbit20 button>span{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:var(--subject20);background:#fff}.subject-orbit20 b{font-size:11px}.subject-orbit20 [aria-pressed=true]{border-color:#6b83f4;box-shadow:0 0 0 3px #788ef51a;background:#f0f3ff;transform:translateY(-3px)}.demo-selection20{display:flex;align-items:center;gap:12px;background:#edf5ff;margin:0 20px 20px;padding:14px;border-radius:12px}.demo-selection20 .icon{width:16px;margin-left:auto;color:#5d7ad4}.demo-check20{width:28px;height:28px;background:#6683ed;color:#fff;border-radius:50%;display:grid;place-items:center}.demo-selection20 small{font-size:9px;color:#8392b1;display:block;margin-bottom:4px}.demo-selection20 b{font-size:12px;color:#345291}
.demo-quiz-copy20{padding:22px}.demo-label20{color:#798abc;font-size:10px;background:#f0f3fe;border-radius:5px;padding:4px 7px}.demo-quiz-copy20 h3{font-size:16px;margin:13px 0 0}.fraction20{display:flex;align-items:center;justify-content:center;gap:24px;padding:17px 0;color:#8494b5}.fraction20>span{font-size:47px;color:#425bba;letter-spacing:-3px}.fraction20>b{font-size:20px}.fraction20>strong{font-size:42px;color:#bec8e1}.demo-options20{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.demo-options20 button{height:40px;border-radius:10px;border:1px solid #dce3f2;background:#fff;color:#576a8f;font-size:16px;font-weight:700;transition:.2s}.demo-options20 .picked20{border-color:#7285ed;background:#eaf0ff;box-shadow:0 0 0 3px #778af21a}.demo-feedback20{font-size:11px;min-height:32px;padding:11px 0 5px;color:#6c7daf}.demo-primary20{display:flex;align-items:center;justify-content:center;gap:15px;width:calc(100% - 40px);margin:0 20px 20px;min-height:40px;padding:10px 14px;border-radius:10px;background:linear-gradient(110deg,#5b71e8,#7465d9);color:#fff;font-weight:750;font-size:12px;transition:transform .2s,box-shadow .2s}.demo-primary20:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6a73df33}.demo-primary20:disabled{opacity:.4;transform:none;cursor:default}.demo-primary20 .icon{width:15px}.demo-quiz-copy20>.demo-primary20{width:100%;margin:10px 0 0}.demo-reveal20{border-radius:10px;background:#eff8f6;padding:11px 13px;min-height:55px;color:#4a857c;font-size:11px;display:grid;gap:7px}.demo-reveal20 b{font-size:15px}.demo-reveal20 small{font-size:10px}.demo-reveal20 button{text-align:left;font-size:11px;font-weight:800;color:#317c72}
.demo-word-top20{display:flex;justify-content:space-between;gap:10px;padding:18px 20px 0;font-size:10px;color:#8b99b4}.demo-word-top20 b{color:#56699d;margin-left:8px}.demo-word-top20 strong{font-size:12px;color:#9770e8}.demo-word20{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:154px;position:relative}.demo-word20>small{font-size:11px;color:#8696b3}.demo-word20>b{font-size:46px;letter-spacing:-2px;color:#3f528c}.demo-word20.complete20>b{font-size:34px;letter-spacing:-1px;color:#8c69d5;animation:combo-pop20 .65s cubic-bezier(.16,1.7,.4,1)}.celebrate-star20{font-size:28px;position:absolute;right:15%;top:18%;color:#f0b453;animation:guide-float20 2s infinite}.complete20:before,.complete20:after{content:'✦ · ✧';position:absolute;font-size:24px;color:#f2bd69;left:10%;top:20%;transform:rotate(-24deg);animation:guide-confetti20 .8s ease-out both}.complete20:after{left:auto;right:10%;top:70%;color:#b6a0ea;transform:rotate(24deg)}.demo-word-options20{display:flex;gap:8px;margin:0 20px}.demo-word-options20 button{flex:1;min-height:42px;font-size:12px;background:#f5f6ff;border:1px solid #e0e5fa;border-radius:10px;color:#536997}.demo-word-options20 button:hover{background:#e5ebff}.mastered20{display:flex;justify-content:center;gap:7px;margin:18px 15px 8px;flex-wrap:wrap}.mastered20>span{font-size:9px;color:#a2aec6;background:#f7f9fc;padding:5px 8px;border-radius:20px}.mastered20>.mastered-done20{background:#e8f7f2;color:#559184;animation:guide-enter20 .25s ease}.demo-hint20{font-size:9px;line-height:1.7;color:#8997b2;text-align:center;padding:0 15px;margin:10px 0 18px}.guide-wrong20{animation:guide-shake20 .3s!important;border-color:#d596a3!important}
.growth-demo-grid20{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:5px;padding:12px 15px}.growth-demo-grid20 svg{width:100%;min-width:0}.radar-demo20{transform-origin:center;animation:radar-enter20 .7s cubic-bezier(.2,.8,.2,1) both}.growth-factors20{display:grid;gap:11px;padding-right:5px}.growth-factors20>span{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8d99b4}.growth-factors20 b{color:#6d7fb6}.growth-demo20>.demo-primary20{margin-bottom:10px}.avatar-demo-stage20{position:relative;height:256px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 85%,#e6eafe,transparent 63%)}.avatar-demo-stage20>.cogo-avatar{width:228px!important;height:228px!important;z-index:1;animation:avatar-arrive20 .55s ease both}.avatar-pedestal20{position:absolute;width:170px;height:33px;border-radius:50%;bottom:16px;background:linear-gradient(#eef1fd,#dbe1f7);box-shadow:0 13px 25px #697eae0d}.avatar-count20{position:absolute;right:16px;top:18px;font-size:10px;display:grid;gap:5px;text-align:right;color:#8899bc}.avatar-count20 b{font-size:20px;color:#6578ca}.demo-style20{display:flex;gap:7px;padding:0 20px 20px}.demo-style20 button{padding:9px 12px;border-radius:8px;font-size:11px;color:#8092b5;background:#f4f7ff;border:1px solid #e6eafb}.demo-style20 [aria-pressed=true]{background:#e5ebff;color:#5e72d3;border-color:#b1beef}.demo-style20>.demo-outfit20{margin-left:auto;color:#7c65c2;background:#f3effb;border-color:#ddd2f4}.journey-lead20{display:flex;gap:12px;align-items:center;padding:20px}.journey-lead20>img{width:42%;height:155px;object-fit:contain;animation:guide-float20 4s ease-in-out infinite}.journey-lead20 small{font-size:8px;letter-spacing:.1em;color:#9aa8c3}.journey-lead20 h3{font-size:25px;line-height:1.5;letter-spacing:-1px}.journey-lead20 em{font-style:normal;color:#6d77d9}.journey-links20{display:grid;gap:9px;margin:0 20px 20px}.journey-links20 button{display:flex;align-items:center;gap:13px;padding:13px;background:#f5f7ff;border:1px solid #e6eaf8;border-radius:11px;text-align:left;color:#526793}.journey-links20 button>span{flex:1;font-size:12px;font-weight:700}.journey-links20 small{display:block;font-weight:400;font-size:10px;color:#8797b8;margin-top:4px}.journey-links20 .icon{width:18px}
.guide-footer20{display:flex;align-items:center;justify-content:space-between;gap:22px}.guide-footer20>button{font-size:12px;min-height:40px;padding:8px 18px;color:var(--muted);border:1px solid var(--line);border-radius:11px;background:var(--surface)}.guide-footer20>button:disabled{opacity:.35}.guide-footer20>.guide-next20{display:flex;align-items:center;gap:16px;background:#263e70;color:white;border-color:#263e70}.guide-next20 .icon{width:15px}.guide-progress20{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.guide-progress20 b{color:var(--blue)}.guide-progress20>i{width:110px;height:4px;display:block;border-radius:4px;background:var(--line);position:relative}.guide-progress20>i:after{content:'';position:absolute;left:0;top:0;height:100%;width:var(--progress20);background:#8095ec;border-radius:4px;transition:width .4s}
.teacher-demo-title20{text-align:center;padding:22px 20px 10px}.teacher-demo-title20>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf0fe;color:#7e94d5;margin:0 auto}.teacher-demo-title20 h3{font-size:19px;margin:12px 0 6px}.teacher-demo-title20 p{font-size:11px;color:#8a9bb9}.class-flow20{display:flex;align-items:center;gap:8px;padding:12px 20px 25px}.class-flow20>div{flex:1;text-align:center;background:#f8faff;border:1px solid #e4eaf8;border-radius:10px;padding:14px 7px;display:grid;gap:7px;transition:.4s}.class-flow20 b{font-size:10px}.class-flow20 small{font-size:19px;font-weight:700;color:#b7c6e6}.class-flow20 span{font-size:9px;color:#93a2bf}.class-flow20>i{font-style:normal;color:#bec9df;font-size:12px}.class-flow20>.lit20{border-color:#9bbbea;background:#edf5ff;transform:translateY(-4px)}.class-flow20>.lit20 small{color:#6083d4}.attendance-demo20{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.attendance-demo20 button{display:flex;align-items:center;gap:10px;min-height:82px;padding:13px;border:1px solid #e4eafb;border-radius:13px;background:#fafbff;text-align:left}.attendance-demo20 button>span,.student-demo-head20>span{width:34px;height:34px;border-radius:12px;background:#ece6fc;color:#9b87c7;display:grid;place-items:center;font-size:13px;font-weight:800}.attendance-demo20 b{font-size:12px;color:#52658d}.attendance-demo20 small{display:block;font-size:8px;color:#98a6bf;margin-top:5px}.attendance-demo20 i{font-style:normal;margin-left:auto;font-size:18px;color:#b5c3db}.attendance-demo20 [aria-pressed=true]{background:#eaf7f3;border-color:#8dcfbc}.attendance-demo20 [aria-pressed=true] i{color:#5aab91;animation:combo-pop20 .4s}.assignment-demo20{padding:22px}.assignment-demo20 h3{font-size:20px;letter-spacing:-.6px;margin:15px 0}.assignment-chips20{display:flex;gap:6px;margin-bottom:19px}.assignment-chips20>span{font-size:10px;color:#8c9ab6;padding:5px 9px;border-radius:6px;background:#f4f6fd}.review-step20{display:flex;align-items:center;gap:11px;font-size:11px;margin:12px 0;color:#8294b4}.review-step20 i,.contest-checks20 i{font-style:normal;width:22px;height:22px;background:#f1f4fa;border-radius:7px;display:grid;place-items:center;font-size:10px;color:#9badcd}.review-step20.checked20{color:#5b8d80;animation:guide-enter20 .35s both;animation-delay:calc(var(--order20)*.1s)}.checked20 i{background:#dff3ec;color:#4d9b85}.assignment-demo20>.demo-primary20{width:100%;margin:20px 0 0}.student-demo20{padding:22px}.student-demo-head20{display:flex;align-items:center;gap:12px}.student-demo-head20 b{font-size:13px}.student-demo-head20 small{display:block;font-size:9px;color:#9cabc4;margin-top:6px}.student-stats20{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}.student-stats20 span{text-align:center;font-size:10px;color:#9ba9c0}.student-stats20 b{display:block;font-size:25px;color:#657bbd;margin-bottom:5px}.teacher-insight20{background:#f5f7ff;border-radius:13px;padding:15px}.teacher-insight20>span{font-size:9px;color:#8b9bbb;display:block}.teacher-insight20 b{font-size:13px;display:block;margin:8px 0}.teacher-insight20 p{font-size:11px;line-height:1.7;color:#8a9ab8;margin:0}.insight-bars20{display:grid;gap:10px;margin-top:18px}.insight-bars20>span{display:flex;align-items:center;gap:12px;font-size:9px;color:#9aa9c0}.insight-bars20 i{display:block;height:7px;flex:1;background:#f1f4fb;border-radius:5px;position:relative;overflow:hidden}.insight-bars20 i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar20);border-radius:5px;background:linear-gradient(90deg,#b3b5ef,#88b6dd);animation:guide-bar20 1s ease both}.contest-demo20{padding:20px}.contest-ticket20{padding:21px 18px;border-radius:13px;background:linear-gradient(130deg,#4862a8,#7c76bd);color:#fff}.contest-ticket20>span{font-size:10px;color:#d4ddfa}.contest-ticket20 h3{font-size:24px;letter-spacing:-1px;margin:13px 0 18px}.contest-ticket20>div{display:flex;gap:7px}.contest-ticket20>div>*{font-size:9px;font-weight:400;background:#ffffff1c;padding:5px 7px;border-radius:5px}.contest-checks20{display:flex;gap:7px;justify-content:space-between;margin:21px 0}.contest-checks20>span{font-size:10px;color:#889abd;display:grid;justify-items:center;text-align:center;gap:7px;flex:1}.contest-checks20 .checked20{animation:guide-enter20 .3s both;animation-delay:calc(var(--order20)*.1s)}.contest-demo20>.demo-primary20{width:100%;margin:0}.contest-demo20>.demo-hint20{margin-bottom:0}.guide-plans20{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:24px 18px}.guide-plans20>div{display:flex;flex-direction:column;gap:12px;padding:17px 10px;background:#fafbff;border:1px solid #e2e8f6;border-radius:12px;min-width:0}.guide-plans20 small{font-size:8px;color:#9cabc5}.guide-plans20 b{font-size:19px;color:#697eaf}.guide-plans20 strong{font-size:17px;color:#506692;white-space:nowrap}.guide-plans20 span{font-size:9px;color:#92a0ba}.guide-plans20 .plus{border-color:#b7c4f2;background:#f0f3ff}.guide-plans20 .pro{border-color:#d2c2ed;background:#f9f5ff}
/* Home: the guide lives in the header, taking no additional dashboard row. */
.home-tools20{display:flex;align-items:center;gap:14px}.home-guide20{display:flex;align-items:center;gap:10px;text-align:left;background:var(--surface);border:1px solid #d8e0fa;border-radius:12px;padding:9px 13px;color:#5570c0;box-shadow:0 4px 15px #5772bf05;transition:transform .2s,box-shadow .2s}.home-guide20:hover{transform:translateY(-2px);box-shadow:0 7px 17px #5772bf14}.guide-play20{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#7184df;font-size:20px}.home-guide20 small{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.home-guide20 b{font-size:11px}.home-guide20>.icon{width:14px;margin-left:9px}.home-tools20 .bgm-toggle13{margin:0!important}
body[data-view=home] #main.content{overflow-y:auto!important}body[data-view=home] #main.content>.page{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}body[data-view=home] .home9{min-height:0!important;flex:1 1 0!important}.home-top9{max-height:none}.home-bottom9{flex:0 0 auto}.home9 .growth-line9{flex:none}
/* Teacher plans: readable summary, three choices, optional full comparison. */
.teacher-balance20{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;margin-bottom:20px}.teacher-current20{background:linear-gradient(125deg,#243a69,#3e578b)!important;color:#fff!important;border-radius:16px!important;padding:20px!important;margin:0!important;gap:20px}.teacher-current20 strong{color:#e3e8ff}.teacher-current20 small{color:#c2cee7!important}.teacher-current20>div>b{color:#fff!important}.teacher-balance20>.funding-balance16{margin:0!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;padding:20px;border:1px solid #dbe4f5;background:#f3f7ff;border-radius:16px;font-size:11px;color:#8395b6}.teacher-balance20>.funding-balance16 b{font-size:25px;color:#5f7cb8}.teacher-plan-grid20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}.teacher-plan20{position:relative;border:1px solid #dfe6f1;border-radius:19px;padding:22px;background:var(--surface);min-width:0;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;gap:15px}.teacher-plan20:hover{transform:translateY(-4px);box-shadow:0 15px 35px #3552800e}.teacher-plan20.plus{border-color:#a7b9f1;background:linear-gradient(165deg,#f3f6ff,var(--surface) 45%);box-shadow:0 10px 30px #4c65d911}.teacher-plan20.pro{border-color:#d7c9eb;background:linear-gradient(165deg,#f8f3ff,var(--surface) 45%)}.plan-top20{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:19px;font-size:10px;color:var(--muted)}.plan-top20>b{background:#e8edff;color:#627bd0;font-size:8px;padding:4px 7px;border-radius:15px;white-space:nowrap}.teacher-plan20 header{display:flex;align-items:center;gap:12px}.teacher-plan20 h3{font-size:22px;margin:0;letter-spacing:.03em;color:#40587d}.plan-mark20{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eef2fa;color:#9aaecb}.plus .plan-mark20{color:#7c90db;background:#e7ecff}.pro .plan-mark20{color:#a38ac8;background:#eee4fb}.plan-mark20 .icon{width:19px}.teacher-price20{display:flex;align-items:baseline;gap:12px}.teacher-price20>strong{font-size:31px;letter-spacing:-1.5px;color:var(--text)}.teacher-price20>strong>small{font-size:13px;margin-left:4px;letter-spacing:0}.teacher-price20>span{font-size:10px;color:var(--muted)}.teacher-plan20>p{font-size:11px;margin:0;color:var(--muted);line-height:1.7}.plan-capacity20{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #e7ecf5;padding:15px 0}.plan-capacity20>div{display:grid;gap:7px;text-align:center}.plan-capacity20>div+div{border-left:1px solid #e7ecf5}.plan-capacity20 b{font-size:23px;color:#5c749c}.plan-capacity20 small{font-size:10px;margin-left:3px;font-weight:400}.plan-capacity20 span{font-size:9px;color:var(--muted)}.teacher-plan20 ul{padding:0;list-style:none;display:grid;gap:10px;font-size:11px;margin:0;color:#7f92ae}.teacher-plan20 li:before{content:'✓';color:#93bbaa;margin-right:8px}.teacher-plan20 li>strong{font-weight:600;color:#5c7398}.plan-support20{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;background:#f7f9fd;border-radius:8px;padding:10px 12px;margin-top:auto;color:#8a9bb8}.plan-support20>b{font-size:13px;color:#788fcc}.pro .plan-support20{background:#f6f0fd}.pro .plan-support20>b{color:#aa8bd1}.teacher-plan20>.btn{font-size:12px;min-height:40px;border-radius:10px;justify-content:space-between;padding:9px 13px}.teacher-plan20>.btn:disabled{opacity:.55;justify-content:center}.teacher-plan20 .btn>.icon{width:15px}.teacher-details20{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;margin:14px 0}.teacher-details20 summary{padding:15px 17px;display:flex;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;font-size:12px;color:var(--muted)}.teacher-details20 summary b{font-size:10px;color:#8296b8}.teacher-details20 .plans-table14{margin:0!important}.legacy-plan-actions20{display:none!important}.teacher-plan-modal20>.notice{font-size:12px}#modal:has(.teacher-plan-modal20){max-width:1100px!important;width:calc(100vw - 36px)!important}#modal:has(.teacher-plan-modal20) .dialog-content{padding:22px}.teacher-benefit16{line-height:1.8}.teacher-plan-modal20 .teacher-benefit16{font-size:11px}.teacher-plan-grid20~.small{line-height:1.75}
/* Replies: bounded indentation, clear targets and a persistent draft. */
.comment-section20{margin-top:28px!important;padding-top:20px!important}.comment-section-head20{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.comment-section-head20 h3{font-size:16px;margin:0}.comment-section-head20 h3>b{margin-left:6px;color:#8091d7;font-size:15px}.comment-section-head20>span{font-size:10px;color:var(--muted)}.comment-thread20{border:1px solid var(--line);background:var(--surface);border-radius:15px;overflow:hidden;margin-top:12px}.thread-comment20{display:flex;align-items:flex-start;gap:12px;padding:17px}.thread-body20{min-width:0;flex:1}.thread-body20>header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.thread-body20 strong{font-size:12px}.thread-body20 header>span:last-child{font-size:9px;color:var(--muted);margin-left:auto}.thread-body20 .datetime13{font-size:9px}.thread-body20 p{font-size:13px;line-height:1.8;overflow-wrap:anywhere;margin:9px 0}.comment-me20{font-size:8px;padding:2px 5px;border-radius:5px;color:#728ad1;background:#edf2ff}.comment-actions20{display:flex;gap:18px}.comment-actions20 button{font-size:10px;color:#8b9ab5;min-height:28px;display:flex;align-items:center;gap:5px}.comment-actions20 button:hover{color:#5267c6}.comment-actions20 .icon{width:12px;height:12px;transform:rotate(-30deg)}.thread-comment20.is-reply20{margin-left:35px;position:relative;border-top:1px solid var(--line);background:var(--surface-soft)}.is-reply20:before{content:'↳';position:absolute;left:-20px;top:16px;font-size:20px;color:#c0cbe0}.reply-mention20{color:#7286cd;font-weight:600}.comment-deleted20{font-size:12px;color:var(--muted);font-style:italic}.deleted20 .comment-face10{opacity:.4}.comments-empty20{text-align:center;padding:25px 15px;background:var(--surface-soft);border:1px dashed var(--line);border-radius:13px;font-size:12px;color:var(--muted)}.comments-empty20 small{display:block;font-size:10px;margin-top:8px}#commentForm20{margin-top:20px;border:1px solid #cfd9f0;border-radius:14px;padding:14px;background:var(--surface);box-shadow:0 5px 20px #5873b009}#commentForm20 textarea{width:100%;resize:vertical;min-height:64px;max-height:190px;border:0;background:transparent;padding:9px 3px;font-size:13px;line-height:1.7;color:var(--text);box-shadow:none}#commentForm20 textarea:focus{outline:0}#commentForm20:focus-within{outline:2px solid #7e94e855;outline-offset:2px}#commentForm20 footer{display:flex;align-items:center;justify-content:space-between;gap:10px}#commentForm20 footer>span{font-size:10px;color:var(--muted)}#commentForm20 footer>.btn{font-size:11px;min-height:34px;padding:8px 12px;border-radius:9px;gap:14px}#commentForm20 footer .icon{width:14px}#replyContext20:not(:empty){display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;padding:8px 10px;background:var(--surface-soft);border-radius:8px;color:#8294bb}#replyContext20 button{font-size:10px;color:var(--muted)}#commentError20{font-size:11px;color:#b36578;margin:8px 0 0;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes guide-enter20{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes guide-scene20{from{opacity:0;transform:perspective(900px) rotateY(-7deg) translateY(20px) scale(.97)}to{opacity:1;transform:perspective(900px) rotateY(0) translateY(0) scale(1)}}@keyframes guide-orbit20{to{transform:rotate(360deg)}}@keyframes guide-float20{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes guide-pulse20{50%{box-shadow:0 0 0 7px #a1ddf208}}@keyframes combo-pop20{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes guide-confetti20{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes guide-shake20{25%{translate:-5px 0}75%{translate:5px 0}}@keyframes radar-enter20{from{transform:scale(.65);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes avatar-arrive20{from{transform:translateY(10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes guide-bar20{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.guide20[data-motion20=off] *,.guide20[data-motion20=off] *:before,.guide20[data-motion20=off] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.guide20 *,.guide20 *:before,.guide20 *:after{animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-height:820px){.guide20{gap:13px}.guide-heading20 h1{font-size:27px}.guide-experience20{min-height:350px}.guide-story20{padding:25px}.guide-story20 h2{font-size:30px;margin:13px 0}.guide-story20>p{font-size:12px;margin-bottom:13px}.guide-story20 ol{gap:7px;margin-bottom:16px}.guide-stage20{padding:22px;gap:11px}.guide-stage-inner20{max-width:400px}.guide-nav20 button{min-height:46px;padding:8px 11px}.guide-nav20 b{font-size:11px}.guide-nav20 span{font-size:16px}.subject-orbit20{padding:18px;gap:10px}.subject-orbit20 button{min-height:69px}.demo-quiz-copy20{padding:16px}.fraction20{padding:10px 0}.demo-word20{min-height:126px}.avatar-demo-stage20{height:224px}.avatar-demo-stage20>.cogo-avatar{height:200px!important;width:200px!important}.attendance-demo20 button{min-height:65px}.teacher-plan20{padding:17px;gap:11px}.teacher-price20>strong{font-size:28px}.teacher-plan20 ul{gap:8px}.teacher-balance20{margin-bottom:14px}.plan-capacity20{padding:11px 0}.teacher-plan-grid20{margin-bottom:12px}.teacher-current20{padding:15px!important}.teacher-balance20>.funding-balance16{padding:15px}.teacher-details20 summary{padding:12px 15px}}
@media(min-width:761px) and (max-width:1100px){.guide-experience20{grid-template-columns:1fr 1.1fr}.guide-story20{padding:22px}.guide-story20 h2{font-size:29px}.guide-story20>p{font-size:12px}.guide-stage20{padding:22px 18px}.guide-nav20 button{display:grid;gap:3px;padding:9px}.guide-nav20 b{font-size:10px}.teacher-plan-grid20{gap:10px}.teacher-plan20{padding:14px}.teacher-plan20>p{font-size:10px}.plan-top20{font-size:9px}.plan-capacity20 b{font-size:20px}.teacher-plan20 ul{font-size:10px}.home-tools20{gap:8px}.home-guide20 small{display:none}.home-guide20{padding:8px}.home-guide20 b{font-size:10px}.home-guide20>.icon{display:none}}
@media(max-width:760px){.guide20{gap:15px}.guide-heading20{align-items:flex-start;gap:12px;flex-wrap:wrap}.guide-heading20 h1{font-size:25px;line-height:1.35;margin:7px 0 0}.guide-heading20 .eyebrow{font-size:8px}.guide-tools20{width:100%;justify-content:space-between}.guide-audience20 button{padding:7px 23px;font-size:11px}.guide-motion20{width:33px;height:33px}.guide-nav20{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.guide-nav20 button{min-height:43px;gap:7px;padding:8px}.guide-nav20 span{font-size:15px}.guide-nav20 b{font-size:10px}.guide-experience20{grid-template-columns:1fr;border-radius:19px}.guide-story20{padding:24px;display:block}.guide-story20 h2{font-size:29px;letter-spacing:-1.2px;margin:13px 0}.guide-story20>p{font-size:12px;line-height:1.85;margin-bottom:14px;max-width:none}.guide-story20 ol{display:flex;flex-wrap:wrap;gap:9px 15px;margin-bottom:15px;font-size:10px}.guide-story20 li>span{width:18px;height:18px;font-size:9px}.guide-story20 .guide-real20{min-height:39px;font-size:11px!important}.guide-story20>small{display:block;font-size:9px;margin-top:9px}.guide-stage20{padding:26px 19px 20px;gap:13px}.guide-stage-inner20{max-width:440px}.mini-header20{padding:12px}.mini-header20>b{font-size:10px}.subject-orbit20{gap:8px;padding:20px 15px}.subject-orbit20 button{min-height:73px;gap:6px}.subject-orbit20 button>span{width:30px;height:30px;font-size:16px}.subject-orbit20 b{font-size:10px}.demo-selection20{margin:0 15px 15px;padding:11px;gap:9px}.demo-selection20 b{font-size:10px}.demo-selection20 small{font-size:8px}.demo-quiz-copy20{padding:17px}.fraction20{gap:20px}.demo-word20>b{font-size:39px}.growth-factors20>span{font-size:9px;gap:7px}.growth-factors20{gap:9px;padding:0}.growth-demo-grid20{padding:11px;grid-template-columns:1.5fr 1fr}.demo-style20{gap:5px;padding:0 13px 17px}.demo-style20 button{font-size:10px;padding:9px 10px}.avatar-demo-stage20{height:240px}.avatar-demo-stage20>.cogo-avatar{width:215px!important;height:215px!important}.avatar-count20{right:12px;font-size:9px}.avatar-count20 b{font-size:17px}.journey-lead20{padding:16px;gap:8px}.journey-lead20>img{height:125px}.journey-lead20 h3{font-size:23px}.journey-links20{margin:0 16px 16px}.stage-instruction20{font-size:10px}.guide-demo-note20{font-size:8px}.guide-footer20{gap:8px}.guide-footer20>button{padding:9px 12px;font-size:10px;min-height:38px}.guide-footer20>.guide-next20{gap:6px}.guide-progress20{font-size:10px}.guide-progress20>i{display:none}.attendance-demo20{padding:16px;gap:9px}.attendance-demo20 button{padding:10px;min-height:76px;gap:7px}.attendance-demo20 button>span{width:28px;height:28px;font-size:11px}.attendance-demo20 b{font-size:11px}.attendance-demo20 small{font-size:7px}.class-flow20{gap:5px;padding:10px 14px 20px}.class-flow20 b{font-size:9px}.class-flow20>div{padding:12px 5px}.guide-plans20{gap:6px;padding:20px 12px}.guide-plans20>div{padding:15px 8px}.guide-plans20 strong{font-size:15px}.guide-plans20 span{font-size:8px}.guide-plans20 b{font-size:16px}.teacher-demo-title20 h3{font-size:17px}.contest-ticket20 h3{font-size:21px}.contest-checks20>span{font-size:9px}
 .home-head9{gap:8px;flex-wrap:nowrap}.home-head9 h1{font-size:16px!important;max-width:205px}.home-tools20{gap:5px;flex-shrink:0}.home-guide20{padding:6px;gap:0;border-radius:9px}.home-guide20>span:not(.guide-play20),.home-guide20>.icon{display:none}.guide-play20{width:27px;height:27px;font-size:19px}.home-guide20:after{content:'사용 안내';font-size:9px;margin:0 4px 0 5px}.home-tools20 .bgm-toggle13{font-size:0!important;width:28px;min-width:28px;padding:5px!important;gap:0!important}.home-tools20 .bgm-toggle13 svg{width:14px}.home9 .home-top9{min-height:190px}.teacher-balance20{grid-template-columns:1fr;gap:9px;margin-bottom:15px}.teacher-current20{padding:16px!important;font-size:12px!important}.teacher-current20 small{font-size:9px!important}.teacher-balance20>.funding-balance16{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 15px;font-size:10px}.teacher-balance20>.funding-balance16 b{font-size:19px}.teacher-plan-grid20{grid-template-columns:1fr;gap:13px}.teacher-plan20{padding:20px;gap:13px}.teacher-plan20 header{position:absolute;right:20px;top:43px}.teacher-plan20 h3{font-size:21px}.teacher-plan20 .plan-mark20{width:30px;height:30px}.teacher-price20>strong{font-size:32px}.teacher-plan20>p{font-size:11px}.teacher-plan20 ul{font-size:11px;gap:10px}.teacher-plan20 .plan-top20{min-height:20px}.teacher-details20 .plans-table14{font-size:9px}.teacher-details20 .plans-table14 th,.teacher-details20 .plans-table14 td{padding:9px 5px;font-size:9px}.teacher-details20 summary{font-size:11px;padding:13px}#modal:has(.teacher-plan-modal20){width:calc(100vw - 20px)!important}#modal:has(.teacher-plan-modal20) .dialog-content{padding:15px}.comment-section-head20>span{display:none}.thread-comment20{gap:9px;padding:13px}.thread-comment20.is-reply20{margin-left:22px}.is-reply20:before{left:-15px;font-size:15px}.thread-comment20 .comment-face10{width:28px!important;height:28px!important}.thread-body20 strong{font-size:11px}.thread-body20 header>span:last-child{width:100%;margin-left:0;font-size:8px}.thread-body20 p{font-size:12px}.comment-actions20 button{min-height:32px}.comment-section-head20 h3{font-size:14px}#commentForm20 textarea{font-size:16px}#replyContext20{font-size:10px!important}
}
@media(max-width:380px){.home-head9 h1{font-size:14px!important;max-width:160px}.home-tools20{gap:3px}.home-guide20:after{display:none}.home-guide20{padding:4px}.home-tools20 .bgm-toggle13{width:25px;min-width:25px}.guide-heading20 h1{font-size:23px}.guide-story20{padding:20px}.guide-story20 h2{font-size:27px}.guide-stage20{padding:20px 12px}.guide-nav20 b{font-size:9px}.guide-nav20 span{font-size:13px}.guide-nav20 button{gap:5px}.demo-style20 button{padding:8px;font-size:9px}.guide-plans20 strong{font-size:13px}.guide-plans20 small{font-size:7px}.class-flow20 b{font-size:8px}}
@media(min-width:761px) and (min-height:680px){body[data-view=home] #main.content{overflow-y:hidden!important}.home9{gap:clamp(7px,1.2vh,13px)!important}.home-top9{flex:1 1 auto!important;min-height:180px!important}.home-head9 h1{font-size:clamp(20px,2vw,28px)}.home-bottom9{min-height:68px!important}.home-action9{padding:12px}.home-mission9{padding:10px 15px}.growth-line9{line-height:1.4}}
@media(max-height:620px){body[data-view=home] #main.content>.page{height:auto!important;min-height:100%!important}body[data-view=home] .home9{flex:none!important;min-height:500px!important}.guide-experience20{min-height:0}.guide-heading20{margin-top:8px}.guide20{padding-bottom:20px!important}}
body.dark .guide20,body[data-theme=dark] .guide20{--guide-soft:#263c62}body.dark .teacher-plan20,body[data-theme=dark] .teacher-plan20{background:var(--surface);border-color:var(--line)}body.dark .teacher-plan20 h3,body[data-theme=dark] .teacher-plan20 h3{color:var(--text)}body.dark .teacher-plan20 li>strong,body[data-theme=dark] .teacher-plan20 li>strong{color:#b7c9e6}body.dark .teacher-balance20>.funding-balance16,body[data-theme=dark] .teacher-balance20>.funding-balance16,body.dark .plan-support20,body[data-theme=dark] .plan-support20{background:var(--surface-soft);border-color:var(--line)}body.dark .home-guide20,body[data-theme=dark] .home-guide20{border-color:var(--line)}
body[data-view="shop"] #main>.page{height:auto!important;min-height:100%;flex:none}
.home-head9>.home-tools20{flex:0 0 auto!important;width:auto!important;margin-left:auto;justify-content:flex-end}
.home-tools20 #musicHome13{margin:0!important}
@media(max-width:760px){.home-tools20 #musicHome13{width:30px;min-width:30px;padding:7px;gap:0}.home-tools20 #musicHome13>span:last-child{display:none}}
.fit-shell18 .empty9,.fit-shell18 .workspace-empty6{height:auto!important;min-height:120px!important;align-self:start;padding:24px;box-sizing:border-box;grid-column:1/-1}
body[data-view="attendance"] #attendanceViewport7>.workspace-empty6{height:auto!important;min-height:120px!important;padding:24px}

/* v21: compact controls and scroll-free summary dialogs. */
.hide-solved21{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:var(--muted);margin-left:auto;padding:7px 10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;cursor:pointer}.hide-solved21 input{accent-color:#4e65df;width:15px;height:15px;margin:0}.board-heading>.board-demo{margin-left:auto}.board-heading:has(.hide-solved21){gap:12px}.board-heading:has(.hide-solved21)>.board-demo{display:none}#closetCount6{display:none!important}.xp-gaining21{box-shadow:0 0 0 4px #7588ff22}.xp-reward7{flex-shrink:0}#xpAnimated7>i{box-shadow:0 0 14px #8c86ff75}
#modal:has(.plan-modal21){width:min(850px,calc(100vw - 28px))!important;max-width:850px!important;max-height:calc(100dvh - 28px);overflow:visible!important}#modal:has(.plan-modal21) #modalContent{padding:20px!important;overflow:visible!important}.plan-modal21{display:grid;gap:15px}.plan-intro21{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.plan-intro21 b{color:#5773ae;background:#eef2fc;border-radius:8px;padding:4px 8px}.plan-switch21{display:none}.plan-topic21{display:flex;gap:5px;padding:4px;background:#eff2f8;border-radius:10px;justify-self:start}.plan-topic21 button,.plan-switch21 button{padding:8px 13px;border:0;border-radius:7px;background:none;color:#8090ae;font-size:12px}.plan-topic21 [aria-pressed=true],.plan-switch21 [aria-pressed=true]{background:white;color:#425de0;box-shadow:0 2px 6px #29427212}.plan-mini-grid21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-mini21{border:1px solid #e0e6f1;border-radius:16px;background:var(--surface);padding:18px;display:grid;gap:18px}.plan-mini21.plus{border-color:#b0baff;background:linear-gradient(#f4f6ff,var(--surface))}.plan-mini21.pro{border-color:#d7c7ef;background:linear-gradient(#f8f3fe,var(--surface))}.plan-mini21 header{display:flex;align-items:center;justify-content:space-between;gap:5px}.plan-mini21 header strong{font-size:20px;color:#486084}.plan-mini21 header span{font-size:9px;color:#7f90c9}.plan-price21{display:flex;align-items:baseline;gap:10px}.plan-price21 b{font-size:27px;letter-spacing:-1px}.plan-price21 small{font-size:11px;margin-left:3px;letter-spacing:0}.plan-price21>span{font-size:10px;color:var(--muted)}.plan-mini-data21{display:grid;gap:12px}.plan-mini-data21>div{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--muted)}.plan-mini-data21 b{color:#5b74a1}.plan-mini21>.btn{width:100%;font-size:11px;min-height:36px;padding:9px}.plan-modal21>footer{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:10px;line-height:1.6}.plan-modal21>footer button{white-space:nowrap;font-size:11px}
@media(max-width:700px){.plan-mini-grid21{grid-template-columns:1fr}.plan-mini21:not([data-selected21=true]){display:none}.plan-switch21{display:flex;background:#eff2f8;padding:4px;border-radius:10px}.plan-switch21 button{flex:1}.plan-intro21{font-size:10px}.plan-mini21{gap:15px;padding:19px}.plan-mini-data21{gap:14px}.plan-modal21>footer{display:grid;font-size:9px}.plan-topic21{justify-self:stretch}.plan-topic21 button{flex:1}.hide-solved21{font-size:10px;padding:7px;gap:5px}.hide-solved21 input{width:14px;height:14px}.board-heading{flex-wrap:wrap}.board-heading h1{font-size:21px!important}#modal:has(.plan-modal21) #modalContent{padding:16px!important}}
@media(max-height:550px){#modal:has(.plan-modal21){max-height:calc(100dvh - 12px)}#modal:has(.plan-modal21)>.dialog-head{padding:10px 16px!important}#modal:has(.plan-modal21) #modalContent{padding:10px 14px!important}.plan-modal21{gap:7px}.plan-intro21{display:none}.plan-topic21 button,.plan-switch21 button{padding:5px 10px}.plan-mini21{padding:12px;gap:8px}.plan-mini21 header strong{font-size:15px}.plan-price21 b{font-size:21px}.plan-mini-data21{gap:6px}.plan-mini-data21>div{font-size:10px}.plan-mini21>.btn{padding:6px;min-height:28px}.plan-modal21>footer>span{display:none}.plan-modal21>footer{display:flex;justify-content:flex-end}}
.guide-play-button21{display:flex;align-items:center;gap:7px;background:#263f72;color:#fff;border:0;border-radius:10px;font-size:11px;padding:11px 13px;min-width:126px;justify-content:center}.guide-play-button21>span{font-size:16px}.guide-stage20{padding-bottom:92px!important}.guide-play-caption21{position:absolute;bottom:13px;left:18px;right:18px;margin:0;padding:11px 14px;background:#ffffff16;border:1px solid #ffffff20;border-radius:10px;color:#cfdaee;font-size:11px;line-height:1.6;text-align:center;min-height:41px}.guide-play-caption21.active{background:#f4f6ff;color:#3b537c;border-color:#b6c4ee}.guide-target21{outline:3px solid #a7b6ff!important;outline-offset:4px;box-shadow:0 0 0 7px #a7b6ff25!important}.guide-cursor21{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid #798bff;box-shadow:0 0 0 8px #899cff40;pointer-events:none;z-index:5;animation:guide-click21 .8s ease-out infinite}@keyframes guide-click21{to{box-shadow:0 0 0 19px #899cff00}}@media(prefers-reduced-motion:reduce){.guide-cursor21{animation:none}}@media(max-width:700px){.guide-play-button21{min-width:114px;font-size:10px}.guide-play-caption21{font-size:10px;left:10px;right:10px}.guide-stage20{padding-bottom:93px!important}}
/* Short landscape screens use side controls beside the selected plan. */
#modal:has(.plan-modal21)>.dialog-head{padding:12px 20px!important}#modal:has(.plan-modal21)>.dialog-head .icon-btn{width:32px;height:32px;min-height:32px;padding:7px}.plan-modal21{line-height:1.5}.plan-mini21 header{line-height:1.4}
@media(max-height:550px){#modal:has(.plan-modal21)>.dialog-head{padding:7px 15px!important}#modal:has(.plan-modal21)>.dialog-head h2{font-size:17px}.plan-modal21{grid-template-columns:120px minmax(0,1fr);gap:7px 13px;align-items:start}.plan-switch21{display:flex;flex-direction:column;grid-column:1;grid-row:1;padding:3px}.plan-switch21 button{font-size:10px;line-height:1.3;min-height:24px}.plan-topic21{grid-column:1;grid-row:2;flex-direction:column;padding:3px}.plan-topic21 button{font-size:9px;line-height:1.3;min-height:23px;padding:5px}.plan-mini-grid21{grid-column:2;grid-row:1/4;grid-template-columns:1fr}.plan-mini21:not([data-selected21=true]){display:none}.plan-mini21{gap:9px;padding:13px}.plan-mini-data21{gap:8px}.plan-modal21>footer{grid-column:1;grid-row:3;justify-content:center}.plan-modal21>footer button{font-size:9px;white-space:normal}.plan-mini-data21>div{font-size:11px}.plan-mini21>.btn{min-height:30px}}
@media(max-width:440px) and (max-height:650px){.plan-modal21{gap:9px}.plan-intro21{display:none}.plan-mini21{padding:15px;gap:12px}.plan-modal21>footer>span{display:none}.plan-modal21>footer{justify-items:end}.plan-switch21 button,.plan-topic21 button{padding:7px 10px}}

/* Classroom pages share the original COGO colors and roomy card rhythm. */
.course21{max-width:1180px;margin:auto;padding:8px 0 25px;color:#344762}.course-head21{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 25px}.course-head21 .eyebrow{font-size:10px;letter-spacing:1.4px;color:#8296bc}.course-head21 h1{font-size:28px;letter-spacing:-1px;margin:10px 0}.course-head21 p{font-size:13px;color:var(--muted);line-height:1.7}.course-tabs21{display:flex;gap:6px;margin-bottom:20px}.course-tabs21 button{padding:10px 22px;border:1px solid var(--line);background:var(--surface);border-radius:10px;font-size:12px;color:#8391a5}.course-tabs21 [aria-pressed=true]{background:#334c7a;color:#fff;border-color:#334c7a}.course-grid21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.course-card21{padding:22px;background:var(--surface);border:1px solid var(--line);border-top:3px solid #8caadf;border-radius:17px;min-width:0}.course-card21.exam{border-top-color:#a78adf}.course-card21>div:first-child{display:flex;justify-content:space-between;align-items:center}.course-card21 small{font-size:10px;color:#8a9aad}.course-card21 h2{font-size:18px;line-height:1.5;margin:18px 0 8px;overflow-wrap:anywhere}.course-card21>p{font-size:12px;color:#8998ae}.course-meta21{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:11px;color:#8d9caf;line-height:1.7}.course-card21 footer{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:11px}.course-card21 footer button{font-size:11px}.course-empty21{grid-column:1/-1;text-align:center;padding:55px 18px;border:1px dashed #d1dceb;border-radius:18px;color:#8294b0}.course-empty21 svg{width:40px;height:40px;margin:auto}.course-empty21 h2{font-size:18px;margin:16px}.course-empty21 p{font-size:12px}.course-pager21{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin:18px 0;font-size:11px;color:#899bb4}.course-pager21 button{border:1px solid var(--line);border-radius:7px;padding:7px 11px;background:var(--surface);color:#5a6f90}.course21 button:disabled{opacity:.42;cursor:not-allowed}.course-local21{font-size:10px;text-align:center;color:#9aa6b8;margin:20px 0}.course-steps21{display:flex;gap:12px;margin:24px 0}.course-steps21 button{flex:1;background:#eaf0f7;border:0;padding:12px;border-radius:12px;color:#92a1b7;font-size:12px;display:flex;gap:10px;align-items:center;justify-content:center}.course-steps21 b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff}.course-steps21 [aria-current=step]{background:#e1e8ff;color:#465ec4}.course-editor21,.course-policy21{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px}.course-form-grid21{display:grid;grid-template-columns:1fr 1fr;gap:22px}.course21 label,.course-grade21 label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#6c7e98}.course21 input:not([type=checkbox]),.course21 select,.course21 textarea,.course-grade21 select,.course-grade21 textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #dce4f0;background:var(--surface);color:#526985;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px}.course21 textarea{resize:vertical}.course21 input[type=checkbox]{width:16px;height:16px;accent-color:#6c81da}.full21{grid-column:1/-1}.course-form-note21{font-size:11px;color:#8b9db9;line-height:1.9;margin:7px 0}.course-editor-footer21{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:22px;font-size:11px;color:#8b9cb5}.course-editor-footer21>div{display:flex;gap:8px}.course-editor-footer21 .btn{font-size:12px;min-height:39px}.course-select-head21{display:flex;justify-content:space-between;margin:28px 0 14px;font-size:13px}.course-students21{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.course-students21 label{flex-direction:row;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px}.course-picker-tools21{display:grid;grid-template-columns:minmax(0,1fr) 145px 100px;align-items:center;gap:12px}.course-picker-tools21>b{text-align:right;font-size:12px}.course-question-list21{display:grid;gap:6px;margin:14px 0}.course-question-list21 label{flex-direction:row;align-items:center;padding:11px 14px;gap:15px;background:#f6f8fc;border-radius:9px}.course-question-list21 span{display:grid;gap:5px;min-width:0}.course-question-list21 b{font-size:12px;overflow-wrap:anywhere}.course-question-list21 small{font-size:10px;color:#8a9bb4}.course-review21 h2{font-size:23px;margin:18px 0}.course-review21>p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.course-review21 dl{display:grid;gap:13px;margin:25px 0}.course-review21 dl>div{display:flex;gap:20px;font-size:12px}.course-review21 dt{width:80px;color:#91a0b4;flex:none}.course-review21 dd{margin:0}.course-kpis21{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.course-kpis21 article{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:13px;display:grid;gap:8px}.course-kpis21 span{color:#90a0b4;font-size:11px}.course-kpis21 b{font-size:28px}.course-kpis21 small{font-size:11px;font-weight:400;margin-left:4px}.course-roster21{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:0 20px}.course-roster21 article{display:grid;grid-template-columns:minmax(0,1fr) 100px 110px;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.course-roster21 article:last-child{border:0}.course-roster21 article>div{display:grid;gap:5px}.course-roster21 small{color:#9ca9bb;font-size:10px}.course-roster21 button{font-size:11px}.course-policy21{margin-top:22px;font-size:12px;line-height:1.8}.course-policy21 small{color:#93a2b7;font-size:11px}.course-actions21{display:flex;gap:8px}.course-student-intro21{max-width:720px;margin:25px auto;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:23px}.course-student-intro21 h1{font-size:28px;line-height:1.5;overflow-wrap:anywhere}.course-student-intro21>p{color:#91a0b5;font-size:12px}.course-student-intro21 blockquote{padding:18px;margin:22px 0;background:#f1f5fc;border-left:3px solid #99afe4;border-radius:7px;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.course-student-intro21>.btn{margin-top:20px;width:100%}.course-result21{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.course-result21>b{font-size:24px;color:#5978ad}.course-result21 p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.course-run21{max-width:900px}.course-run-tools21{display:flex;gap:16px;align-items:center;white-space:nowrap}.course-run-tools21>span{padding:10px 14px;background:#e4eaff;color:#5e70ad;border-radius:10px;font-weight:700;font-variant-numeric:tabular-nums}.course-question-nav21{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.course-question-nav21 button{width:31px;height:31px;border:1px solid #dce5f0;border-radius:7px;background:var(--surface);font-size:11px;color:#8697b1}.course-question-nav21 button.answered{background:#e8efff;color:#6a80c3}.course-question-nav21 button.active{background:#4c689e;color:white}.course-solve-card21{background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:20px}.course-solve-card21>.eyebrow{font-size:10px;color:#9aabc2}.course-solve-card21 h2{font-size:23px;line-height:1.6}.course-prompt21{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2}.course-options21{display:grid;gap:10px;margin:25px 0}.course-options21 button{display:flex;align-items:center;gap:12px;text-align:left;padding:13px;border:1px solid #dfe6f1;background:var(--surface);border-radius:12px;color:#60738f;font-size:13px;line-height:1.7}.course-options21 span{display:grid;place-items:center;flex:none;background:#f0f3f8;width:27px;height:27px;border-radius:8px;font-size:11px}.course-options21 button[aria-pressed=true]{border-color:#92a7eb;background:#f0f4ff}.course-solve-card21>small{display:block;font-size:10px;color:#98a7bb;margin-top:14px}.course-explanation21{margin-top:22px;padding:17px;background:#f0f6ff;border-radius:11px;font-size:12px;line-height:1.9}.course-grade21{display:grid;gap:20px}.course-grade21 article{padding:14px;border:1px solid var(--line);border-radius:10px;font-size:12px;overflow-wrap:anywhere}.course-grade21 article p{white-space:pre-wrap}.course-bell21{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid #e0e8f4;border-radius:50%;background:var(--surface);color:#7991b7;flex-shrink:0}.course-bell21>b:not(:empty){position:absolute;right:-5px;top:-5px;font-size:9px;background:#7189dd;color:white;border:2px solid white;min-width:16px;height:16px;border-radius:10px}.course-notice21{text-align:center;display:grid;gap:14px}.notice-orb21{display:grid;place-items:center;width:54px;height:54px;background:#e9edff;color:#8093d3;border-radius:18px;margin:0 auto}.notice-orb21 svg{width:25px;height:25px}.course-notice21 h2{margin:0;font-size:24px}.course-notice21>p{margin:0;font-size:12px;color:#91a1b9}.course-notice21 article{display:flex;gap:13px;align-items:center;padding:13px;background:#f4f7fc;border-radius:11px;text-align:left}.course-notice21 article div{display:grid;gap:5px;min-width:0}.course-notice21 article b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-notice21 small{font-size:10px;color:#8b9eb9}.course-notice21>.btn{margin-top:5px}
@media(max-width:900px){.course-grid21{grid-template-columns:repeat(2,minmax(0,1fr))}.course-students21{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.course-head21{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:18px}.course-head21 h1{font-size:23px}.course-head21 p{font-size:11px}.course-head21>.btn{width:100%;font-size:12px}.course-grid21{grid-template-columns:1fr}.course-card21{padding:18px}.course-steps21{gap:5px}.course-steps21 button{padding:9px 3px;flex-direction:column;gap:5px;font-size:10px}.course-form-grid21{grid-template-columns:1fr;gap:16px}.course-editor21{padding:17px}.course-picker-tools21{grid-template-columns:1fr 95px;gap:8px}.course-picker-tools21>b{grid-column:1/-1}.course-students21{grid-template-columns:repeat(2,1fr)}.course-kpis21{gap:7px;grid-template-columns:repeat(2,1fr)}.course-kpis21 article{padding:15px}.course-kpis21 b{font-size:24px}.course-roster21{padding:0 12px}.course-roster21 article{grid-template-columns:1fr 62px 83px;gap:5px}.course-roster21 button{font-size:10px}.course-editor-footer21>.btn,.course-editor-footer21>div>.btn{padding:10px;font-size:10px}.course-student-intro21{padding:23px 18px;margin:18px auto}.course-student-intro21 h1{font-size:24px}.course-solve-card21{padding:20px 16px}.course-solve-card21 h2{font-size:20px}.course-prompt21{font-size:13px}.course-run-tools21{width:100%;justify-content:space-between}.course-bell21{width:28px;height:28px;padding:6px}.course-notice21{gap:10px}.course-notice21 h2{font-size:21px}.course-notice21 article{padding:10px}}

/* The dialog changes panes, not scroll position. */
#modal:has(.public-profile21){width:min(660px,calc(100vw - 28px))!important;max-width:660px!important;max-height:calc(100dvh - 24px);overflow:visible!important;border-radius:23px}#modal:has(.public-profile21) #modalContent{overflow:visible!important;padding:0!important}#modal:has(.public-profile21) .dialog-head{padding:16px 24px!important;border:0}.public-profile21{padding:0 27px 17px}.public-top21{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;align-items:center;margin:0 0 22px}.public-art21{height:181px;background:radial-gradient(ellipse at 50% 90%,#e0e9fe,#f6f8fe 65%);border:1px solid #e8edf8;border-radius:65px 65px 20px 20px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.public-art21>.cogo-avatar{width:137px!important;height:158px!important;flex:none}.public-art21>span{font-size:9px;background:#fff;color:#8ca0c4;border:1px solid #e2e8f4;border-radius:20px;padding:4px 10px;position:absolute;bottom:-8px}.public-identity21{min-width:0}.public-identity21 .eyebrow{font-size:9px;letter-spacing:1.3px;color:#92a8cb}.public-identity21 h2{font-size:29px;line-height:1.3;margin:10px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#354b6f}.public-primary-group21{font-size:11px;color:#91a2bc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 14px}.public-identity21 blockquote{margin:0 0 14px;padding:10px 12px;border-radius:0 12px 12px;background:#f0f4fc;color:#7992ba;font-size:11px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;max-height:62px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.public-level21{display:flex;align-items:center;gap:9px;font-size:10px;color:#92a7c7}.public-level21>b{font-size:11px;color:#778fbe;white-space:nowrap}.public-level21>div{flex:1;min-width:30px}.public-level21 .xp-bar7{height:5px!important;margin:0!important}.public-level21 small{font-size:9px;white-space:nowrap}.public-rank21{font-size:11px;color:#839bbf}.public-rank21 b{font-size:18px;color:#5b78b2;margin:0 4px}.public-tabs21{display:flex;gap:5px;background:#f0f3f9;border-radius:10px;padding:4px;margin-bottom:17px}.public-tabs21 button{flex:1;padding:9px 3px;font-size:11px;border:0;background:none;color:#93a4bc;border-radius:7px}.public-tabs21 [aria-pressed=true]{background:white;color:#5c79b6;box-shadow:0 2px 6px #263b6010}.public-pane21{height:175px;min-width:0}.public-stats21{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:13px 0 22px}.public-stats21 article{display:grid;gap:14px;background:#f8faff;border:1px solid #e9eef8;border-radius:13px;padding:15px 12px}.public-stats21 span{font-size:10px;color:#98a8bf;white-space:nowrap}.public-stats21 b{font-size:25px;letter-spacing:-.8px;color:#637b9f;white-space:nowrap}.public-stats21 small{font-size:10px;font-weight:400;margin-left:3px}.public-stats21 .accent21{background:#eef3ff;border-color:#d7e1ff}.public-stats21 .accent21 b{color:#6d89cf}.public-footnote21{margin:0;font-size:9px;color:#a0adc0;text-align:center;line-height:1.7}.public-groups21{height:140px;display:grid;align-content:start;gap:6px}.public-groups21 article{display:flex;gap:11px;align-items:center;padding:6px 12px;background:#f5f8fd;border-radius:9px;height:41px;box-sizing:border-box}.public-groups21 article>span{color:#9aaecb}.public-groups21 svg{width:17px;height:17px}.public-groups21 article>div{display:grid;gap:3px;min-width:0}.public-groups21 b{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-groups21 small{font-size:9px;color:#99a9bf}.public-group-pages21{display:flex;align-items:center;gap:10px;font-size:10px;color:#98a8bf}.public-group-pages21>span{margin-right:auto}.public-group-pages21 button{width:24px;height:24px;border:1px solid #e0e7f3;background:white;border-radius:6px;color:#849cbc}.public-group-pages21 button:disabled{opacity:.3}.public-empty21{display:grid;place-items:center;height:120px;font-size:12px;color:#a0afc4}.public-footer21{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef2f8;padding-top:14px;font-size:9px;color:#a1aec2}.public-footer21 button{font-size:10px;color:#718ab0}.public-message21{margin:0;display:flex;align-items:center;justify-content:center;min-height:125px;padding:18px;font-size:15px;line-height:1.9;color:#718aad;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8ff;border-radius:13px}#publicMottoForm21 label{display:block;font-size:11px;color:#8b9dbb;margin:0 0 8px}#publicMottoForm21 textarea{resize:none;width:100%;box-sizing:border-box;border:1px solid #dce5f3;padding:10px;border-radius:10px;background:#f8faff;color:#6880a3;font:inherit;font-size:12px;line-height:1.6;height:67px}#publicMottoForm21>div{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:5px}#publicMottoForm21 small{font-size:9px;color:#9caec8}#publicMottoForm21 .btn{font-size:10px;min-height:29px;padding:7px 12px}#publicMottoStatus21{font-size:10px;color:#718fbb;margin:5px 0}.public-link21{cursor:pointer!important;color:inherit;background:none;border:0;padding:0;font:inherit}.public-link21:hover{text-decoration:underline;text-underline-offset:3px}.public-link21:focus-visible{outline:2px solid #849ddb;outline-offset:3px;border-radius:4px}.public-post-title21{border:0;padding:0;background:none;color:inherit;font:inherit;display:flex;gap:6px;text-align:left;width:100%;min-width:0}.public-post-title21>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-row9 .post-author9.public-link21{text-align:left}.public-stats21 b{font-variant-numeric:tabular-nums}
@media(max-width:600px){#modal:has(.public-profile21) .dialog-head{padding:13px 18px!important}.public-profile21{padding:0 17px 14px}.public-top21{grid-template-columns:98px minmax(0,1fr);gap:16px;margin:5px 0 23px}.public-art21{height:135px;border-radius:45px 45px 16px 16px}.public-art21>.cogo-avatar{width:100px!important;height:128px!important}.public-art21>span{font-size:8px;padding:3px 7px;white-space:nowrap}.public-identity21 h2{font-size:22px;margin:8px 0}.public-identity21 .eyebrow{font-size:8px;letter-spacing:.8px}.public-primary-group21{font-size:9px;margin-bottom:9px}.public-identity21 blockquote{font-size:10px;padding:7px 9px;margin-bottom:9px;line-height:1.6;max-height:47px}.public-level21{gap:5px;flex-wrap:wrap}.public-level21 small{font-size:8px}.public-stats21{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 10px}.public-stats21 article{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.public-stats21 span{font-size:10px}.public-stats21 b{font-size:23px}.public-stats21 small{font-size:9px}.public-pane21{height:173px}.public-tabs21{margin-bottom:15px}.public-tabs21 button{font-size:10px}.public-footer21{font-size:8px;padding-top:10px}.public-footer21 button{font-size:9px}.public-footnote21{font-size:8px}}
@media(max-height:580px){#modal:has(.public-profile21){width:min(690px,calc(100vw - 20px))!important}#modal:has(.public-profile21) .dialog-head{padding:8px 18px!important}.public-profile21{padding:0 18px 10px;display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:20px}.public-top21{grid-column:1;grid-row:1/4;grid-template-columns:78px minmax(0,1fr);gap:12px;margin:0}.public-art21{height:125px}.public-art21>.cogo-avatar{width:84px!important;height:114px!important}.public-identity21 h2{font-size:18px}.public-identity21 blockquote{font-size:9px}.public-identity21 .eyebrow{font-size:8px}.public-primary-group21{font-size:9px}.public-tabs21{grid-column:2;margin-bottom:9px}.public-tabs21 button{font-size:9px;padding:7px 1px}.public-pane21{grid-column:2;height:145px}.public-stats21{grid-template-columns:1fr 1fr;gap:7px;padding:0 0 8px}.public-stats21 article{padding:8px 10px;display:flex;gap:6px;align-items:center;justify-content:space-between}.public-stats21 b{font-size:20px}.public-stats21 span{font-size:9px}.public-footnote21{font-size:8px}.public-footer21{grid-column:1/-1;padding-top:8px}.public-groups21{height:118px;gap:4px}.public-groups21 article{height:36px}.public-groups21 article small{font-size:8px}.public-message21{min-height:110px;font-size:12px;padding:10px}#publicMottoForm21 label{font-size:9px}#publicMottoForm21 textarea{height:49px}#publicMottoForm21>div{margin-top:5px}#publicMottoForm21 small{font-size:8px}.public-level21{flex-wrap:wrap}.public-level21 small{font-size:8px}}
@media(max-width:440px) and (max-height:580px){.public-profile21{display:block}.public-top21{grid-template-columns:72px minmax(0,1fr);margin-bottom:15px}.public-art21{height:88px}.public-art21>.cogo-avatar{height:83px!important;width:73px!important}.public-identity21 blockquote{display:none}.public-primary-group21{margin-bottom:5px}.public-pane21{height:143px}.public-footer21{margin-top:7px}.public-tabs21{margin-bottom:10px}}
@media(prefers-reduced-motion:no-preference){.public-profile21{animation:public-appear21 .25s ease-out}@keyframes public-appear21{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
#modal:has(.public-profile21)>.dialog-head .icon-btn{width:32px;height:32px;min-height:32px;padding:7px}.public-profile21{box-sizing:border-box;line-height:1.5}.public-footer21{min-height:28px;box-sizing:border-box}.public-identity21 .eyebrow,.public-primary-group21,.public-stats21 span,.public-tabs21 button,.public-footer21,.public-footnote21{color:#7085a3}.public-stats21 b{color:#536d92}.public-identity21 blockquote{color:#627da6}.public-pane21{overflow:visible}.public-top21 .cogo-avatar{isolation:isolate}

.live22{--live-ink:#19332e;--live-green:#157b61;color:var(--live-ink)}
.live-hero22{position:relative;overflow:hidden;border-radius:26px;padding:36px;background:#eaf4ed;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}.live-hero22 h1{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-1.6px;margin:12px 0}.live-hero22 p{max-width:470px;line-height:1.7;color:#567168}.live-hero22 .eyebrow{color:#247757;letter-spacing:2px}.live-orbit22{position:relative;background:#214c40;color:white;border:8px solid #fff9;border-radius:22px;padding:24px;min-height:216px;transform:rotate(-2deg);box-shadow:0 18px 30px #19483319}.live-orbit22 strong{font-size:30px;display:block;font-family:monospace;margin:22px 0}.live-orbit22 small{color:#b2d9c6}.live-orbit22 span{display:inline-block;border-radius:12px;padding:7px 12px;background:#e9dba5;color:#30463c;transform:rotate(5deg);float:right}.live-status22{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:14px 18px;background:#fff;border:1px solid #e1e9e4;border-radius:16px}.live-status22 p{flex:1;margin:0;font-size:13px;color:#62766d;min-width:150px}.live22 .btn{background:#19765c}.live22 .btn.outline{color:#19765c;background:#fff;border:1px solid #a9c9b9}.live-plans22{display:flex;gap:10px;margin:18px 0}.live-plans22 span{font-size:12px;background:#fff;border:1px solid #dae7df;border-radius:12px;padding:10px 14px}.live-list22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.live-card22{padding:22px;background:#fff;border:1px solid #e0e7e2;border-radius:20px}.live-card22 h3{font-size:20px;margin:18px 0 10px;overflow-wrap:anywhere}.live-card22 p{color:#718077;font-size:13px}.live-card22 footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ed;padding-top:16px}.live-empty22{grid-column:1/-1;text-align:center;padding:38px;border:1px dashed #b8cbbf;border-radius:20px}.live-form22{display:grid;gap:14px}.live-form22 label{display:grid;gap:7px;font-size:13px}.live-form22 input,.live-form22 select{width:100%;border:1px solid #c7d8cd;border-radius:10px;padding:12px}.live-form22 small{line-height:1.7;color:#61756b}.live-create-actions22{display:flex;gap:8px;flex-wrap:wrap}.live-footnote22{font-size:12px;color:#77867c;line-height:1.7;margin-top:18px}
#liveRoom22{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;margin:0;background:#eef2ef;color:#203b31;overflow:hidden;border-radius:0;font-family:inherit}#liveRoom22::backdrop{background:#11271f}.live-shell22{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.live-room-head22{display:flex;align-items:center;gap:18px;padding:14px 22px;background:white;border-bottom:1px solid #dce5de;min-width:0}.live-room-head22 .live-logo22{font-size:24px;font-weight:900;letter-spacing:-1px;color:#13745a}.live-room-heading22{flex:1;min-width:0}.live-room-heading22 h2{font-size:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room-heading22 small{font-size:11px;color:#718479}.live-pill22{display:inline-flex;align-items:center;gap:5px;font-size:11px;border-radius:20px;padding:7px 11px;background:#e8efeb;white-space:nowrap}.live-pill22.on{background:#dcf5e6;color:#116449}.live-pill22.record{background:#fff0ef;color:#b62a32}.live-pill22.record:before{content:'';background:#d73945;width:7px;height:7px;border-radius:50%;animation:livePulse22 1.5s ease infinite}.live-room-body22{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:16px;min-height:0}.live-stage22{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.live-board-toolbar22{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.live-board-toolbar22 button,.live-panel-tabs22 button,.live-control22,.live-small22{border:1px solid #d7e2da;border-radius:10px;background:#fff;color:#36564a;font:inherit;font-size:12px;padding:9px 11px;cursor:pointer}.live-board-toolbar22 button[aria-pressed=true],.live-panel-tabs22 button.active{color:white;background:#245e4c;border-color:#245e4c}.live-board-toolbar22 input[type=color]{width:32px;height:32px;padding:2px;border:1px solid #d1dcd3;border-radius:8px;background:#fff}.live-board-toolbar22 select{border:1px solid #d7e2da;border-radius:8px;padding:8px;background:white;max-width:100px}.live-board-wrap22{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#dce6df;border:1px solid #cdd9d0;border-radius:16px;overflow:hidden}.live-board-wrap22 canvas{display:block;width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:crosshair}.live-board-wrap22 video{width:100%;height:100%;object-fit:contain}.live-board-bottom22{font-size:11px;color:#74867b;display:flex;justify-content:space-between;gap:10px;min-height:16px}.live-panel22{min-height:0;background:#fff;border:1px solid #dae5dd;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.live-panel-tabs22{display:flex;gap:4px}.live-panel-tabs22 button{flex:1}.live-panel-heading22{display:flex;justify-content:space-between;align-items:center;font-size:13px}.live-panel-heading22 small{color:#6a8173;font-size:11px}.live-people22{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start;min-height:0;flex:1}.live-person22{min-width:0;border-radius:12px;background:#eef3ee;border:1px solid #dfe8df;position:relative;overflow:hidden;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center}.live-person22>button{width:100%;height:100%;border:0;padding:0;background:none;position:absolute;inset:0;cursor:pointer;color:#6e8678}.live-person22 video{width:100%;height:100%;object-fit:cover}.live-person22 .initial22{font-size:24px;font-weight:600;color:#819a89}.live-person-label22{position:absolute;bottom:0;left:0;right:0;padding:5px 7px;font-size:10px;background:#163d2bdd;color:#fff;display:flex;justify-content:space-between;gap:5px;pointer-events:none}.live-person-label22 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-people22.many{grid-template-columns:repeat(4,minmax(0,1fr))}.live-people22.many .initial22{font-size:17px}.live-people22.many .live-person-label22{font-size:9px;padding:3px}.live-wait22{display:flex;flex-direction:column;gap:7px;font-size:12px}.live-wait-row22{display:flex;align-items:center;gap:5px;min-width:0}.live-wait-row22 span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-wait-row22 button{padding:5px 8px}.live-code22{flex:1;display:none;min-height:0;flex-direction:column;gap:10px}.live-code22 textarea{flex:1;width:100%;min-height:100px;resize:none;border:1px solid #d1dfd6;border-radius:10px;background:#172d25;color:#e4f8eb;padding:14px;font-family:monospace;line-height:1.6;font-size:12px;tab-size:4}.live-code22 small{font-size:11px;color:#6b8073;line-height:1.6}.live-room-controls22{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px;background:#fff;border-top:1px solid #dce5df}.live-control22{display:flex;align-items:center;gap:7px;font-size:12px;min-height:40px}.live-control22.on{background:#e0f3e9;border-color:#5ea286;color:#0c6045}.live-control22.danger{background:#b54548;color:#fff;border-color:#b54548}.live-control22.recording{background:#ffe8e8;border-color:#dc9b9b;color:#a72431}.live-control22 svg{width:18px;height:18px}.live-session-hint22{font-size:11px;line-height:1.6;color:#768879;margin:0}.live-alert22{background:#fff0cd;border-radius:9px;padding:10px;font-size:12px;line-height:1.5}.live-preview22{width:100%;aspect-ratio:16/9;background:#172d25;border-radius:12px;object-fit:contain}.live-modal22{padding:22px;max-width:500px;width:calc(100vw - 28px);border:0;border-radius:20px;background:#fff;color:#234234;font-family:inherit}.live-modal22::backdrop{background:#0c261ec9}.live-modal22 h2{font-size:22px;margin:0 0 14px}.live-modal22 p{font-size:13px;color:#687c70;line-height:1.7}.live-modal22 .live-create-actions22 button{flex:1}.live-modal22 video{width:100%;max-height:50vh;object-fit:contain;background:#102b21;border-radius:14px}.live-modal22 button:disabled,.live22 button:disabled,#liveRoom22 button:disabled{opacity:.45;cursor:not-allowed}.live-large22{max-width:800px}.live-manage22{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.live-page22{display:flex;justify-content:center;gap:8px;align-items:center;font-size:11px}.live-gallery22 .live-room-body22{grid-template-columns:1fr}.live-gallery22 .live-stage22{display:none}.live-gallery22 .live-people22{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.live-gallery22 .live-person22{aspect-ratio:auto}.live-gallery22 .live-person-label22{font-size:13px;padding:8px}.live-gallery22 .live-people22 .initial22{font-size:40px}.live-gallery22 .live-panel22{min-height:0}.live-mask-hint22{font-size:11px;background:#fff5db;padding:7px 10px;border-radius:8px;display:none}.live-record-ready22{display:none}.live-room-controls22 .live-record-ready22{display:none}.live-question22{display:none;gap:8px;align-items:center;font-size:12px}.live-question22 select{min-width:0;flex:1;padding:8px;border:1px solid #bccfc1;border-radius:8px}.live-room-head22 button{flex:none}.live-device-note22{font-size:11px;color:#7b8b80}.live-notice-button22{color:#137458;font-weight:700}
@keyframes livePulse22{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.live-pill22.record:before{animation:none}}
@media(max-width:1100px){.live-room-body22{grid-template-columns:minmax(0,1fr) 260px;gap:10px;padding:10px}.live-hero22{padding:26px}.live-room-head22{padding:11px 14px}.live-control22{padding:9px}.live-list22{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.live-hero22{grid-template-columns:1fr;padding:24px}.live-orbit22{display:none}.live-list22{grid-template-columns:1fr}.live-room-head22{gap:8px;padding:10px}.live-room-head22 .live-logo22{font-size:18px}.live-room-heading22 h2{font-size:14px}.live-room-heading22 small{font-size:10px}.live-room-body22{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 155px;gap:8px;padding:8px}.live-panel22{padding:8px;gap:5px}.live-panel-tabs22{position:absolute;right:17px;margin-top:0;z-index:2}.live-panel-tabs22 button{font-size:10px;padding:4px 7px}.live-panel-heading22{min-height:25px;font-size:11px;padding-right:150px}.live-people22,.live-people22.many{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:hidden}.live-person22{aspect-ratio:auto;min-height:65px}.live-wait22{display:none}.live-board-toolbar22{gap:3px}.live-board-toolbar22 button{padding:7px 8px;font-size:11px}.live-board-toolbar22 select{max-width:70px;font-size:11px;padding:6px}.live-board-bottom22{font-size:10px}.live-session-hint22{display:none}.live-room-controls22{padding:8px 6px;gap:5px}.live-control22{font-size:10px;padding:7px 8px;gap:4px;min-height:36px}.live-control22 svg{width:15px;height:15px}.live-code22 textarea{padding:8px;min-height:70px}.live-code22 small{display:none}.live-pill22{font-size:10px;padding:5px 8px}.live-pill22.live-privacy22{display:none}.live-gallery22 .live-room-body22{grid-template-rows:1fr}.live-gallery22 .live-people22{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.live-gallery22 .live-person-label22{font-size:11px}.live-question22{font-size:10px}.live-mask-hint22{font-size:10px;padding:4px 6px}}
@media(max-height:540px){.live-room-head22{padding:7px 12px}.live-room-controls22{padding:6px}.live-room-body22{grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:minmax(0,1fr)}.live-panel-tabs22{position:static}.live-panel-heading22{padding-right:0}.live-room-heading22 small,.live-board-bottom22,.live-session-hint22{display:none}.live-board-toolbar22 button{padding:5px 7px}.live-board-toolbar22{gap:3px}.live-people22,.live-people22.many{grid-template-columns:repeat(2,minmax(0,1fr))}.live-person22{min-height:40px}.live-gallery22 .live-people22{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}}

#liveRoom22[open],.live-modal22[open]{opacity:1;transform:none;animation:none}#liveRoom22 [hidden],.live-modal22 [hidden]{display:none!important}#liveRoom22 .live-people22{overflow:hidden}

.live-mobile-only22{display:none!important}
@media(max-width:760px){
.live-mobile-only22{display:inline-flex!important}
.live-board-toolbar22>[data-tool22],.live-board-toolbar22>#liveColor22,.live-board-toolbar22>#liveWidth22,.live-board-toolbar22>[data-room22="undo"],.live-board-toolbar22>[data-room22="redo"],.live-board-toolbar22>[data-room22="page"],.live-board-toolbar22>[data-room22="previous"],.live-board-toolbar22>[data-room22="next"]{display:none}
.live-room-controls22>[data-room22="pause"],.live-room-controls22>[data-room22="gallery"],.live-room-controls22>[data-room22="waiting"],.live-room-controls22>[data-room22="mute-all"],.live-room-controls22>[data-room22="lock"]{display:none}
.live-room-body22{grid-template-rows:minmax(0,1fr) 145px}.live-panel-heading22 small{display:none}.live-panel-heading22{padding-right:120px;white-space:nowrap}.live-person22{min-height:54px}.live-page22 .live-small22{padding:5px 9px}.live-board-toolbar22>span{display:none}.live-board-toolbar22{justify-content:flex-start}.live-board-toolbar22 button{padding:7px 7px}.live-room-heading22 small{font-size:9px}.live-room-head22{padding:9px}.live-board-bottom22{white-space:nowrap;overflow:hidden}.live-board-bottom22 #liveHint22{overflow:hidden;text-overflow:ellipsis}.live-board-bottom22 #livePage22{display:none}
}
@media(max-height:540px){.live-room-body22{grid-template-rows:minmax(0,1fr)}}

/* COGO v23 — calm editorial guide, persistent scenes, clear personal records. */
body.tutor-hidden .tutor{visibility:hidden}body:not(.tutor-hidden) .tutor{visibility:visible}
@media(max-width:760px){body .shell,body:not(.nav-collapsed) .shell,body.nav-collapsed:not(.nav-peeking) .shell{margin-left:0!important;margin-right:0!important;min-width:0;width:100%}body:not(.nav-peeking) .sidebar{transform:translateX(-105%)!important}body.nav-peeking .sidebar{transform:translateX(0)!important}body #sidebarHandle10{display:none!important}body .content{max-width:100%;box-sizing:border-box}body{overflow-x:clip}}
.guide23{--g-ink:#182443;--g-muted:#66738d;--g-line:#e0e5f0;--g-paper:#fff;--g-soft:#f4f6fc;--g-accent:#4d52df;color:var(--g-ink);width:100%;max-width:1500px;margin:auto;padding:4px 0 18px;min-height:0}
.guide23 button,.guide23 select{font:inherit}.guide23 button{cursor:pointer}.guide23 button:disabled{cursor:default;opacity:.35}.guide23 button:focus-visible{outline:3px solid #8d94ff;outline-offset:3px}.guide-top23{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:8px 0 26px}.guide-eyebrow23{font-size:10px;letter-spacing:2.1px;font-weight:800;color:var(--g-accent)}.guide-top23 h1{font-size:clamp(24px,2.4vw,36px);letter-spacing:-1.6px;line-height:1.3;margin:8px 0}.guide-top23 p{font-size:13px;color:var(--g-muted);margin:0}.guide-audience23{display:flex;gap:4px;padding:5px;border:1px solid var(--g-line);border-radius:13px;background:var(--g-paper);flex-shrink:0}.guide-audience23 button{border:0;background:none;padding:10px 17px;border-radius:9px;color:var(--g-muted);font-size:12px;font-weight:700}.guide-audience23 [aria-pressed=true]{color:white;background:#222c4a;box-shadow:0 3px 7px #13204220}.guide-topics23{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--g-line);margin-bottom:27px;gap:5px}.guide-topics23 button{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--g-muted);font-size:12px;font-weight:650;background:none;border:0;border-bottom:2px solid transparent;padding:17px 4px;line-height:1.5}.guide-topics23 button>span{font-size:10px;color:#8791ab;font-variant-numeric:tabular-nums}.guide-topics23 [aria-current=step]{color:var(--g-accent);border-bottom-color:var(--g-accent)}.guide-topics23 [aria-current=step]>span{color:var(--g-accent)}
.guide-body23{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);gap:clamp(24px,3vw,52px);align-items:start}.guide-story23{padding:20px 0 8px}.guide-chapter23{display:inline-block;font-size:10px;letter-spacing:2px;font-weight:800;color:var(--g-accent);margin-bottom:13px}.guide-story23 h2{font-size:clamp(27px,2.9vw,42px);font-weight:800;letter-spacing:-1.8px;line-height:1.28;margin:0 0 18px}.guide-story23>p{font-size:13px;color:var(--g-muted);line-height:1.95;max-width:400px;margin:0 0 27px}.guide-step-list23{display:grid;gap:8px;position:relative;margin-bottom:26px}.guide-step-list23 button{border:1px solid transparent;background:none;text-align:left;display:flex;align-items:center;gap:12px;border-radius:12px;padding:11px 12px;color:var(--g-muted);transition:background .25s,border-color .25s}.guide-step-list23 button>span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid var(--g-line);background:var(--g-paper);border-radius:50%;font-size:11px;font-weight:700}.guide-step-list23 b{font-size:12px;line-height:1.6;font-weight:600}.guide-step-list23 [aria-current=step]{background:var(--g-paper);border-color:#cdd3ff;box-shadow:0 5px 22px #28316c07;color:var(--g-accent)}.guide-step-list23 [aria-current=step]>span{color:white;border-color:var(--g-accent);background:var(--g-accent)}.guide-step-list23 .done23>span{color:#548976;background:#eaf4ee;border-color:#eaf4ee}.guide-story23 .guide-real23{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:350px;border-radius:12px;padding:14px 18px;background:var(--g-ink);color:white;font-size:12px}.guide-story23>small{display:block;color:var(--g-muted);font-size:10px;line-height:1.6;margin-top:12px}
.guide-player23{border:1px solid var(--g-line);border-radius:22px;overflow:hidden;background:var(--g-paper);box-shadow:0 18px 50px #283d690c}.guide-screen23{position:relative;padding:0 24px 22px;background:linear-gradient(140deg,#eef0ff,#f5f7fd 60%,#f3edf9);min-height:360px;isolation:isolate}.guide-screenbar23{height:44px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:9px;color:#69718c;letter-spacing:.5px}.guide-screenbar23>span{display:flex;gap:5px}.guide-screenbar23 i{width:6px;height:6px;border-radius:50%;background:#c6cce0}.guide-screenbar23 b{font-weight:600}.guide-screenbar23 em{font-style:normal;font-size:8px;border:1px solid #d9ddef;border-radius:4px;padding:3px 5px}.guide-scene23{position:relative;max-width:630px;margin:auto;min-height:310px;display:grid;align-items:center}.guide23 .mini-window20{width:100%;margin:0;transform:none!important;border:1px solid #e2e5f0;box-shadow:0 12px 26px #212d5710;border-radius:14px;max-width:none;min-height:300px;background:white;box-sizing:border-box;color:#253352}.guide23 .mini-header20{border-bottom:1px solid #edf0f7;min-height:34px;padding:10px 15px;font-size:10px}.guide23 .mini-header20>span:last-child{display:none}.guide23 .mini-dots20{display:none}.guide23 .demo-quiz-copy20{padding:14px 24px}.guide23 .demo-quiz-copy20 h3{font-size:18px;margin:8px 0}.guide23 .fraction20{margin:9px 0;font-size:32px;min-height:48px}.guide23 .demo-options20 button{min-height:40px;font-size:18px}.guide23 .demo-feedback20{min-height:31px;font-size:12px;margin:6px 0}.guide23 .demo-reveal20{min-height:55px;padding:10px 13px;font-size:12px}.guide23 .demo-reveal20 small{font-size:11px}.guide23 .demo-primary20{font-size:12px;min-height:36px;padding:9px 13px;margin-top:10px}.guide23 .subject-orbit20{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:17px 20px}.guide23 .subject-orbit20 button{min-height:68px;padding:9px 4px;border-radius:10px}.guide23 .subject-orbit20 button>span{font-size:24px}.guide23 .subject-orbit20 button>b{font-size:11px}.guide23 .demo-selection20{margin:0 18px 16px;padding:11px;min-height:50px}.guide23 .demo-selection20 b{font-size:12px}.guide23 .demo-selection20 small{font-size:9px}.guide23 .word-demo20{padding-bottom:12px}.guide23 .demo-word-top20{padding:13px 18px;font-size:11px}.guide23 .demo-word20{height:110px;min-height:110px;padding:12px}.guide23 .demo-word20>b{font-size:40px}.guide23 .demo-word-options20{padding:0 15px}.guide23 .demo-word-options20 button{padding:11px 6px;font-size:12px}.guide23 .mastered20{padding:13px 18px 0;gap:7px}.guide23 .demo-hint20{font-size:10px;margin:12px 16px 0}.guide23 .growth-demo-grid20{grid-template-columns:1fr .75fr;padding:12px;gap:16px}.guide23 .growth-demo-grid20 svg{max-height:220px;width:100%}.guide23 .growth-factors20 span{font-size:11px;padding:9px}.guide23 .growth-demo20{padding-bottom:15px}.guide23 .growth-demo20>.demo-primary20{margin:0 16px;width:calc(100% - 32px)}.guide23 .avatar-demo-stage20{height:227px;min-height:0;overflow:hidden}.guide23 .avatar-demo-stage20 .cogo-avatar{height:215px!important;width:200px!important;animation:none!important}.guide23 .avatar-count20{display:none}.guide23 .demo-style20{padding:8px 15px 14px}.guide23 .demo-style20 button{font-size:11px;min-height:34px}.guide23 .class-flow20{padding:14px 18px;gap:7px}.guide23 .class-flow20 b{font-size:13px}.guide23 .teacher-demo-title20{padding:16px 18px 0}.guide23 .teacher-demo-title20 h3{font-size:19px;margin:7px 0}.guide23 .teacher-demo-title20 p{font-size:12px}.guide23 .teacher-demo-title20>span{width:35px;height:35px}.guide23 .teacher-demo-title20~.demo-primary20{margin:10px 18px 16px;width:calc(100% - 36px)}.guide23 .student-demo20{padding:18px}.guide23 .student-stats20 b{font-size:23px}.guide23 .teacher-insight20{padding:12px;margin:13px 0}.guide23 .teacher-insight20 p{font-size:11px}.guide23 .insight-bars20{gap:8px}.guide23 .assignment-demo20,.guide23 .contest-demo20{padding:17px}.guide23 .contest-ticket20 h3{font-size:22px}.guide23 .journey-lead20{padding:18px}.guide23 .journey-lead20 img{max-height:105px}.guide23 .journey-lead20 h3{font-size:26px}.guide23 .journey-links20{padding:0 18px 18px}.guide23 .journey-links20 button{padding:12px}.guide23 .guide-plans20{gap:8px;padding:18px}.guide23 .guide-plans20>div{padding:14px 9px}.guide23 .guide-plans20 strong{font-size:21px}.guide23 .guide-plans20 span{font-size:10px}
.guide23 .guide-focus23{outline:2px solid #7279ef!important;outline-offset:4px;border-radius:8px;transition:outline-color .25s}.guide-pointer23{position:absolute;z-index:10;width:28px;height:34px;filter:drop-shadow(0 3px 3px #22326636);pointer-events:none;transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1)}.guide-pointer23 svg{width:100%;height:100%}.guide23 .guide-scene23 *{animation:none!important}.guide23 .guide-scene23 .radar-demo20{transition:all .5s ease}.guide-caption23{padding:19px 24px 16px;min-height:127px;box-sizing:border-box;border-top:1px solid var(--g-line)}.guide-caption-tag23{font-size:9px;letter-spacing:1px;font-weight:700;color:var(--g-accent)}.guide-caption23 h3{margin:6px 0 7px;line-height:1.45;font-size:19px;letter-spacing:-.5px}.guide-caption23 p{font-size:12px;line-height:1.75;color:var(--g-muted);margin:0;min-height:42px}.guide-playbar23{display:flex;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid var(--g-line)}.guide-playbar23 button{border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--g-soft);color:var(--g-ink);height:35px;padding:0 11px}.guide-playbar23 .guide-play23{gap:7px;background:#4d52df;color:white;font-size:11px;font-weight:700;min-width:109px}.guide-play23 svg{width:14px;height:14px}.guide-transport23{display:flex;align-items:center;gap:8px}.guide-transport23 button{font-size:20px;width:30px}.guide-counter23{font-size:11px;color:var(--g-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.guide-speed23{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10px;color:var(--g-muted)}.guide-speed23 select{border:0;background:var(--g-soft);color:var(--g-ink);font-size:11px;border-radius:7px;padding:8px 4px;max-width:83px}.guide-replay23 svg{width:16px;height:16px}.guide-end23{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding-top:17px;border-top:1px solid var(--g-line)}.guide-end23 span{font-size:11px;color:var(--g-muted)}.guide-end23 button{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--g-accent);font-weight:700;font-size:12px}
.history-card23{font:inherit;text-align:left;cursor:pointer;width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:12px;background:var(--card,#fff);transition:transform .2s,border-color .2s,box-shadow .2s}.history-card23:hover{transform:translateY(-3px);border-color:#8b97ec;box-shadow:0 9px 20px #30408010}.history-card23>span{display:grid;gap:7px}.history-card23>span>small{display:flex;align-items:center;gap:7px;font-size:9px;color:#7889af}.history-card23>span>small svg{width:11px;height:11px}.history-card23:focus-visible{outline:3px solid #818bf3;outline-offset:2px}.history-modal23{color:#263350;background:#fff;border:1px solid #e2e7f1;border-radius:22px;width:min(780px,calc(100vw - 28px));max-width:780px;max-height:calc(100dvh - 24px);padding:0;overflow:hidden;box-shadow:0 30px 110px #15213c40;margin:auto}.history-modal23::backdrop{background:#14234077;backdrop-filter:blur(7px)}.history-modal23>header{padding:23px 27px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px}.history-modal23>header span{font-size:9px;letter-spacing:1.7px;color:#707aa9;font-weight:700}.history-modal23 h2{font-size:24px;letter-spacing:-.8px;margin:8px 0 0}.history-modal23>header>button{border:1px solid #e3e8f2;background:#f8f9fd;border-radius:11px;padding:8px;width:35px;height:35px;color:#55617d}.history-modal23 button:focus-visible{outline:3px solid #818bf3;outline-offset:2px}#historyBody23{padding:0 27px 18px}.history-tabs23{display:flex;padding:4px;background:#f1f3fa;border-radius:11px;gap:4px}.history-tabs23 button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;padding:11px 5px;border-radius:8px;background:none;font-size:12px;color:#687592}.history-tabs23 b{font-size:10px;border-radius:5px;padding:2px 5px;background:#e5e9f4}.history-tabs23 [aria-pressed=true]{background:#fff;color:#4d52df;box-shadow:0 2px 7px #303c6610}.history-note23{font-size:11px;color:#73809b;line-height:1.7;margin:13px 0}.history-filters23{display:flex;gap:9px;margin-bottom:10px}.history-filters23 label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:9px 12px;border:1px solid #dfe5ef;border-radius:10px}.history-filters23 svg{width:16px;height:16px;color:#8190ac}.history-filters23 input{font:inherit;font-size:12px;border:0;outline:0;min-width:0;width:100%;background:transparent;color:inherit}.history-filters23 select{font:inherit;font-size:11px;border:1px solid #dfe5ef;background:#fff;padding:9px;border-radius:10px;color:#536181;max-width:125px}.history-row23{width:100%;display:flex;align-items:center;gap:12px;padding:13px 4px;border:0;border-bottom:1px solid #edf0f6;background:none;text-align:left;color:#283957;font:inherit;min-height:66px}.history-row23:hover{background:#f7f8fe}.history-status23{width:31px;height:31px;border-radius:10px;background:#fff2e6;color:#ad744a;display:grid;place-items:center;flex:none}.history-status23 svg{width:16px;height:16px}.history-status23.correct23{color:#3b8b71;background:#eaf6f0}.history-title23{flex:1;min-width:0;display:grid;gap:7px}.history-title23>b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-title23>small{font-size:10px;color:#7c89a3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-result23{font-size:10px;text-align:right;flex-shrink:0;color:#586a8d}.history-result23>small{display:block;font-size:9px;color:#8a95aa;margin-top:6px}.history-row23>.icon{width:15px;color:#9ba7bc}.history-pager23{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:10px;color:#7785a1}.history-pager23>div{display:flex;align-items:center;gap:12px}.history-pager23 button{width:29px;height:29px;border:1px solid #e4e9f1;border-radius:8px;background:#fff;color:#607194;font-size:19px}.history-pager23 button:disabled{opacity:.3}.history-empty23{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;color:#7a88a3}.history-empty23>.icon{width:30px;height:30px;color:#9ba6d3}.history-empty23 b{font-size:13px}.history-empty23 p{font-size:11px;margin:0}.history-empty23 button{color:#4d52df;border:0;background:#eff1ff;border-radius:8px;padding:8px 13px;font-size:11px}.history-back23{border:0;background:#f3f5fb;color:#627399;border-radius:8px;padding:9px 12px;font-size:11px}.history-detail-head23{padding:18px 0 12px}.history-detail-head23>span{font-size:10px;color:#665dd8}.history-detail-head23 h3{font-size:21px;line-height:1.5;margin:8px 0}.history-detail-head23>p{font-size:11px;color:#8190a9}.history-question23{border:1px solid #e3e8f2;border-radius:13px;background:#fafbff;padding:18px 20px;max-height:calc(100dvh - 370px);min-height:80px;overflow:auto;font-size:14px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap}.history-question23 p{margin:0 0 12px}.history-question23 ol{padding-left:25px}.history-question23 blockquote{margin:0 0 17px;border-left:3px solid #b8c2ec;padding:10px 14px;background:#f0f3fc}.history-detail23>footer{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-top:16px}.history-detail23>footer span{font-size:10px;color:#8190a9}.history-detail23>footer .btn{font-size:11px;flex-shrink:0}
.item-trash18 .icon{width:16px;height:16px}.item-trash18:disabled{opacity:.3;cursor:not-allowed}.motto-edit23{border:0;background:none;color:#6478b3;font-size:9px;padding:0;margin:-4px 0 8px;display:block;cursor:pointer}#mottoEdit23 label{display:grid;gap:10px;font-size:13px}#mottoEdit23 textarea{width:100%;font:inherit;line-height:1.7;padding:13px;border:1px solid #dbe2ef;border-radius:12px;resize:none;background:#f8faff;color:#334b70}.badge-shelf-head23{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6b7f9f;margin:0 0 8px}.badge-shelf-head23>b{color:#405679;font-size:12px}.badge-shelf23{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.badge-shelf23 article{display:grid;justify-items:center;gap:4px;padding:4px;background:#f7f9fe;border:1px solid #eef1f8;border-radius:10px;min-width:0}.badge-shelf23 .badge-picture9{width:44px!important;height:44px!important;flex:none}.badge-shelf23 article>b{font-size:9px;font-weight:500;color:#536a92;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-empty23{grid-column:1/-1;display:grid;justify-items:center;align-content:center;gap:10px;min-height:110px;font-size:11px;color:#7b8daa}.badge-empty23 .icon{width:28px;height:28px;color:#9dacce}.badge-empty23 p{margin:0;text-align:center;line-height:1.7}.badge-pager23{display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;margin-top:6px}.badge-pager23 button{border:1px solid #e2e8f5;background:#fff;color:#6b80a9;width:22px;height:22px;border-radius:6px}.badge-pager23 button:disabled{opacity:.3}.public-profile21 .public-pane21:has(.profile-badges23){height:193px}.public-profile21 .public-identity21 h2{color:#263d65}.public-profile21 .public-tabs21 button{color:#657da3}
@media(min-width:1100px) and (max-height:820px){.guide-top23{padding-bottom:16px}.guide-topics23{margin-bottom:16px}.guide-story23{padding-top:9px}.guide-story23 h2{font-size:30px}.guide-story23>p{margin-bottom:15px}.guide-step-list23{gap:3px;margin-bottom:16px}.guide-step-list23 button{padding:8px}.guide-screen23{min-height:320px}.guide-scene23{min-height:270px}.guide23 .mini-window20{min-height:270px}.guide-caption23{min-height:115px;padding:14px 20px}.guide-caption23 h3{font-size:17px}.guide-end23{margin-top:16px}}
@media(max-width:1000px){.guide-body23{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:22px}.guide-story23 h2{font-size:29px}.guide-topics23 button{font-size:10px;gap:5px}.guide-screen23{padding:0 13px 14px}.guide-playbar23{padding:12px;gap:8px}.guide-speed23>span{display:none}.guide23 .guide-plans20 strong{font-size:17px}.guide23 .guide-plans20{padding:14px 9px}.guide-caption23{padding:16px}.guide-caption23 h3{font-size:17px}}
@media(max-width:760px){.guide-top23{display:block;padding:6px 0 15px}.guide-top23 h1{font-size:27px}.guide-top23 p{font-size:12px}.guide-audience23{display:inline-flex;margin-top:16px}.guide-audience23 button{padding:9px 18px}.guide-topics23{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:17px}.guide-topics23 button{padding:12px 3px;font-size:11px}.guide-body23{display:flex;flex-direction:column;gap:17px}.guide-story23{width:100%;padding:0}.guide-story23 h2{font-size:26px;line-height:1.3;margin-bottom:8px}.guide-story23 h2 br{display:none}.guide-chapter23{margin-bottom:8px}.guide-story23>p{font-size:12px;margin-bottom:14px;max-width:none;line-height:1.75}.guide-step-list23{display:none}.guide-story23 .guide-real23{display:inline-flex;max-width:none;width:auto;min-width:160px;padding:10px 15px;gap:20px}.guide-story23>small{font-size:9px}.guide-player23{width:100%;border-radius:16px}.guide-screen23{min-height:330px;padding:0 12px 15px}.guide-scene23{min-height:290px}.guide-caption23{padding:15px 17px;min-height:131px}.guide-caption23 h3{font-size:18px}.guide-caption23 p{font-size:12px}.guide-playbar23{padding:11px;gap:7px;flex-wrap:wrap}.guide-playbar23 .guide-play23{min-width:98px;font-size:11px}.guide-transport23{gap:5px}.guide-replay23{padding:0 8px!important}.guide-speed23 select{font-size:10px;max-width:70px}.guide-end23>span{font-size:10px;max-width:55%;line-height:1.6}.guide23 .subject-orbit20{padding:14px 12px;gap:8px}.guide23 .subject-orbit20 button{min-height:65px}.guide23 .class-flow20{padding:12px}.guide23 .class-flow20 b{font-size:11px}.guide23 .growth-demo-grid20{gap:7px}.guide23 .growth-factors20 span{padding:8px 6px;font-size:10px}.guide23 .growth-demo-grid20 svg{max-height:210px}.guide23 .journey-lead20 h3{font-size:22px}.guide23 .demo-quiz-copy20{padding:15px}.guide23 .guide-plans20 strong{font-size:18px}.guide23 .guide-plans20 span{font-size:9px}}
@media(max-width:600px){.history-modal23{border-radius:17px;width:calc(100vw - 20px)}.history-modal23>header{padding:18px 16px 14px}.history-modal23 h2{font-size:21px}#historyBody23{padding:0 16px 16px}.history-tabs23 button{font-size:10px;gap:4px;padding:10px 2px}.history-tabs23 b{padding:2px 4px;font-size:9px}.history-row23{gap:8px;min-height:80px}.history-row23>.icon{display:none}.history-status23{width:27px;height:27px}.history-title23>b{font-size:12px}.history-title23>small{font-size:9px}.history-result23{font-size:9px}.history-note23{font-size:10px}.history-filters23 select{max-width:100px;padding:9px 5px}.history-filters23 label{padding:9px}.history-filters23 input{font-size:11px}.history-detail23>footer{flex-direction:column;align-items:stretch}.history-detail23>footer .btn{width:100%}.history-question23{padding:13px;max-height:calc(100dvh - 360px);font-size:12px}.history-detail-head23 h3{font-size:18px}.badge-shelf23{grid-template-columns:repeat(3,1fr)}.badge-shelf23 .badge-picture9{width:39px!important;height:39px!important}.public-profile21 .public-pane21:has(.profile-badges23){height:188px}}
@media(max-width:350px){.guide-playbar23{gap:6px}.guide-speed23{margin-left:0}.guide-replay23{display:none}.guide-playbar23 .guide-play23{min-width:93px}.guide-transport23 button{width:25px}.guide-screenbar23 em{display:none}.guide23 .demo-style20 button{font-size:10px;padding:7px}.guide-top23 h1{font-size:24px}.history-tabs23 button{font-size:9px}.history-tabs23 b{font-size:8px}.history-status23{display:none}}
@media(max-height:580px){.history-modal23>header{padding:12px 17px 9px}.history-modal23 h2{font-size:19px;margin-top:4px}.history-modal23 .history-note23{margin:7px 0}.history-tabs23 button{padding:8px 3px}.history-pager23{margin-top:8px}.history-detail-head23{padding:8px 0}.history-detail-head23 h3{margin:5px 0}.history-question23{min-height:60px;max-height:calc(100dvh - 275px);padding:10px}.history-detail23>footer{padding-top:10px}.public-profile21 .public-pane21:has(.profile-badges23){height:153px}.badge-shelf23 .badge-picture9{width:29px!important;height:29px!important}.badge-shelf23 article{gap:2px;padding:3px}.badge-shelf-head23{margin-bottom:5px}.badge-shelf23 article>b{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.history-modal23[open]{animation:history-rise23 .24s cubic-bezier(.2,.8,.2,1)}@keyframes history-rise23{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.guide23 *,.history-card23{transition:none!important}.history-modal23[open]{animation:none!important}}
[data-theme=dark] .guide23{--g-ink:#eef1ff;--g-muted:#a8b4d0;--g-line:#323e58;--g-paper:#1c2840;--g-soft:#25324b;--g-accent:#adb0ff}[data-theme=dark] .guide-story23 .guide-real23{background:#7378ed;color:white}[data-theme=dark] .guide-screen23{background:linear-gradient(140deg,#293454,#263347)}[data-theme=dark] .guide-screenbar23{color:#bcc5e0}[data-theme=dark] .guide23 .mini-window20{background:#fff;color:#253352}[data-theme=dark] .guide23 .mini-window20{--ink:#253352;--muted:#66738d;--blue:#4d52df;--surface:#fff;--surface-soft:#f4f6fc;--line:#e0e5f0;color-scheme:light}[data-theme=dark] .guide-audience23 [aria-pressed=true]{background:#7278df}[data-theme=dark] .history-card23{background:#1d2943;border-color:#394764;color:#e9eeff}

@media(max-width:760px){.guide-player23{order:0;display:flex;flex-direction:column}.guide-story23{order:1}.guide-caption23{order:-2;border-bottom:1px solid var(--g-line);padding:18px}.guide-playbar23{order:-1;border-bottom:1px solid var(--g-line)}.guide-screen23{border-radius:0}.guide-top23 h1{font-size:26px}}

/* Shared scale: 8px gaps, 40px controls, 12px corners. */
:root{--control24:40px;--radius24:12px;--accent24:#5158d9;--accent-soft24:#eff0ff;--ink24:#223252;--muted24:#71809a;--line24:#e0e6f0}
.topbar{gap:20px!important}.topbar>.flex{gap:8px!important;align-items:center}.topbar-start{min-width:0;flex:1}.topbar .breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar :is(#coachButton6,.energy-pill15,#courseBell21,#xpHeader7,.coin,#accountButton7,#roleSwitch6){height:var(--control24)!important;min-height:var(--control24)!important;border:1px solid var(--line)!important;border-radius:var(--radius24)!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:none!important;box-sizing:border-box;font-family:inherit;transition:background .18s,border-color .18s}
.topbar :is(#coachButton6,.energy-pill15,#courseBell21,#xpHeader7,.coin,#accountButton7):hover{background:var(--surface-soft)!important;border-color:#bcc7e2!important}
.topbar button:focus-visible{outline:3px solid #a5acec;outline-offset:3px}.topbar :is(#coachButton6,#courseBell21){width:40px!important;min-width:40px!important;padding:9px!important;position:relative;color:var(--muted)!important;flex:none}
.topbar .icon{width:19px;height:19px;stroke-width:1.7}.topbar .role-switch6{margin:0;gap:8px}.topbar .role-switch6>span{font-size:10px;color:var(--muted)}.topbar #roleSwitch6{padding:0 26px 0 12px;font-size:12px;min-width:80px}
#coachButton6 [data-coach-symbol24]{display:grid;place-items:center}#coachButton6 .coach-dot6{display:none}#coachButton6.has-clock{width:auto!important;min-width:65px!important;padding:0 10px!important}#coachButton6.has-clock [data-coach-symbol24]{display:none}#coachClock6{font-size:12px!important;font-weight:700;font-variant-numeric:tabular-nums}#coachClock6[hidden]{display:none!important}
.topbar #courseBell21>b:not(:empty){position:absolute;right:-4px;top:-5px;min-width:15px;height:15px;display:grid;place-items:center;padding:1px 4px;border-radius:10px;background:#5158d9;color:white;font-size:8px;border:2px solid var(--surface)}
.topbar .energy-pill15{gap:6px;padding:0 10px!important;min-width:65px;justify-content:center}.topbar .energy-pill15>span{display:flex;color:#a77f30}.topbar .energy-pill15 b{font-size:12px}.topbar .energy-pill15 small{font-size:10px;color:var(--muted)}
.topbar #xpHeader7{padding:5px 10px;gap:9px;min-width:112px}.topbar .xp-level7{font-size:12px;color:#5b65c7}.topbar .xp-header-detail7>b{font-size:10px;margin-bottom:3px}.topbar .xp-header-detail7 small{font-size:8px}.topbar .xp-track7{height:3px}.topbar .coin{display:flex;gap:7px;padding:0 11px;font-size:12px;min-width:65px;justify-content:center}.topbar .coin-circle{width:20px;height:20px;font-size:10px;background:#f9efce;border:1px solid #e9d899;color:#917020;box-shadow:none}.topbar #accountButton7{padding:3px 10px 3px 5px;gap:7px;font-size:12px}.topbar #accountButton7>.icon{width:14px;height:14px;transform:none!important}.topbar #accountButton7 .profile-avatar{width:30px;height:30px;display:block!important}.topbar #accountButton7 .profile-avatar .cogo-avatar{width:55px;height:55px;transform:translate(-12px,-3px)}
.learning-stats .history-card23{min-height:64px!important;padding:14px 19px!important;border-radius:14px!important;align-items:center!important;text-align:left;gap:12px;font-family:inherit!important}.learning-stats .history-card23>span{font-size:13px!important;font-weight:600;color:var(--muted);display:flex!important;align-items:center;line-height:1.4}.learning-stats .history-card23>strong{font-size:27px!important;font-weight:750;line-height:1.2;letter-spacing:-.7px}.learning-stats .history-card23>strong>small{font-size:12px!important;font-weight:500;margin-left:5px;letter-spacing:0}.learning-stats .history-card23:hover{border-color:#a7b0e9;background:var(--surface-soft)}
.board-refine24{display:flex;align-items:center;gap:8px;flex:none;min-height:36px}.board-refine-label24{font-size:11px;color:var(--muted);font-weight:600;margin-right:4px}.board-refine24 .hide-solved21{position:relative;display:flex;margin:0;border:1px solid var(--line);background:var(--surface);color:var(--muted);gap:10px;height:34px;padding:0 11px;border-radius:9px;font-size:11px;cursor:pointer;flex:none}.board-refine24 .hide-solved21 input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.board-refine24 .hide-solved21>span{display:block;pointer-events:none}.filter-switch24{width:26px;height:15px;border-radius:12px;background:#dce2ee;position:relative;pointer-events:none;transition:background .18s}.filter-switch24:after{content:'';width:11px;height:11px;position:absolute;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #23315222;transition:transform .18s}.hide-solved21:has(input:checked){background:var(--blue-soft);color:var(--blue);border-color:#bfc7ee}.hide-solved21 input:checked~.filter-switch24{background:#6169da}.hide-solved21 input:checked~.filter-switch24:after{transform:translateX(11px)}.hide-solved21:has(input:focus-visible){outline:3px solid #aeb7f0;outline-offset:2px}.board-refine24 .board-saved{height:34px;border-radius:9px;font:inherit;font-size:11px;padding:0 10px;gap:6px}.board-refine24 .board-saved span{display:inline}.board-refine24 .board-reset{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;height:34px;min-height:34px;margin-left:auto;padding:0 8px;font-size:11px;color:var(--muted)}.board-refine24 .board-reset .icon{width:14px}.board-tools{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.board-tools .board-search input{background:var(--surface-soft);border-color:transparent}.board-filters select{background:var(--surface);font-family:inherit}.board-filters{flex:1}.board-filters>label{flex:1}.board-filters select{max-width:none;width:100%}.board-search{min-width:180px;flex:1.4}.board-heading h1{font-weight:750}.result-legend10{margin:0}.problem-board{gap:11px}
.rank-podium{border-radius:18px;padding:18px!important}.rank-podium .podium{gap:7px!important;margin:18px 0 0!important;align-items:end}.rank-podium .podium-person{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.rank-podium .podium-person>b{font-family:inherit!important;font-size:12px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.3px;color:var(--ink);max-width:100%;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-podium .podium-person>span{font-family:inherit;font-size:12px!important;line-height:1.4;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.rank-podium .podium-base{margin-top:3px!important;border-radius:11px 11px 5px 5px!important;width:100%;font-family:inherit!important;font-weight:750!important;font-size:21px!important;height:44px!important;display:grid;place-items:center;background:#eef1f8;color:#7788a6}.rank-podium .pos-1 .podium-base{height:54px!important;background:#fbf0cf;color:#a58336}.rank-podium .pos-2 .podium-base{background:#f3e9e2;color:#aa8264}.rank-podium .podium-person .cogo-avatar{width:80px!important;height:80px!important}.rank-podium>div>h3{font-size:14px;font-weight:700;letter-spacing:-.3px}.podium-goal10{border-color:var(--line)!important}

/* Guide: the scene alone scales to its available slot; controls and captions retain readable text. */
body[data-view=guide19] #main.content{display:flex!important;flex-direction:column;overflow:hidden!important;padding:18px 26px!important}
body[data-view=guide19] #main>.page{height:100%!important;max-height:100%;min-height:0!important;display:flex!important;flex-direction:column;gap:0!important;margin:0!important;max-width:1500px!important}
body[data-view=guide19] .footer9{display:none!important}
.guide23{flex:1;min-height:0;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:0!important;max-width:none}
.guide23 .guide-top23{padding:0!important;min-height:55px;gap:16px}.guide-top23 .guide-eyebrow23{font-size:9px;letter-spacing:1.7px}.guide23 .guide-top23 h1{font-size:clamp(22px,2vw,29px);line-height:1.2;margin:4px 0 0;letter-spacing:-1px}.guide-top23>div>p{display:none}.guide23 .guide-audience23{padding:4px;border-radius:11px;margin:0}.guide23 .guide-audience23 button{padding:8px 16px;font-size:11px}.guide23 .guide-topics23{margin:0;gap:3px}.guide23 .guide-topics23 button{font-size:11px;padding:11px 3px;gap:7px}.guide-picker24{display:none}
.guide23 .guide-body23{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.55fr);gap:clamp(20px,3vw,44px);min-height:0;height:100%;align-items:stretch}.guide23 .guide-story23{order:0;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:10px 0;gap:0}.guide23 .guide-chapter23{font-size:9px;margin-bottom:10px}.guide23 .guide-story23 h2{font-size:clamp(26px,2.65vw,38px);line-height:1.25;margin:0 0 14px;letter-spacing:-1.4px}.guide23 .guide-story23>p{font-size:12px;line-height:1.8;margin:0 0 16px}.guide23 .guide-step-list23{gap:4px;margin:0 0 17px;display:grid}.guide23 .guide-step-list23 button{padding:8px;gap:9px}.guide23 .guide-step-list23 button>span{width:23px;height:23px;flex-basis:23px;font-size:10px}.guide23 .guide-step-list23 b{font-size:11px;line-height:1.5}.guide23 .guide-real23{font-size:11px;padding:11px 15px;min-height:40px;border-radius:10px}.guide23 .guide-story23>small{font-size:9px;margin-top:9px}
.guide23 .guide-player23{order:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0;height:100%;border-radius:19px}.guide23 .guide-screen23{order:0;min-height:0;padding:0 18px 13px;display:flex;flex-direction:column;overflow:hidden;border-radius:0}.guide23 .guide-screenbar23{height:34px;flex:none;font-size:9px}.guide23 .guide-scene23{width:100%;min-height:0;flex:1;position:relative;display:block;max-width:630px;margin:0 auto;height:0}.guide23 .guide-scene23>.mini-window20{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--scene-scale24,1))!important;transform-origin:center;min-height:0;max-width:none;margin:0;transition:none!important}.guide23 .guide-caption23{order:0;min-height:0;padding:15px 20px;border-bottom:0}.guide23 .guide-caption-tag23{font-size:8px}.guide23 .guide-caption23 h3{font-size:17px;margin:5px 0;line-height:1.45}.guide23 .guide-caption23 p{font-size:11px;line-height:1.65;margin:0}.guide23 .guide-playbar23{order:0;min-height:50px;padding:8px 14px;gap:8px;flex-wrap:nowrap}.guide23 .guide-playbar23 button{height:33px;min-height:33px;font-size:11px}.guide23 .guide-play23{min-width:98px!important}.guide23 .guide-transport23{gap:7px}.guide23 .guide-transport23 button{width:29px}.guide23 .guide-speed23{font-size:10px;margin-left:auto}.guide23 .guide-speed23 select{height:32px;font-size:10px;padding:4px}.guide23 .guide-replay23{padding:0 8px!important}.guide23 .guide-end23{padding:0!important;margin:0;min-height:26px;border:0;gap:15px;line-height:1.4}.guide23 .guide-end23>span{font-size:10px;max-width:none}.guide23 .guide-end23>button{font-size:11px;padding:3px;min-height:24px}.guide23 .guide-go24{display:none}.guide23 .fraction20{margin:13px 0!important;min-height:75px!important}.guide23 .demo-quiz-copy20{padding:12px 20px}.guide23 .mini-window20 .demo-feedback20{margin:8px 0}.guide23 .demo-reveal20{margin-top:7px}.guide23 .subject-orbit20{padding:17px 18px;gap:9px}.guide23 .subject-orbit20 button{min-height:74px}

/* Live classroom entry and dialogs use the same indigo / slate palette. */
.live22{--live-ink:var(--ink);--live-green:#5158d9;max-width:1500px;margin:auto;color:var(--ink)}.live-hero22{background:linear-gradient(115deg,#eef0ff,#f5f7fc 64%,#eef3fa);border:1px solid #e1e5f2;border-radius:24px;padding:clamp(24px,3vw,42px);gap:clamp(25px,4vw,65px);grid-template-columns:1.08fr 1fr}.live-hero22 .eyebrow{color:#626bb7;font-size:10px;letter-spacing:2px;font-weight:750}.live-hero22 h1{font-family:inherit;font-size:clamp(28px,2.8vw,42px);line-height:1.3;letter-spacing:-1.5px;font-weight:750;margin:14px 0 15px;color:#243453}.live-hero22 p{font-size:13px;color:#6c7a92;line-height:1.85;margin:0 0 24px;max-width:470px}.live-create-actions22{gap:8px;align-items:center}.live22 .btn,.live-modal22 .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #5158d9;background:#5158d9;color:white;border-radius:11px;padding:10px 15px;min-height:42px;font-family:inherit;font-weight:650;font-size:12px;line-height:1.4;box-sizing:border-box}.live22 .btn.outline,.live-modal22 .btn.outline{border-color:#d5dded;background:white;color:#596988}.live22 .btn .icon{width:17px;height:17px}.live-plans22{gap:8px;margin:22px 0 0;align-items:center;flex-wrap:wrap}.live-plans22>span{border:1px solid #dfe4f1;background:#ffffffa6;padding:7px 10px;border-radius:8px;font-size:10px;color:#657390}.live-plans22>span b{color:#46577b;margin-left:4px}.live-plans22>span:last-child{border:0;background:transparent;padding-left:0;font-size:10px}
.live-art24{background:#1b2846;border:1px solid #2d3c5e;border-radius:17px;box-shadow:0 18px 36px #2434521c;overflow:hidden;min-width:0;transform:rotate(-1deg);color:#f5f7ff}.live-art-head24{display:flex;align-items:center;gap:14px;min-height:42px;padding:0 18px;border-bottom:1px solid #3a4762;background:#23304b;font-family:inherit}.live-art-head24>b{font-size:11px;font-weight:600;flex:1;letter-spacing:-.2px}.live-art-head24>span:last-child{font-size:9px;color:#aebddd}.live-art-dots24{display:flex;gap:4px}.live-art-dots24 i{width:5px;height:5px;border-radius:50%;background:#7b8dae}.live-art-dots24 i:first-child{background:#e5a0a1}.live-art-dots24 i:nth-child(2){background:#e4c784}.live-art-body24{padding:24px}.live-art-kicker24{font-family:inherit;font-size:8px;letter-spacing:1.7px;color:#98abd0}.live-art-body24>strong{font-family:inherit;display:block;font-size:clamp(21px,2vw,28px);font-weight:650;letter-spacing:-.7px;line-height:1.4;margin:9px 0 23px}.live-code-sample24{display:grid;grid-template-columns:1fr 60px;gap:12px;border:1px solid #405070;border-radius:10px;padding:14px;background:#202e4b}.live-code-sample24>div:first-child{display:grid;grid-template-columns:19px 1fr;gap:8px 11px;align-content:center;font-size:11px}.live-code-sample24>div:first-child>span{color:#7c8ba9;font-size:10px;font-variant-numeric:tabular-nums}.live-code-sample24 code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;font-size:11px;color:#dae4fa}.live-code-sample24 code em{color:#b5b0ff;font-style:normal}.live-code-sample24 code b{color:#a8cfdd;font-weight:500}.live-code-sample24 code i{color:#efd998;font-style:normal}.live-code-result24{display:grid;gap:3px;color:#e6d08e;font-size:12px;letter-spacing:2px;align-content:center;border-left:1px solid #46516c;padding-left:12px}.live-art-body24>footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#acbbd8;padding-top:19px}.live-art-body24>footer>span{display:flex;gap:7px;align-items:center}.live-art-body24>footer i{width:5px;height:5px;background:#95c6bf;border-radius:50%}.live-art-body24>footer .icon{width:17px;height:17px;color:#9bace1}
.live-status22{margin:16px 0;padding:16px 19px;border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:13px}.live-status22 p{font-size:12px;color:var(--muted);line-height:1.7}.live22 .live-pill22{background:var(--surface-soft);color:var(--muted);font-size:10px;border-radius:8px;padding:7px 10px}.live22 .live-pill22.on{background:#e8f3f0;color:#52766b}.live-card22{padding:22px;border-color:var(--line);border-radius:16px;background:var(--surface)}.live-card22 h3{font-size:19px;color:var(--ink)}.live-card22 p,.live-card22 small{color:var(--muted)}.live-card22 footer{border-color:var(--line)}.live-card22 .text-btn{color:var(--blue);font-size:12px}.live-empty22{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:155px}.live-empty-symbol24{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:#788bb7;margin-bottom:11px}.live-empty-symbol24 .icon{width:20px;height:20px}.live-empty22 h3{font-size:16px;font-weight:650;letter-spacing:-.4px;margin:0 0 7px;color:var(--ink)}.live-empty22 p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.live-footnote22{font-size:10px;color:var(--muted);margin-top:16px;line-height:1.7}
.live-modal22{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #1a254526;font-family:inherit;max-height:calc(100dvh - 28px);overflow:auto}.live-modal22::backdrop{background:#18243c80;backdrop-filter:blur(8px)}.live-modal22 h2{font-family:inherit;font-size:21px;font-weight:700;letter-spacing:-.7px;margin:0 0 16px;color:var(--ink)}.live-modal22 p{font-size:13px;line-height:1.85;margin:0 0 12px;color:var(--muted)}.live-dialog-actions24{display:flex;justify-content:flex-end;align-items:stretch;gap:8px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.live-modal22 :is(button,a.btn){font-family:inherit}.live-modal22 .live-small22{min-height:42px;border:1px solid var(--line);border-radius:11px;padding:10px 15px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.4}.live-form22{gap:16px}.live-form22 label{gap:8px;font-size:12px;font-weight:600}.live-form22 input,.live-form22 select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:12px;border-radius:10px;min-height:42px}.live-form22 small{color:var(--muted);font-size:11px}.live-modal22 .live-create-actions22{gap:8px;margin-top:8px}
#liveRoom22{background:#eef1f7;color:#293957}.live-room-head22{border-color:#dce3ef;gap:16px;padding:14px 20px}.live-room-head22 .live-logo22{color:#5158d9;font-size:23px}.live-room-heading22 h2{font-size:16px;letter-spacing:-.3px}.live-room-heading22 small,.live-board-bottom22,.live-session-hint22{color:#7483a0}.live-room-body22{gap:12px;padding:12px}.live-panel22{border-color:#dce3ef;border-radius:14px;gap:12px}.live-room-controls22{border-color:#dce3ef;gap:8px;padding:12px 18px}.live-board-toolbar22{gap:6px}.live-board-toolbar22 button,.live-panel-tabs22 button,.live-control22,.live-small22{font-family:inherit;border-color:#d7dfed;border-radius:9px;color:#586a8b;font-size:12px;padding:9px 11px;line-height:1.4}.live-board-toolbar22 button[aria-pressed=true],.live-panel-tabs22 button.active{background:#5660c8;border-color:#5660c8;color:white}.live-control22{min-height:40px;gap:7px}.live-control22.on{background:#eceffe;border-color:#b6bfeb;color:#5361ac}.live-control22.danger{background:#b55364;border-color:#b55364;color:white}.live-board-wrap22{border-color:#d8e0ed;background:#e3e8f1;border-radius:14px}.live-person22{background:#f1f3f8;border-color:#e3e8f2;border-radius:10px}.live-person22 .initial22{font-family:inherit;color:#9aa7c1}.live-person-label22{background:#253752e6}.live-board-toolbar22 input[type=color],.live-board-toolbar22 select{border-color:#d7dfed;height:35px;border-radius:8px}.live-panel-tabs22{gap:6px}.live-code22 textarea{background:#1d2b47;color:#ecf0fa;border-color:#344464;border-radius:11px;font-family:ui-monospace,Consolas,monospace}.live-pill22{border-radius:8px;background:#edf0f7;color:#66799a}

@media(max-width:1200px){.topbar .role-switch6>span{display:none}.topbar{gap:12px!important}.topbar .breadcrumb{font-size:11px}.topbar #xpHeader7{min-width:95px}.guide23 .guide-body23{grid-template-columns:minmax(200px,.75fr) minmax(0,1.5fr);gap:20px}.guide23 .guide-story23 h2{font-size:28px}.guide23 .guide-story23>p{font-size:11px}.live-hero22{gap:28px;padding:27px}.live-art-body24{padding:20px}.live-art-body24>strong{font-size:24px}.live-code-sample24{padding:11px;grid-template-columns:1fr 50px;gap:6px}.live-code-sample24 code{font-size:10px}.live-code-sample24>div:first-child{gap:8px}.live-code-result24{font-size:10px;padding-left:8px}}
@media(max-width:1050px){.board-filters{flex:none}.board-filters>label{flex:none}.guide23 .guide-step-list23 b{font-size:10px}.guide23 .guide-story23>p{margin-bottom:12px}}
@media(min-width:761px) and (max-height:760px){body[data-view=guide19] #main.content{padding:12px 22px!important}.guide23{gap:8px}.guide23 .guide-top23{min-height:43px}.guide23 .guide-top23 h1{font-size:23px}.guide23 .guide-topics23 button{padding:8px 3px;font-size:10px}.guide23 .guide-story23 h2{font-size:29px;margin-bottom:10px}.guide23 .guide-story23>p{font-size:11px;line-height:1.65;margin-bottom:12px}.guide23 .guide-step-list23{gap:1px;margin-bottom:12px}.guide23 .guide-step-list23 button{padding:5px}.guide23 .guide-caption23{padding:10px 16px}.guide23 .guide-caption23 h3{font-size:15px}.guide23 .guide-caption23 p{font-size:10px}.guide23 .guide-playbar23{min-height:45px;padding:6px 11px}.guide23 .guide-end23{min-height:21px}.guide23 .guide-story23>small{font-size:8px}}
@media(min-width:761px) and (max-height:590px){.guide23 .guide-story23>p,.guide23 .guide-step-list23,.guide23 .guide-story23>small,.guide-top23 .guide-eyebrow23{display:none}.guide23 .guide-top23{min-height:32px}.guide23 .guide-top23 h1{font-size:21px}.guide23 .guide-story23 h2{font-size:24px}.guide23 .guide-caption23{padding:7px 12px}.guide23 .guide-caption-tag23{display:none}.guide23 .guide-caption23 h3{font-size:12px;margin:0 0 3px}.guide23 .guide-caption23 p{font-size:10px}.guide23 .guide-screenbar23{height:26px}.guide23 .guide-screen23{padding:0 10px 7px}}
@media(max-width:760px){
 :root{--control24:36px}.topbar{gap:8px!important;padding:0 12px!important;height:58px!important}.topbar>.flex{gap:5px!important}.topbar-start{flex:1!important;gap:7px!important}.topbar .mobile-logo{font-size:26px!important;width:51px!important;max-width:51px!important;letter-spacing:-2px!important;overflow:visible!important;display:block!important}.topbar .menu-button{width:28px;min-width:28px;padding:4px}.topbar #roleSwitch6{min-width:67px;padding:0 17px 0 7px;font-size:10px}.topbar .role-switch6>span{display:none}.topbar :is(#courseBell21){width:36px!important;min-width:36px!important;padding:8px!important}.topbar .icon{width:17px;height:17px}.topbar .energy-pill15{padding:0 7px!important;min-width:51px;gap:3px}.topbar .energy-pill15 b{font-size:11px}.topbar #xpHeader7{display:none!important}.topbar .coin{display:none!important}.topbar #accountButton7{padding:3px 6px;gap:4px}.topbar #accountLabel7{display:none}.topbar #accountButton7 .profile-avatar{width:26px;height:26px}.topbar #accountButton7 .profile-avatar .cogo-avatar{width:49px;height:49px;transform:translate(-11px,-2px)}.topbar #accountButton7>.icon{width:10px;height:10px}
 .learning-stats .history-card23{min-height:66px!important;padding:11px 9px!important;border-radius:12px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:7px!important}.learning-stats .history-card23>span{font-size:10px!important}.learning-stats .history-card23>strong{font-size:22px!important}.learning-stats .history-card23>strong>small{font-size:10px!important;margin-left:3px}.board-tools{padding:8px;gap:7px!important;border-radius:11px}.board-search{min-width:0}.board-refine24{gap:6px}.board-refine-label24{display:none}.board-refine24 .hide-solved21{font-size:10px;padding:0 8px;gap:7px}.board-refine24 .board-saved{font-size:10px;padding:0 8px;gap:4px}.board-refine24 .board-reset{font-size:10px;padding:0 3px}.board-refine24 .board-reset span{display:none}.board-tools .board-filter-toggle{padding:0 10px}.board-filters{top:52px}.problem-board{gap:8px}.board-refine24 .board-saved .icon{width:14px}.filter-switch24{width:25px;flex:none}
 body[data-view=guide19] #main.content{padding:10px 12px!important}.guide23{grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px}.guide23 .guide-top23{display:flex;min-height:35px;gap:6px}.guide-top23 .guide-eyebrow23{display:none}.guide23 .guide-top23 h1{font-size:16px;line-height:1.3;letter-spacing:-.6px;margin:0;max-width:155px}.guide23 .guide-audience23{padding:3px;gap:2px;border-radius:9px;flex:none}.guide23 .guide-audience23 button{font-size:9px;padding:7px 8px;border-radius:6px}.guide23 .guide-topics23{display:none}.guide-picker24{display:flex;align-items:center;gap:9px}.guide-picker24>span{display:none}.guide-picker24 select{font:inherit;width:100%;height:33px;font-size:11px;color:var(--g-muted);border:1px solid var(--g-line);border-radius:9px;padding:0 9px;background:var(--g-paper)}.guide23 .guide-body23{display:block;min-height:0;height:100%}.guide23 .guide-story23{display:none}.guide23 .guide-player23{height:100%;display:grid;border-radius:14px;grid-template-rows:minmax(0,1fr) auto auto}.guide23 .guide-screen23{padding:0 10px 9px}.guide23 .guide-screenbar23{height:28px;font-size:8px}.guide23 .guide-screenbar23 em{font-size:7px;padding:2px 4px}.guide23 .guide-caption23{padding:10px 13px;min-height:0}.guide23 .guide-caption-tag23{display:none}.guide23 .guide-caption23 h3{font-size:13px;margin:0 0 5px;line-height:1.4}.guide23 .guide-caption23 p{font-size:10px;line-height:1.6}.guide23 .guide-playbar23{min-height:45px;padding:7px 9px;gap:6px;flex-wrap:nowrap}.guide23 .guide-playbar23 button{height:30px;min-height:30px;font-size:10px}.guide23 .guide-play23{min-width:85px!important;padding:0 8px!important;gap:5px}.guide23 .guide-transport23{gap:4px}.guide23 .guide-transport23 button{width:24px}.guide23 .guide-counter23{font-size:9px}.guide23 .guide-speed23>span{display:none}.guide23 .guide-speed23 select{height:30px;max-width:57px;font-size:9px;padding:4px}.guide23 .guide-replay23{display:none}.guide23 .guide-end23{gap:8px;min-height:25px}.guide23 .guide-end23>span{display:none}.guide23 .guide-end23>button{font-size:10px;display:inline-flex;gap:5px;align-items:center;color:var(--g-accent);white-space:nowrap}.guide23 .guide-end23 .guide-go24{display:inline-flex}.guide23 .guide-end23 .icon{width:14px;height:14px}.guide23 .guide-end23>button:last-child{margin-left:auto}
 .live-hero22{grid-template-columns:1fr;padding:23px;border-radius:19px;gap:25px}.live-hero22 h1{font-size:28px;margin:12px 0;line-height:1.3}.live-hero22 p{font-size:12px;margin-bottom:17px}.live-hero22 .eyebrow{font-size:9px}.live-art24{display:none}.live-plans22{margin:17px 0 0;gap:6px}.live-plans22>span{font-size:9px;padding:6px 8px}.live22 .btn{min-height:40px;padding:10px 12px;font-size:11px}.live-status22{padding:13px;gap:9px;margin:12px 0;align-items:flex-start}.live-status22 p{font-size:11px;min-width:0;flex-basis:100%}.live-empty22{padding:24px 15px;min-height:165px}.live-empty22 h3{font-size:14px}.live-empty22 p{font-size:11px}.live-footnote22{font-size:9px;margin-top:12px}.live-modal22{padding:21px;border-radius:18px}.live-modal22 h2{font-size:19px}.live-modal22 p{font-size:12px}.live-dialog-actions24{gap:8px;margin-top:18px;padding-top:15px}.live-modal22 .btn,.live-modal22 .live-small22{font-size:11px;min-height:40px;padding:9px 12px}
 .live-room-head22{padding:9px;gap:8px}.live-room-head22 .live-logo22{font-size:18px}.live-room-heading22 h2{font-size:13px}.live-room-body22{padding:8px;gap:8px}.live-panel22{padding:8px;gap:5px}.live-board-toolbar22{gap:4px}.live-board-toolbar22 button{padding:7px;font-size:10px}.live-room-controls22{padding:8px 6px;gap:5px}.live-control22{font-size:10px;min-height:36px;padding:7px 8px;gap:4px}.live-panel-tabs22 button{font-size:10px;padding:4px 7px}.live-page22 .live-small22{font-size:10px;padding:4px 8px}
}
@media(max-height:540px){.live-room-head22{padding:7px 12px}.live-room-controls22{padding:6px}.live-room-body22{padding:8px;gap:8px}.live-board-toolbar22 button{padding:5px 7px}.live-control22{min-height:32px;font-size:10px;padding:6px 8px}}
@media(max-width:350px){.topbar{padding:0 8px!important;gap:5px!important}.topbar>.flex{gap:4px!important}.topbar-start{gap:4px!important}.topbar .mobile-logo{font-size:24px!important;width:43px!important;max-width:43px!important}.guide23 .guide-top23 h1{font-size:14px;max-width:130px}.guide23 .guide-audience23 button{font-size:8px;padding:7px 6px}.guide23 .guide-play23{min-width:81px!important}.guide23 .guide-speed23 select{max-width:54px}.guide23 .guide-playbar23{gap:4px;padding:6px 7px}.guide23 .guide-caption23{padding:8px 10px}.guide23 .guide-caption23 h3{font-size:12px}.guide23 .guide-caption23 p{font-size:9px}}
[data-theme=dark]{--accent24:#a9b0ff;--accent-soft24:#293353;--ink24:#eaf0ff;--muted24:#a3b0ca;--line24:#39455f}[data-theme=dark] .live-hero22{background:linear-gradient(120deg,#25324e,#1a2841);border-color:#344361}[data-theme=dark] .live-hero22 h1{color:#e7edff}[data-theme=dark] .live-hero22 p{color:#a6b6d2}[data-theme=dark] .live-hero22 .eyebrow{color:#a0ade2}[data-theme=dark] .live-plans22>span{background:#293855;border-color:#3d4a67;color:#adbad3}[data-theme=dark] .live-plans22>span b{color:#c2cef0}[data-theme=dark] .live22 .btn.outline{background:#293755;color:#bbc9e6;border-color:#41506e}[data-theme=dark] .board-refine24 .filter-switch24{background:#54627b}[data-theme=dark] .hide-solved21 input:checked~.filter-switch24{background:#929cec}
@media(prefers-reduced-motion:reduce){.topbar button,.filter-switch24,.filter-switch24:after{transition:none!important}}

/* Keep the demonstrated content readable on a short screen. */
.guide23 .guide-caption23 p{min-height:0}
.guide23 .fraction20{margin:7px 0!important;min-height:48px!important;padding:3px 0!important;gap:20px;line-height:1.2}
.guide23 .fraction20>span{font-size:38px}.guide23 .fraction20>strong{font-size:36px}
.guide23 .demo-feedback20{padding:5px 0!important;min-height:26px!important;margin:4px 0!important}
.guide23 .guide-caption-tag23{display:block;line-height:1.3}
@media(max-width:760px){.topbar-start{flex:0 0 auto!important;width:auto!important;min-width:0!important}.guide23 .guide-caption-tag23{display:none}}
@media(max-height:650px){
 .guide23 .mini-header20{display:none}
 .guide23 .mini-window20{border-radius:10px}
 .guide23 .demo-quiz-copy20{padding:8px 12px!important}
 .guide23 .demo-label20{font-size:8px;line-height:1.3}
 .guide23 .demo-quiz-copy20 h3{font-size:13px;margin:4px 0;line-height:1.3}
 .guide23 .fraction20{min-height:34px!important;margin:4px 0!important;padding:0!important;gap:18px}
 .guide23 .fraction20>span,.guide23 .fraction20>strong{font-size:29px}
 .guide23 .fraction20>b{font-size:16px}
 .guide23 .demo-options20 button{height:29px!important;min-height:29px!important;font-size:15px}
 .guide23 .demo-feedback20{min-height:20px!important;font-size:10px;padding:3px 0!important;margin:2px 0!important;line-height:1.4}
 .guide23 .demo-reveal20{min-height:36px;padding:6px 8px;font-size:11px;margin-top:3px;line-height:1.4}
 .guide23 .demo-reveal20 small{font-size:9px;line-height:1.4;margin-top:3px}
 .guide23 .demo-primary20{min-height:29px!important;padding:6px 10px!important;font-size:10px;margin-top:4px}
 .guide23 .subject-orbit20{padding:10px;gap:6px}.guide23 .subject-orbit20 button{min-height:49px!important;padding:5px 3px}.guide23 .subject-orbit20 button>span{font-size:20px}
 .guide23 .demo-selection20{margin:0 10px 10px;padding:7px;min-height:35px}.guide23 .demo-selection20 b{font-size:10px}
 .guide23 .demo-word-top20{padding:10px 12px}.guide23 .demo-word20{padding:10px;min-height:70px}.guide23 .demo-word20>b{font-size:30px}.guide23 .demo-word-options20{padding:0 12px;gap:6px}.guide23 .demo-word-options20 button{min-height:30px!important;padding:6px}.guide23 .mastered20{padding:9px}.guide23 .demo-hint20{margin:7px 10px;font-size:9px;line-height:1.4}
 .guide23 .growth-demo-grid20{padding:7px 10px;gap:6px}.guide23 .growth-demo-grid20 svg{max-height:135px}.guide23 .growth-factors20 span{padding:5px;font-size:9px}
 .guide23 .avatar-demo-stage20{height:160px;min-height:0}.guide23 .avatar-demo-stage20 .cogo-avatar{width:170px;height:170px}.guide23 .demo-style20{padding:9px;gap:5px}.guide23 .demo-style20 button{padding:5px;font-size:10px;min-height:29px!important}
 .guide23 .journey-lead20{padding:12px;gap:10px}.guide23 .journey-lead20 img{width:65px;height:65px}.guide23 .journey-lead20 h3{font-size:18px}.guide23 .journey-links20{padding:0 10px 10px;gap:6px}.guide23 .journey-links20 button{padding:9px}
 .guide23 .teacher-demo-title20{padding:10px}.guide23 .teacher-demo-title20>span{display:none}.guide23 .teacher-demo-title20 h3{font-size:14px;margin:0 0 4px}.guide23 .teacher-demo-title20 p{margin:0;font-size:10px}.guide23 .class-flow20{padding:8px}.guide23 .class-flow20>div{padding:8px 3px}.guide23 .class-flow20 b{font-size:10px}.guide23 .class-flow20 small,.guide23 .class-flow20 span{font-size:8px}
 .guide23 .attendance-demo20{padding:9px;gap:6px}.guide23 .attendance-demo20 button{padding:8px;min-height:49px}
 .guide23 .assignment-demo20{padding:10px 14px}.guide23 .assignment-demo20 h3{font-size:14px;margin:6px 0}.guide23 .assignment-chips20{margin-bottom:7px}.guide23 .review-step20{padding:5px 0;font-size:10px;min-height:28px}
 .guide23 .student-demo20{padding:12px}.guide23 .student-demo-head20{margin-bottom:9px}.guide23 .student-stats20{gap:6px;margin:8px 0}.guide23 .student-stats20>span{padding:6px}.guide23 .student-stats20 b{font-size:18px}.guide23 .teacher-insight20{padding:9px}.guide23 .teacher-insight20 p{font-size:10px;line-height:1.5}.guide23 .insight-bars20{gap:8px;margin-top:9px}
 .guide23 .contest-demo20{padding:10px}.guide23 .contest-ticket20{padding:12px}.guide23 .contest-ticket20 h3{font-size:16px;margin:8px 0}.guide23 .contest-checks20{margin:9px 0;gap:7px}.guide23 .contest-checks20>span{font-size:10px}
 .guide23 .guide-plans20{padding:10px;gap:6px}.guide23 .guide-plans20>div{padding:9px 5px}.guide23 .guide-plans20 strong{font-size:15px;margin:7px 0}.guide23 .guide-plans20 b{font-size:12px}.guide23 .guide-plans20 small,.guide23 .guide-plans20 span{font-size:8px}
}
@media(max-width:350px){
 .topbar .mobile-logo{width:51px!important;max-width:51px!important;font-size:23px!important}
 .topbar .energy-pill15{min-width:40px!important;padding:0 6px!important}.topbar .energy-pill15 small{display:none}
 .topbar #accountButton7{padding:3px 5px;gap:0}.topbar #accountButton7>.icon{display:none}
}
@media(min-width:761px) and (max-height:500px){
 body[data-view=guide19] #main.content{padding:8px 22px!important}
 .guide23{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:36px minmax(0,1fr) 24px;gap:7px 16px}
 .guide23 .guide-top23{grid-column:1;grid-row:1;min-height:0;padding:0;justify-content:flex-start}.guide23 .guide-top23>div:first-child{display:none}
 .guide23 .guide-audience23{padding:3px}.guide23 .guide-audience23 button{padding:7px 12px;font-size:10px}
 .guide23 .guide-topics23,.guide23 .guide-story23{display:none}
 .guide23 .guide-picker24{display:flex;grid-column:2;grid-row:1;align-items:center}.guide-picker24>span{display:none}.guide-picker24 select{width:100%;height:33px;border:1px solid var(--g-line);border-radius:9px;font:inherit;font-size:11px;background:var(--g-paper);color:var(--g-muted);padding:0 10px}
 .guide23 .guide-body23{grid-column:1/-1;grid-row:2;display:block}
 .guide23 .guide-player23{grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:minmax(0,1fr) auto;border-radius:13px}
 .guide23 .guide-screen23{grid-column:1;grid-row:1/3;padding:0 12px 8px}.guide23 .guide-screenbar23{height:24px}
 .guide23 .guide-caption23{grid-column:2;grid-row:1;align-content:center;display:grid;border:0;border-left:1px solid var(--g-line);padding:12px}
 .guide23 .guide-caption23 h3{font-size:13px;line-height:1.45;margin:0 0 6px}.guide23 .guide-caption23 p{font-size:10px;line-height:1.6}
 .guide23 .guide-playbar23{grid-column:2;grid-row:2;flex-wrap:wrap;gap:5px 8px;border-left:1px solid var(--g-line);padding:7px 10px;min-height:0}
 .guide23 .guide-playbar23 button{height:30px;min-height:30px}.guide23 .guide-play23{min-width:97px!important}.guide23 .guide-speed23{margin-left:0}.guide23 .guide-speed23 select{height:28px}.guide23 .guide-replay23{margin-left:auto}
 .guide23 .guide-end23{grid-column:1/-1;grid-row:3;min-height:0}.guide23 .guide-end23>span{display:none}.guide23 .guide-end23 .guide-go24{display:flex;font-size:10px}
}
@media(max-width:760px) and (max-height:650px){
 .guide23{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:36px minmax(0,1fr) 25px;gap:7px}
 .guide23 .guide-top23{grid-column:1;grid-row:1;min-height:0}.guide23 .guide-top23>div:first-child{display:none}
 .guide23 .guide-picker24{grid-column:2;grid-row:1}.guide23 .guide-picker24 select{min-height:33px!important;height:33px;font-size:10px;padding:0 6px}
 .guide23 .guide-audience23{width:100%;justify-content:space-between}.guide23 .guide-audience23 button{padding:7px 5px;font-size:8px}
 .guide23 .guide-body23{grid-column:1/-1;grid-row:2}.guide23 .guide-end23{grid-column:1/-1;grid-row:3}
}

/* Profile v25: larger type, readable level identity, restrained motion. */
#modal:has(.public-profile21),#modal:has(.level-guide25){width:min(760px,calc(100vw - 28px))!important;max-width:760px!important;max-height:calc(100dvh - 24px);overflow:hidden!important;border-radius:25px;box-shadow:0 28px 90px #101c4138}
#modal:has(.public-profile21)[open],#modal:has(.level-guide25)[open]{display:flex!important;flex-direction:column}
#modal:has(.public-profile21) .dialog-head,#modal:has(.level-guide25) .dialog-head{padding:18px 26px 15px!important;border:0;flex:none}
#modal:has(.public-profile21) .dialog-head h2,#modal:has(.level-guide25) .dialog-head h2{font-size:19px;letter-spacing:-.5px}
#modal:has(.public-profile21) #modalContent,#modal:has(.level-guide25) #modalContent{min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:0!important;scrollbar-width:thin;scrollbar-color:#ccd5e6 transparent}
.public-profile21{--level-hue25:221;--level-ink25:#365675;--level-accent25:#788fae;--level-soft25:#f1f5fb;--level-line25:#d9e3ef;padding:3px 26px 18px;display:block;line-height:1.55;animation:none;color:var(--ink)}
.public-profile21 .public-top21{display:grid;grid-template-columns:152px minmax(0,1fr);gap:24px;align-items:center;margin:0 0 22px}
.public-profile21 .public-art21{height:184px;border:1px solid var(--level-line25);border-radius:70px 70px 23px 23px;background:radial-gradient(ellipse at 50% 105%,hsl(var(--level-hue25) 65% 87%),var(--level-soft25) 63%,#fff);isolation:isolate;box-shadow:inset 0 0 0 5px #ffffff9c}
.public-profile21 .public-art21:before{content:'';position:absolute;inset:-5px;border:1px solid var(--level-line25);border-radius:76px 76px 28px 28px;opacity:.65;z-index:-1;pointer-events:none}
.public-profile21 .public-art21>.cogo-avatar{width:140px!important;height:163px!important;z-index:1;transform-origin:50% 80%}
.public-profile21 .public-art21>span{font-size:11px;font-weight:600;color:var(--level-ink25);border-color:var(--level-line25);padding:4px 10px;bottom:-11px;z-index:3;white-space:nowrap}
.profile-spark25{position:absolute;color:var(--level-accent25);font-style:normal;font-size:16px;pointer-events:none;z-index:2}.spark-a25{top:23px;left:16px}.spark-b25{top:63px;right:12px;font-size:11px}.spark-c25{bottom:25px;left:13px;font-size:12px}
.public-profile21 .public-identity21 .eyebrow{font-size:12px;letter-spacing:.9px;color:#657795}
.public-profile21 .public-identity21 h2{font-family:inherit;font-size:32px;font-weight:750;line-height:1.3;letter-spacing:-1px;margin:7px 0 6px;color:#253958}
.public-profile21 .public-primary-group21{font-size:14px;color:#667b99;margin:0 0 12px}
.public-profile21 .public-identity21 blockquote{display:block;max-height:none;font-size:14px;line-height:1.65;padding:10px 13px;margin:0 0 9px;border-radius:4px 13px 13px;background:#f1f4fb;color:#536988;overflow-wrap:anywhere;white-space:pre-wrap}
.public-profile21 .motto-edit23{font-size:12px;margin:0 0 6px;color:#586a9c;min-height:24px}
.public-profile21 .public-rank21{font-size:13px;color:#5d7598}.public-profile21 .public-rank21 b{font-size:21px;color:#354e7e}
.public-growth25{display:flex;align-items:center;gap:17px;background:linear-gradient(110deg,var(--level-soft25),#fff);border:1px solid var(--level-line25);border-radius:17px;padding:14px 16px;margin:0 0 18px;position:relative;min-width:0}
.level-medal25{position:relative;flex:none;width:81px;height:89px;border-radius:22px 22px 27px 27px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;background:linear-gradient(145deg,#fff,var(--level-soft25));border:1px solid var(--level-line25);color:var(--level-ink25);box-shadow:0 4px 13px hsl(var(--level-hue25) 45% 35% / .08),inset 0 0 0 4px #ffffffb0;overflow:hidden;isolation:isolate}
.level-mark25{display:grid;place-items:center;margin:1px 0 3px}.level-mark25 svg{width:22px;height:22px}.level-medal25>small{font-size:8px;line-height:1.2;letter-spacing:1.4px;font-weight:700}.level-medal25>strong{font-size:22px;line-height:1.4;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.7px}
.level-medal25[data-tier25="9"]>strong,.level-medal25[data-tier25="10"]>strong{font-size:18px}.level-medal25[data-tier25="11"]>strong{font-size:13px;letter-spacing:-.4px}
.level-glint25{position:absolute;inset:-50%;z-index:-1;background:linear-gradient(110deg,transparent 40%,#ffffffb8 48%,#fff 50%,transparent 60%);transform:translateX(-100%) rotate(15deg);pointer-events:none}
.growth-copy25{flex:1;min-width:0}.growth-title25{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.growth-title25>b{font-size:16px;font-weight:750;color:var(--level-ink25);letter-spacing:-.4px}.growth-copy25 p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#68788d}.growth-copy25 .growth-next25{font-size:12px;margin-top:8px;color:var(--level-ink25)}.level-example25{font-size:10px;border:1px solid var(--level-line25);border-radius:5px;padding:2px 5px;color:var(--level-ink25);white-space:nowrap;background:#ffffffb8}
.profile-xp-track25{height:6px;overflow:hidden;background:hsl(var(--level-hue25) 28% 88%);border-radius:9px;margin:10px 0 6px}.profile-xp-track25>i{display:block;width:var(--xp-ratio25);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--level-accent25),hsl(calc(var(--level-hue25) + 25) 60% 57%));transform-origin:left}
.profile-xp-meta25{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;font-size:11px;color:#647892}.profile-xp-meta25 b{color:var(--level-ink25);font-weight:650}.profile-xp-meta25 small{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.level-guide-open25{border:0;background:transparent;color:var(--level-ink25);display:inline-flex;gap:5px;align-items:center;justify-content:center;padding:8px 0 8px 8px;font:inherit;font-size:11px;font-weight:650;white-space:nowrap;align-self:flex-start}.level-guide-open25 .icon{width:15px;height:15px}.level-guide-open25:hover{color:var(--level-accent25)}.level-guide-open25:focus-visible{outline:2px solid var(--level-accent25);outline-offset:4px;border-radius:5px}
.level-unavailable25{min-height:80px}.level-unavailable-mark25{width:48px;height:48px;background:#e8eef8;border-radius:15px;display:grid;place-items:center;color:#7b8eae;flex:none}.level-unavailable-mark25 .icon{width:25px;height:25px}.level-unavailable25 .growth-copy25>b{font-size:16px}.level-unavailable25 .growth-copy25>p{font-size:12px}
.public-profile21 .public-tabs21{margin:0 0 14px;padding:5px;gap:5px;border-radius:12px;background:#eef2f8}.public-profile21 .public-tabs21 button{font:inherit;font-size:14px;font-weight:650;line-height:1.5;padding:9px 4px;min-height:38px;color:#63758d;transition:background .2s,color .2s,box-shadow .2s}.public-profile21 .public-tabs21 button[aria-pressed=true]{color:#324665;box-shadow:0 3px 8px #24385a10;border-radius:8px;background:var(--surface)}
.public-profile21 .public-pane21,.public-profile21 .public-pane21:has(.profile-badges23){height:auto;min-height:163px;overflow:visible;padding:0}
.public-profile21 .public-stats21{gap:10px;padding:4px 0 13px;grid-template-columns:repeat(4,minmax(0,1fr))}.public-profile21 .public-stats21 article{padding:14px 13px;gap:11px;border-color:#e2e8f3;border-radius:13px;background:#f7f9fd;transition:transform .25s,box-shadow .25s}.public-profile21 .public-stats21 article:hover{transform:translateY(-2px);box-shadow:0 6px 18px #24385a09}.public-profile21 .public-stats21 span{font-size:12px;color:#627794}.public-profile21 .public-stats21 b{font-size:29px;line-height:1.3;color:#3b5476;letter-spacing:-.7px}.public-profile21 .public-stats21 small{font-size:11px}.public-profile21 .public-stats21 .accent21{background:#eff2ff;border-color:#dce2f8}.public-profile21 .public-stats21 .accent21 b{color:#595db8}
.public-profile21 .public-footnote21{font-size:11px;color:#718199;line-height:1.65;margin:1px 0 12px}.public-profile21 .public-footer21{margin-top:12px;padding-top:12px;min-height:36px;font-size:11px;color:#718098;border-color:#e5eaf3}.public-profile21 .public-footer21 button{font-size:12px;color:#506895}
.public-profile21 .public-groups21{height:auto;min-height:145px;gap:7px}.public-profile21 .public-groups21 article{height:auto;min-height:42px;padding:8px 12px;background:#f4f7fc}.public-profile21 .public-groups21 b{font-size:13px;font-weight:650}.public-profile21 .public-groups21 small{font-size:11px;color:#7384a0}.public-profile21 .public-group-pages21{font-size:12px}.public-profile21 .public-group-pages21 small{font-size:11px}.public-profile21 .public-group-pages21 button{width:29px;height:29px}.public-profile21 .public-empty21{font-size:13px;color:#7183a0}
.public-profile21 .badge-shelf-head23{font-size:12px;margin-bottom:10px;color:#6a7d96}.public-profile21 .badge-shelf-head23>b{font-size:14px}.public-profile21 .badge-shelf23{gap:8px}.public-profile21 .badge-shelf23 article{padding:8px 5px;gap:5px;background:#f6f8fd;border-color:#e5eaf4;transition:background .2s}.public-profile21 .badge-shelf23 .badge-picture9{width:51px!important;height:51px!important;transition:transform .3s}.public-profile21 .badge-shelf23 article:hover .badge-picture9{transform:translateY(-3px) rotate(-4deg)}.public-profile21 .badge-shelf23 article>b{font-size:11px;color:#4e6487}.public-profile21 .badge-empty23{font-size:13px;min-height:132px}.public-profile21 .badge-pager23{font-size:12px;margin-top:9px}.public-profile21 .badge-pager23 button{width:28px;height:28px}
.topbar #xpHeader7 .xp-level7{color:var(--level-ink25,#5b65c7)}.topbar #xpHeader7 .xp-track7 i{background:var(--level-accent25,#7378dc)}

/* The million-level catalogue is paged; only ten ranges are rendered at once. */
.level-guide25{padding:0 26px 20px;color:var(--ink);line-height:1.6}.level-guide25>header>span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#737cbe}.level-guide25 h2{font-size:26px;line-height:1.3;letter-spacing:-1px;margin:6px 0 7px}.level-guide25>header>p{font-size:13px;color:#6c7c97;margin:0 0 18px}
.level-preview-card25{display:flex;align-items:center;gap:24px;border:1px solid var(--level-line25);border-radius:20px;padding:20px 23px;background:linear-gradient(110deg,var(--level-soft25),#fff);min-height:147px;position:relative;overflow:hidden}.level-preview-card25 .level-medal25{width:98px;height:106px}.level-preview-card25 .level-mark25 svg{width:28px;height:28px}.level-preview-card25 .level-medal25>strong{font-size:26px}.level-preview-card25 .level-medal25[data-tier25="9"]>strong,.level-preview-card25 .level-medal25[data-tier25="10"]>strong{font-size:21px}.level-preview-card25 .level-medal25[data-tier25="11"]>strong{font-size:18px}.level-preview-card25>div{min-width:0}.level-preview-card25>div>span{font-size:11px;color:var(--level-ink25)}.level-preview-card25 h3{font-size:23px;line-height:1.3;margin:5px 0;color:var(--level-ink25);letter-spacing:-.6px}.level-preview-card25 p{font-size:13px;margin:0 0 7px;color:#667895}.level-preview-card25 small{font-size:11px;color:#6b7d97;line-height:1.5;display:block}
.level-preview-tools25{display:flex;align-items:center;gap:20px;margin:18px 0 10px}.level-preview-tools25>label{font-size:12px;font-weight:650;white-space:nowrap;display:flex;align-items:center;gap:10px}.level-preview-tools25 input[type=number]{width:110px;border:1px solid #dce3f0;border-radius:9px;padding:8px 10px;font:inherit;font-size:14px;font-variant-numeric:tabular-nums;background:var(--surface);color:var(--ink)}.level-preview-tools25 input[type=range]{min-width:0;flex:1;accent-color:#5861c9;cursor:pointer}.level-milestones25{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.level-milestones25 button{font:inherit;font-size:11px;border:1px solid #e0e6f0;border-radius:7px;padding:5px 10px;background:var(--surface);color:#667893;min-height:29px}.level-milestones25 button:hover{border-color:#a3afe0;background:#f3f4ff}
.level-band-heading25{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.level-band-heading25>b{font-size:13px;letter-spacing:-.2px}.level-band-heading25 nav{display:flex;gap:7px;align-items:center;color:#76869e;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.level-band-heading25 button{width:29px;height:29px;border:1px solid #e0e5ef;border-radius:8px;background:var(--surface);color:#6d7fa0;display:grid;place-items:center}.level-band-heading25 button:disabled{opacity:.35}.level-band-heading25 .icon{width:14px;height:14px}
.level-bands25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.level-bands25>button{display:flex;gap:10px;align-items:center;min-width:0;border:1px solid var(--level-line25);background:var(--surface);border-radius:10px;padding:8px 11px;min-height:51px;text-align:left;color:var(--level-ink25);font:inherit}.level-bands25>button[aria-pressed=true]{background:var(--level-soft25);box-shadow:inset 0 0 0 1px var(--level-accent25)}.level-bands25>button>i{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--level-soft25);font-style:normal}.level-bands25>button>i>svg{width:19px;height:19px}.level-bands25>button>span{display:grid;min-width:0;gap:0}.level-bands25 b{font-size:12px;line-height:1.4;font-weight:700;white-space:nowrap}.level-bands25 small{font-size:10px;line-height:1.5;color:#7b889b}.level-bands25>button>.icon{width:15px;height:15px;margin-left:auto;flex:none}
.level-guide25>footer{margin-top:17px;padding-top:13px;border-top:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between;gap:10px}.level-guide25>footer>span{font-size:11px;color:#73819a}.level-guide25>footer>button{display:flex;align-items:center;gap:7px;border:0;background:none;font:inherit;font-size:12px;color:#546bc2;white-space:nowrap}.level-guide25>footer .icon{width:15px;height:15px}

/* Symbols and rings evolve at major milestones; the number stays plain and clear. */
.public-profile21[data-tier25="1"] .public-art21:before,.public-profile21[data-tier25="2"] .public-art21:before{border-style:dashed}
.public-profile21:is([data-tier25="3"],[data-tier25="4"],[data-tier25="5"]) .public-art21:before{border-width:2px;box-shadow:0 0 18px hsl(var(--level-hue25) 60% 70% / .2)}
.level-medal25:is([data-tier25="3"],[data-tier25="4"],[data-tier25="5"]){border-width:2px}
.level-medal25:is([data-tier25="6"],[data-tier25="7"],[data-tier25="8"],[data-tier25="9"],[data-tier25="10"]){box-shadow:0 0 0 3px var(--level-soft25),0 0 0 4px var(--level-line25),inset 0 0 0 4px #ffffffb0;background:linear-gradient(155deg,#fff,var(--level-soft25),hsl(calc(var(--level-hue25) + 38) 65% 91%))}
.public-profile21:is([data-tier25="6"],[data-tier25="7"],[data-tier25="8"],[data-tier25="9"],[data-tier25="10"]) .public-art21:before{border-width:2px;border-color:var(--level-accent25);box-shadow:0 0 22px hsl(var(--level-hue25) 70% 75% / .32)}
.level-medal25[data-tier25="11"]{color:#393d7e;border:2px solid transparent;background:linear-gradient(145deg,#fff,#f4f1ff) padding-box,conic-gradient(from 0deg,#82e2d1,#8aa8fb,#d4a1ee,#f5c981,#82e2d1) border-box;box-shadow:0 0 0 3px #eeecfc,0 5px 22px #9f91d338}
.public-profile21[data-tier25="11"] .public-art21{background:radial-gradient(ellipse at 50% 100%,#d8d3ff,#f7f5ff 65%);border-color:#c3b3ec}.public-profile21[data-tier25="11"] .public-art21:before{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(#82e2d1,#8aa8fb,#d4a1ee,#f5c981,#82e2d1) border-box;z-index:-1;box-shadow:0 0 25px #aba0e433}.public-growth25[data-tier25="11"],.level-preview-card25[data-tier25="11"]{background:linear-gradient(115deg,#f0fbf9,#f1f3ff,#fcf2fa);border-color:#c8c4e9}
@keyframes profile-enter25{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes profile-float25{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes profile-spark25{0%,100%{opacity:.5;transform:translateY(0) scale(.88)}50%{opacity:1;transform:translateY(-3px) scale(1.08)}}
@keyframes level-glint25{0%,58%{transform:translateX(-100%) rotate(15deg)}86%,100%{transform:translateX(100%) rotate(15deg)}}
@keyframes level-fill25{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes level-halo25{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.025)}}
.public-profile21[data-motion25=true][data-first25=true]{animation:profile-enter25 .36s cubic-bezier(.2,.75,.2,1) both}
.public-profile21[data-motion25=true] .public-art21>.cogo-avatar{animation:profile-float25 5s ease-in-out infinite}.public-profile21[data-motion25=true] .profile-spark25{animation:profile-spark25 4.8s ease-in-out infinite}.public-profile21[data-motion25=true] .spark-b25{animation-delay:1.3s}.public-profile21[data-motion25=true] .spark-c25{animation-delay:2.6s}
.public-profile21[data-motion25=true] .level-glint25,.level-preview-card25[data-motion25=true] .level-glint25{animation:level-glint25 7s ease-in-out infinite}.public-profile21[data-motion25=true][data-first25=true] .profile-xp-track25>i{animation:level-fill25 .9s cubic-bezier(.2,.7,.2,1) both}
.public-profile21[data-motion25=true]:is([data-tier25="3"],[data-tier25="4"],[data-tier25="5"],[data-tier25="6"],[data-tier25="7"],[data-tier25="8"],[data-tier25="9"],[data-tier25="10"],[data-tier25="11"]) .public-art21:before{animation:level-halo25 6s ease-in-out infinite}

@media(max-width:600px){
 #modal:has(.public-profile21),#modal:has(.level-guide25){width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px);border-radius:20px}#modal:has(.public-profile21) .dialog-head,#modal:has(.level-guide25) .dialog-head{padding:15px 17px 12px!important}
 .public-profile21{padding:2px 17px 15px}.public-profile21 .public-top21{grid-template-columns:97px minmax(0,1fr);gap:16px;margin-bottom:20px}.public-profile21 .public-art21{height:134px;border-radius:47px 47px 18px 18px}.public-profile21 .public-art21:before{inset:-3px;border-radius:51px 51px 21px 21px}.public-profile21 .public-art21>.cogo-avatar{width:99px!important;height:126px!important}.public-profile21 .public-art21>span{font-size:9px;padding:3px 7px;bottom:-9px}.public-profile21 .profile-spark25{font-size:11px}.public-profile21 .spark-a25{left:7px;top:14px}.public-profile21 .spark-b25{right:4px;top:45px}.public-profile21 .spark-c25{left:5px;bottom:21px}
 .public-profile21 .public-identity21 h2{font-size:25px;margin:5px 0}.public-profile21 .public-identity21 .eyebrow{font-size:10px;letter-spacing:.4px}.public-profile21 .public-primary-group21{font-size:12px;margin-bottom:8px}.public-profile21 .public-identity21 blockquote{font-size:12px;padding:7px 9px;line-height:1.5;margin-bottom:6px;display:block}.public-profile21 .motto-edit23{font-size:11px}.public-profile21 .public-rank21{font-size:11px}.public-profile21 .public-rank21 b{font-size:18px}
 .public-growth25{gap:11px;padding:12px;margin-bottom:14px;flex-wrap:wrap}.level-medal25{width:69px;height:78px;border-radius:19px 19px 23px 23px}.level-medal25>strong{font-size:20px}.level-medal25[data-tier25="11"]>strong{font-size:13px}.growth-title25>b{font-size:14px}.growth-copy25 p{font-size:11px}.growth-copy25 .growth-next25{font-size:11px}.profile-xp-meta25{font-size:10px;gap:2px}.profile-xp-meta25 small{font-size:10px}.level-guide-open25{width:100%;font-size:11px;padding:1px 0 0;justify-content:flex-end;min-height:23px;margin-top:-3px}.level-example25{font-size:9px}
 .public-profile21 .public-tabs21{padding:4px;margin-bottom:12px}.public-profile21 .public-tabs21 button{font-size:12px;padding:8px 2px;min-height:35px}.public-profile21 .public-stats21{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 11px}.public-profile21 .public-stats21 article{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:6px}.public-profile21 .public-stats21 span{font-size:11px}.public-profile21 .public-stats21 b{font-size:24px}.public-profile21 .public-stats21 small{font-size:10px}.public-profile21 .public-footnote21{font-size:10px;line-height:1.5;margin-bottom:6px}.public-profile21 .public-pane21,.public-profile21 .public-pane21:has(.profile-badges23){min-height:145px}.public-profile21 .public-footer21{font-size:10px;margin-top:8px;padding-top:10px}.public-profile21 .public-footer21 button{font-size:11px}
 .public-profile21 .badge-shelf23{gap:6px}.public-profile21 .badge-shelf23 .badge-picture9{width:45px!important;height:45px!important}.public-profile21 .badge-shelf23 article>b{font-size:10px}.public-profile21 .badge-shelf-head23{font-size:11px}.public-profile21 .badge-shelf-head23>b{font-size:13px}
 .level-guide25{padding:0 16px 16px}.level-guide25 h2{font-size:22px}.level-guide25>header>p{font-size:12px;margin-bottom:13px}.level-preview-card25{padding:16px 12px;gap:13px;min-height:130px;border-radius:16px}.level-preview-card25 .level-medal25{width:81px;height:94px}.level-preview-card25 .level-medal25[data-tier25="11"]>strong{font-size:15px}.level-preview-card25 h3{font-size:19px}.level-preview-card25 p{font-size:11px}.level-preview-card25 small{font-size:10px}.level-preview-tools25{gap:12px;flex-wrap:wrap;margin-top:13px}.level-preview-tools25>label{width:100%;justify-content:space-between}.level-preview-tools25>input[type=range]{width:100%;flex-basis:100%}.level-milestones25{gap:5px;margin-bottom:14px}.level-milestones25 button{font-size:10px;padding:4px 8px}.level-band-heading25>b{font-size:11px}.level-band-heading25 nav{gap:5px;font-size:10px}.level-bands25{gap:6px}.level-bands25>button{padding:7px;gap:7px;min-height:54px}.level-bands25>button>i{width:25px;height:25px;border-radius:7px}.level-bands25>button>i>svg{width:16px;height:16px}.level-bands25 b{font-size:10px;white-space:normal}.level-bands25 small{font-size:9px}.level-bands25>button>.icon{display:none}.level-guide25>footer{flex-wrap:wrap;margin-top:12px;padding-top:10px}.level-guide25>footer>span{font-size:10px}.level-guide25>footer>button{margin-left:auto;font-size:11px}
}
@media(min-width:601px) and (max-height:650px){
 .public-profile21{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1fr);gap:12px 20px;padding:0 22px 14px}.public-profile21 .public-top21{grid-column:1;grid-row:1/3;grid-template-columns:77px minmax(0,1fr);gap:13px;margin:0}.public-profile21 .public-art21{height:117px;border-radius:40px 40px 15px 15px}.public-profile21 .public-art21:before{border-radius:44px 44px 20px 20px}.public-profile21 .public-art21>.cogo-avatar{width:80px!important;height:108px!important}.public-profile21 .public-art21>span{font-size:9px;padding:3px 7px}.public-profile21 .public-identity21 h2{font-size:23px}.public-profile21 .public-primary-group21{font-size:11px;margin-bottom:6px}.public-profile21 .public-identity21 .eyebrow{font-size:10px}.public-profile21 .public-identity21 blockquote{font-size:12px;padding:7px;margin-bottom:5px}.public-profile21 .public-rank21{font-size:11px}.public-profile21 .public-rank21 b{font-size:17px}.public-profile21 .motto-edit23{font-size:10px}.public-growth25{grid-column:1;grid-row:3;margin:0;padding:10px;gap:10px;flex-wrap:wrap}.level-medal25{width:61px;height:70px;border-radius:17px}.level-medal25>strong{font-size:18px}.level-medal25[data-tier25="11"]>strong{font-size:12px}.growth-title25>b{font-size:13px}.growth-copy25 p,.growth-copy25 .growth-next25{font-size:10px}.profile-xp-meta25{font-size:10px}.profile-xp-meta25 small{font-size:9px}.level-guide-open25{font-size:10px;padding:0;margin-left:auto;min-height:23px}.public-profile21 .public-tabs21{grid-column:2;grid-row:1;margin:0}.public-profile21 .public-tabs21 button{font-size:12px;padding:7px 2px}.public-profile21 .public-pane21,.public-profile21 .public-pane21:has(.profile-badges23){grid-column:2;grid-row:2/4;min-height:0}.public-profile21 .public-stats21{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 0 10px}.public-profile21 .public-stats21 article{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:4px}.public-profile21 .public-stats21 b{font-size:24px}.public-profile21 .public-stats21 span{font-size:11px}.public-profile21 .public-footnote21{font-size:10px}.public-profile21 .public-footer21{grid-column:1/-1;grid-row:4;margin-top:0;padding-top:9px;font-size:10px}.public-profile21 .badge-shelf23{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.public-profile21 .badge-shelf23 .badge-picture9{width:32px!important;height:32px!important}.public-profile21 .badge-shelf23 article{padding:5px 2px}.public-profile21 .badge-shelf23 article>b{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.public-profile21,.public-profile21 *,.public-profile21 *:before,.level-guide25 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.public-profile21[data-motion25=false] *,.public-profile21[data-motion25=false] *:before{animation:none!important;transition:none!important}
[data-theme=dark] .public-profile21{color:#e7edfa}[data-theme=dark] .public-profile21 .public-identity21 h2{color:#eff2ff}[data-theme=dark] .public-profile21 :is(.public-primary-group21,.eyebrow,.public-rank21,.public-footnote21,.public-footer21){color:#a9b7ce}[data-theme=dark] .public-profile21 .public-rank21 b{color:#cbd3ff}[data-theme=dark] .public-profile21 .public-identity21 blockquote{background:#26324d;color:#c0cbe0}[data-theme=dark] .public-profile21 .public-tabs21{background:#26324a}[data-theme=dark] .public-profile21 .public-tabs21 button{color:#abbad1}[data-theme=dark] .public-profile21 .public-tabs21 button[aria-pressed=true]{background:#3b4967;color:#fff}[data-theme=dark] .public-profile21 .public-stats21 article,[data-theme=dark] .public-profile21 .public-groups21 article,[data-theme=dark] .public-profile21 .badge-shelf23 article{background:#26324a;border-color:#35445f}[data-theme=dark] .public-profile21 .public-stats21 b{color:#e1e8ff}[data-theme=dark] .public-profile21 .public-stats21 span,[data-theme=dark] .public-profile21 .public-groups21 small,[data-theme=dark] .public-profile21 .badge-shelf23 article>b,[data-theme=dark] .public-profile21 .badge-shelf-head23{color:#afbdd5}[data-theme=dark] .public-profile21 .badge-shelf-head23>b{color:#d2ddf5}[data-theme=dark] .public-profile21 .public-footer21{border-color:#35435b}[data-theme=dark] .public-growth25,[data-theme=dark] .level-preview-card25{color:#273b59;color-scheme:light}[data-theme=dark] .level-guide25>header>p,[data-theme=dark] .level-guide25>footer>span{color:#afbbd2}[data-theme=dark] .level-bands25>button{background:var(--level-soft25);color:var(--level-ink25)}[data-theme=dark] .topbar #xpHeader7 .xp-level7{color:hsl(var(--level-hue25,240) 60% 78%)}
[data-theme=dark] .public-profile21 :is(.motto-edit23,.public-footer21 button,.public-group-pages21,.public-empty21,.badge-empty23,.badge-pager23){color:#b6c6e4}

/* v26: readable learning support and guide, using the existing color tokens. */
.course-new26{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:6px;padding:3px 6px;background:#f4d97e;color:#55400e;font-size:10px!important;line-height:1.2;font-weight:850;letter-spacing:.35px;vertical-align:middle}
#desktopNav [data-course-list21]{gap:9px;min-width:0}#desktopNav [data-course-list21]>span{white-space:normal;line-height:1.5}#desktopNav .course-new26{margin-left:auto}
.course-card21 h2 .course-new26{margin-left:8px}.course-card21 h2{overflow-wrap:anywhere}.course-empty21 .btn{margin-top:16px}.course-notice-row26{width:100%;display:flex;align-items:center;gap:12px;padding:14px 0;text-align:left;border-bottom:1px solid var(--line);color:var(--ink)}.course-notice-row26>span:nth-child(2){flex:1;min-width:0}.course-notice-row26 b,.course-notice-row26 small{display:block;overflow-wrap:anywhere}.course-notice-row26 small{color:var(--muted);font-size:12px;margin-top:5px}.course-notice-row26+.btn{margin-top:18px}
.course21 :is(input,select,textarea){font-family:inherit}.course-run21 .course-question-nav21{flex-wrap:wrap;overflow:visible}.course-run21 .course-prompt21,.course-explanation21 p{white-space:pre-wrap;overflow-wrap:anywhere}.course-options21 button{overflow-wrap:anywhere}.course-student-intro21 h1{overflow-wrap:anywhere}
.tutor-top strong{font-size:16px}.tutor-top small{font-size:12px;line-height:1.5}.tutor-top .badge{font-size:10px!important}.tutor-body{padding:20px!important}.tutor-compose{padding:14px 18px!important}
.help-context26{padding:0 0 18px;border-bottom:1px solid var(--line)}.help-context26>small{font-size:12px;color:var(--muted)}.help-context26 h2{font-size:21px;line-height:1.45;letter-spacing:-.6px;margin:7px 0 12px;overflow-wrap:anywhere}.help-context26>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--blue)}.help-context26 .icon{width:16px;height:16px}
.help-route26{display:flex;list-style:none;padding:14px 0;margin:0;gap:12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.help-route26 li{display:flex;align-items:center;gap:5px}.help-route26 li.active{color:var(--blue)}.help-route26 b{font-weight:650}.help-hints26,.help-explanation26{margin:21px 0}.help-hints26 header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.help-hints26 h3,.help-explanation26 h3,.help-ask26 h3{font-size:15px;line-height:1.5;margin:0 0 10px;font-weight:750}.help-hints26 header h3{margin:0}.help-hints26 header small{font-size:12px;color:var(--muted)}.help-hints26 article{border:1px solid var(--line);border-radius:13px;padding:15px;margin:10px 0;background:var(--surface-soft)}.help-hints26 article>b{font-size:10px;letter-spacing:1px;color:var(--blue)}.help-hints26 p,.help-explanation26 p{font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 12px}.help-explanation26>p:not(.help-text26){font-size:13px;color:var(--muted)}.help-text26{padding:16px;border-radius:14px;background:var(--blue-soft);color:var(--ink)}.help-ask26{display:flex;gap:11px;margin:22px 0 6px;padding-top:20px;border-top:1px solid var(--line)}.help-ask26>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--blue-soft);color:var(--blue)}.help-ask26 h3{margin:0}.help-ask26 p,.help-plan26 p{font-size:13px;line-height:1.7;margin:6px 0 12px;color:var(--muted)}.help-ask26 .btn,.help-hints26 .btn,.help-explanation26 .btn,.help-plan26 .btn{font-size:13px;min-height:41px;padding:10px 12px}
.help-form26>label{font-size:13px;font-weight:700;display:block;margin-bottom:9px}.help-form26 .composer{margin:0;align-items:flex-end}.help-form26 textarea{font-size:14px;line-height:1.6;max-height:120px;min-height:64px}.help-form26>small{font-size:11px;line-height:1.6;color:var(--muted);display:block;margin-top:7px}.help-notice26{font-size:12px;line-height:1.65;color:var(--blue);margin:6px 0 0}.help-notice26:empty{display:none}.help-empty26{padding:24px 0}.help-empty26>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:var(--blue-soft);color:var(--blue);margin-bottom:21px}.help-empty26 h2{font-size:24px;line-height:1.4;letter-spacing:-.8px}.help-empty26 p{font-size:15px;line-height:1.9;color:var(--muted);margin:16px 0 23px}

/* No tiny scaled application inside the guide: fit the scene or show its current step. */
.guide23{gap:14px}.guide23 .guide-top23 h1{font-size:28px}.guide23 .guide-audience23 button{font-size:13px;padding:9px 17px}.guide23 .guide-topics23 button{font-size:13px;padding:11px 5px}.guide23 .guide-topics23 button>span{font-size:11px}.guide23 .guide-body23{grid-template-columns:minmax(245px,.65fr) minmax(0,1.55fr);gap:26px}
.guide23 .guide-story23 h2{font-size:clamp(27px,2.2vw,36px);line-height:1.32;margin-bottom:13px}.guide23 .guide-story23>p{font-size:15px;line-height:1.8;margin-bottom:15px}.guide23 .guide-step-list23{gap:5px;margin-bottom:16px}.guide23 .guide-step-list23 button{padding:9px 6px;gap:9px}.guide23 .guide-step-list23 button>b{font-size:14px;line-height:1.55}.guide23 .guide-story23>small{font-size:12px;line-height:1.6}.guide23 .guide-real23{font-size:14px;min-height:43px}.guide23 .guide-chapter23{font-size:11px}
.guide23 .guide-player23{border-radius:22px}.guide23 .guide-screen23{padding:0 20px 16px}.guide23 .guide-screenbar23{height:37px;font-size:11px}.guide23 .guide-screenbar23 em{font-size:10px}.guide23 .guide-scene23{min-height:0;overflow:visible}.guide23 .guide-scene23>div{transform:translate(-50%,-50%)!important;max-width:100%;max-height:none!important;overflow:visible!important}.guide23 .mini-window20{border-radius:16px;box-shadow:0 14px 38px #283c6412;overflow:visible!important}
.guide23 .guide-focus23{outline:0!important;outline-offset:0!important;box-shadow:inset 0 0 0 2px #7174e7!important;border-radius:10px;animation:none!important}.guide23 .guide-pointer23{width:24px;height:29px;filter:drop-shadow(0 3px 4px #23325026)}
.guide23 .mini-header20{font-size:13px!important;padding:13px 18px;min-height:42px;line-height:1.3;border-radius:16px 16px 0 0}.guide23 .mini-header20>span:last-child{font-size:11px!important}.guide23 .demo-word-top20{padding:16px 20px;font-size:14px}.guide23 .demo-word-top20 strong{font-size:14px}.guide23 .attendance-demo20{padding:8px 18px 14px;gap:10px}.guide23 .attendance-demo20 button{padding:13px 14px;min-height:73px}.guide23 .attendance-demo20 button b{font-size:16px}.guide23 .attendance-demo20 button small{font-size:13px;margin-top:4px}.guide23 .attendance-demo20 button>span{width:35px;height:35px;font-size:15px}.guide23 .demo-hint20{font-size:13px!important;line-height:1.65!important;margin:8px 20px 17px!important}
.guide23 .subject-orbit20{padding:18px;gap:10px}.guide23 .subject-orbit20 button{min-height:88px;padding:12px 6px}.guide23 .subject-orbit20 button b{font-size:14px}.guide23 .subject-orbit20 button>span{font-size:29px}.guide23 .demo-selection20{padding:13px;margin:0 18px 18px;min-height:62px}.guide23 .demo-selection20 small{font-size:12px}.guide23 .demo-selection20 b{font-size:15px;line-height:1.5}
.guide23 .demo-quiz-copy20{padding:18px 24px!important}.guide23 .demo-label20{font-size:12px}.guide23 .demo-quiz-copy20 h3{font-size:21px;margin:8px 0;line-height:1.4}.guide23 .fraction20{min-height:55px!important;margin:10px 0!important}.guide23 .fraction20>span,.guide23 .fraction20>strong{font-size:40px}.guide23 .demo-options20 button{height:45px!important;font-size:23px}.guide23 .demo-feedback20{font-size:14px;padding:8px 0!important;min-height:32px!important;line-height:1.5}.guide23 .demo-reveal20{font-size:14px;line-height:1.65;padding:12px}.guide23 .demo-reveal20 small{font-size:13px;line-height:1.6}.guide23 .demo-reveal20 button{font-size:14px}.guide23 .demo-primary20{font-size:14px;min-height:40px!important;padding:10px 14px!important;line-height:1.5}.guide23 .demo-word20{padding:17px;min-height:114px}.guide23 .demo-word20>b{font-size:40px}.guide23 .demo-word20 small{font-size:14px}.guide23 .demo-word-options20{padding:0 18px;gap:9px}.guide23 .demo-word-options20 button{font-size:15px;padding:12px;min-height:43px!important}.guide23 .mastered20{padding:15px}.guide23 .mastered20 span{font-size:13px}
.guide23 .growth-demo-grid20{padding:14px 20px;gap:18px}.guide23 .growth-demo-grid20 svg{width:100%;max-height:240px}.guide23 .growth-factors20 span{font-size:14px;padding:9px}.guide23 .avatar-demo-stage20{height:240px;min-height:0}.guide23 .avatar-demo-stage20 .cogo-avatar{width:248px;height:248px}.guide23 .avatar-count20{font-size:12px}.guide23 .demo-style20{padding:15px;gap:10px}.guide23 .demo-style20 button{font-size:14px;padding:10px;min-height:40px!important}
.guide23 .journey-lead20{padding:23px;gap:19px}.guide23 .journey-lead20 h3{font-size:28px}.guide23 .journey-links20{padding:0 18px 18px;gap:10px}.guide23 .journey-links20 button{padding:14px;font-size:15px}.guide23 .journey-links20 small{font-size:13px}.guide23 .teacher-demo-title20{padding:20px}.guide23 .teacher-demo-title20 h3{font-size:22px;margin:8px 0}.guide23 .teacher-demo-title20 p{font-size:15px}.guide23 .class-flow20{padding:10px 18px;gap:6px}.guide23 .class-flow20>div{padding:14px 7px}.guide23 .class-flow20 b{font-size:15px;line-height:1.5}.guide23 .class-flow20 small,.guide23 .class-flow20 span{font-size:12px;line-height:1.5}.guide23 .assignment-demo20{padding:20px}.guide23 .assignment-demo20 h3{font-size:22px;margin:8px 0 15px}.guide23 .assignment-chips20{margin-bottom:13px}.guide23 .assignment-chips20 span{font-size:13px}.guide23 .review-step20{font-size:15px;min-height:39px;padding:8px 0}.guide23 .student-demo20{padding:20px}.guide23 .student-demo-head20 b{font-size:17px}.guide23 .student-demo-head20 small{font-size:13px}.guide23 .student-stats20{margin:14px 0;gap:10px}.guide23 .student-stats20>span{font-size:13px;padding:13px}.guide23 .student-stats20 b{font-size:27px}.guide23 .teacher-insight20{padding:16px}.guide23 .teacher-insight20>span{font-size:12px}.guide23 .teacher-insight20>b{font-size:16px}.guide23 .teacher-insight20 p{font-size:14px;line-height:1.7}.guide23 .insight-bars20 span{font-size:12px}.guide23 .contest-demo20{padding:18px}.guide23 .contest-ticket20{padding:20px}.guide23 .contest-ticket20>span{font-size:13px}.guide23 .contest-ticket20 h3{font-size:23px;line-height:1.45;margin:12px 0}.guide23 .contest-ticket20>div{font-size:13px}.guide23 .contest-checks20{gap:10px;margin:16px 0}.guide23 .contest-checks20>span{font-size:14px}.guide23 .guide-plans20{padding:18px;gap:12px}.guide23 .guide-plans20>div{padding:17px 10px}.guide23 .guide-plans20 b{font-size:18px}.guide23 .guide-plans20 strong{font-size:22px;margin:11px 0}.guide23 .guide-plans20 small,.guide23 .guide-plans20 span{font-size:12px;line-height:1.7}
.guide23 .guide-caption23{padding:17px 22px}.guide23 .guide-caption-tag23{font-size:10px;margin-bottom:5px}.guide23 .guide-caption23 h3{font-size:19px;line-height:1.45;margin:0 0 6px}.guide23 .guide-caption23 p{font-size:15px;line-height:1.7;margin:0}.guide23 .guide-playbar23{min-height:59px;padding:11px 18px;gap:12px}.guide23 .guide-playbar23 button{font-size:13px;min-height:35px;height:35px}.guide23 .guide-counter23{font-size:13px}.guide23 .guide-speed23{font-size:12px}.guide23 .guide-speed23 select{font-size:12px;height:35px}.guide23 .guide-end23>span,.guide23 .guide-end23>button{font-size:12px}
.guide23 .guide-away26{display:none!important}.guide23.guide-focusmode26 .mini-window20{padding:14px}.guide23.guide-focusmode26 .mini-header20{display:none}.guide23.guide-focusmode26 .mini-window20 :is(.assignment-demo20,.student-demo20,.contest-demo20,.demo-quiz-copy20,.growth-demo-grid20,.guide-plans20,.journey-links20,.attendance-demo20){padding:0!important;margin:0!important}.guide23.guide-focusmode26 .guide-plans20{grid-template-columns:1fr}.guide23.guide-focusmode26 .guide-plans20>div{padding:14px 18px}.guide23.guide-focusmode26 .guide-plans20>div>span{display:block}.guide23.guide-focusmode26 .growth-demo-grid20{grid-template-columns:1fr}.guide23.guide-focusmode26 .growth-demo-grid20 svg{max-height:180px}.guide23.guide-focusmode26 .avatar-demo-stage20{height:170px}.guide23.guide-focusmode26 .avatar-demo-stage20 .cogo-avatar{width:180px;height:180px}.guide23.guide-focusmode26 .class-flow20{display:flex;padding:0}.guide23.guide-focusmode26 .class-flow20>div{flex:1}
@media(max-height:780px) and (min-width:761px){.guide23 .guide-story23>p{font-size:14px;margin-bottom:10px}.guide23 .guide-story23 h2{font-size:27px;margin-bottom:10px}.guide23 .guide-step-list23{gap:3px;margin-bottom:10px}.guide23 .guide-step-list23 button{padding:6px}.guide23 .guide-step-list23 button>b{font-size:13px}.guide23 .guide-story23>small{font-size:11px}.guide23 .guide-caption23{padding:12px 18px}.guide23 .guide-caption23 h3{font-size:17px}.guide23 .guide-caption23 p{font-size:14px}.guide23 .guide-playbar23{padding:8px 15px;min-height:51px}.guide23{gap:10px}}
@media(max-width:1100px){.guide23 .guide-body23{grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);gap:20px}.guide23 .guide-story23 h2{font-size:27px}.guide23 .guide-story23>p{font-size:14px}.guide23 .guide-story23>small{font-size:11px}.guide23 .guide-topics23 button{font-size:11px}.guide23 .guide-topics23 button>span{display:none}.guide23 .guide-screen23{padding:0 12px 12px}}
@media(max-width:760px){
 .guide23{gap:8px}.guide23 .guide-top23 h1{font-size:18px;max-width:170px}.guide23 .guide-audience23 button{font-size:11px;padding:8px 9px}.guide-picker24 select{font-size:13px;height:37px}.guide23 .guide-body23{display:block}.guide23 .guide-player23{border-radius:15px}.guide23 .guide-screenbar23{height:29px;font-size:10px}.guide23 .guide-screenbar23 em{font-size:9px}.guide23 .guide-screen23{padding:0 10px 10px}.guide23 .guide-caption23{padding:12px 14px}.guide23 .guide-caption23 h3{font-size:16px;line-height:1.5;margin-bottom:5px}.guide23 .guide-caption23 p{font-size:13px;line-height:1.65}.guide23 .guide-playbar23{padding:8px 10px;gap:7px;min-height:49px}.guide23 .guide-playbar23 button{font-size:12px;height:32px;min-height:32px}.guide23 .guide-play23{min-width:96px!important}.guide23 .guide-counter23{font-size:11px}.guide23 .guide-speed23 select{height:32px;font-size:11px;max-width:63px}.guide23 .guide-end23{min-height:30px}.guide23 .guide-end23>button{font-size:12px}.guide23 .guide-transport23{gap:3px}.guide23 .guide-transport23 button{width:24px}
 .guide23 .mini-header20{padding:10px 12px;font-size:12px!important;min-height:35px}.guide23 .mini-header20>span:last-child{display:none}.guide23 .demo-word-top20{font-size:13px;padding:12px}.guide23 .demo-word-top20 strong{font-size:12px}.guide23 .attendance-demo20{padding:7px 10px 10px;gap:8px}.guide23 .attendance-demo20 button{padding:10px 7px;gap:6px;min-height:67px}.guide23 .attendance-demo20 button b{font-size:15px}.guide23 .attendance-demo20 button small{font-size:12px}.guide23 .attendance-demo20 button>span{display:none}.guide23 .demo-hint20{font-size:12px!important;margin:7px 12px 12px!important}.guide23 .demo-quiz-copy20{padding:13px!important}.guide23 .demo-quiz-copy20 h3{font-size:18px}.guide23 .demo-feedback20{font-size:13px}.guide23 .demo-reveal20{font-size:13px;padding:10px}.guide23 .demo-primary20{font-size:13px;min-height:37px!important;padding:8px 12px!important}.guide23 .fraction20{min-height:42px!important;margin:7px 0!important}.guide23 .fraction20>span,.guide23 .fraction20>strong{font-size:34px}.guide23 .demo-options20 button{height:38px!important;min-height:38px!important;font-size:20px}.guide23 .subject-orbit20{padding:12px;gap:8px}.guide23 .subject-orbit20 button{min-height:69px;padding:8px 4px}.guide23 .subject-orbit20 button b{font-size:13px}.guide23 .subject-orbit20 button>span{font-size:23px}.guide23 .demo-selection20{padding:10px;margin:0 12px 12px;min-height:55px}.guide23 .demo-selection20 b{font-size:13px}.guide23 .demo-selection20 small{font-size:11px}.guide23 .demo-style20{padding:10px;gap:6px}.guide23 .demo-style20 button{font-size:12px;padding:8px 5px}.guide23 .avatar-demo-stage20{height:190px}.guide23 .avatar-demo-stage20 .cogo-avatar{width:200px;height:200px}.guide23 .guide-plans20{padding:12px;gap:6px}.guide23 .guide-plans20>div{padding:12px 6px}.guide23 .guide-plans20 small,.guide23 .guide-plans20 span{font-size:12px}.guide23 .guide-plans20 strong{font-size:17px}.guide23 .guide-plans20 b{font-size:15px}.guide23 .growth-demo-grid20{padding:12px;gap:9px}.guide23 .growth-factors20 span{font-size:12px;padding:7px}.guide23 .growth-demo-grid20 svg{max-height:170px}.guide23 .class-flow20 b{font-size:13px}.guide23 .teacher-demo-title20 h3{font-size:18px}.guide23 .review-step20{font-size:13px}.guide23 .assignment-demo20 h3{font-size:19px}.guide23 .teacher-insight20 p{font-size:13px}.guide23 .contest-ticket20 h3{font-size:19px}.guide23 .contest-checks20>span{font-size:13px}
}
@media(max-width:760px) and (max-height:700px){
 .guide23{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:36px minmax(0,1fr) 28px;gap:7px}.guide23 .guide-top23{grid-column:1;grid-row:1;min-height:0}.guide23 .guide-top23>div:first-child{display:none}.guide23 .guide-picker24{grid-column:2;grid-row:1}.guide23 .guide-picker24 select{font-size:12px;padding:0 6px;height:34px}.guide23 .guide-audience23{width:100%;justify-content:space-between}.guide23 .guide-audience23 button{font-size:10px;padding:7px 5px}.guide23 .guide-body23{grid-column:1/-1;grid-row:2}.guide23 .guide-end23{grid-column:1/-1;grid-row:3}.guide23 .guide-caption23{padding:9px 12px}.guide23 .guide-caption23 h3{font-size:15px}.guide23 .guide-caption23 p{font-size:12px;line-height:1.6}.guide23 .guide-screenbar23{height:24px}.guide23.guide-focusmode26 .mini-window20{padding:10px}.guide23.guide-focusmode26 .guide-plans20>div{padding:8px 14px;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.guide23.guide-focusmode26 .guide-plans20 strong{margin:3px 0}.guide23.guide-focusmode26 .guide-plans20 small{grid-column:1/-1}.guide23.guide-focusmode26 .avatar-demo-stage20{height:135px}.guide23.guide-focusmode26 .avatar-demo-stage20 .cogo-avatar{width:148px;height:148px}.guide23.guide-focusmode26 .growth-demo-grid20 svg{max-height:145px}.guide23 .guide-end23>button{font-size:11px}.guide23 .guide-end23 .icon{width:12px}.guide23 .guide-playbar23{padding:7px 8px;gap:4px}.guide23 .guide-play23{min-width:90px!important}.guide23 .guide-speed23 select{font-size:10px;max-width:58px}
}
@media(min-width:761px) and (max-height:500px){
 .guide23 .guide-top23 h1{display:none}.guide23 .guide-body23{display:block}.guide23 .guide-player23{grid-template-columns:minmax(0,1fr) 260px}.guide23 .guide-caption23{padding:12px}.guide23 .guide-caption23 h3{font-size:16px}.guide23 .guide-caption23 p{font-size:13px}.guide23 .guide-playbar23{gap:6px;padding:8px}.guide23 .guide-screenbar23{height:25px}.guide23 .guide-audience23 button{font-size:12px;padding:6px 10px}.guide23.guide-focusmode26 .mini-window20{padding:10px}.guide23.guide-focusmode26 .avatar-demo-stage20{height:130px}.guide23.guide-focusmode26 .avatar-demo-stage20 .cogo-avatar{width:145px;height:145px}.guide23.guide-focusmode26 .guide-plans20>div{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:8px 14px}.guide23.guide-focusmode26 .guide-plans20 strong{margin:3px 0}.guide23.guide-focusmode26 .growth-demo-grid20 svg{max-height:145px}
}
.guide23 .guide-scene23{max-width:820px}
body[data-view=guide19] #helpShortcut19,.tutor-paid11:not(.tutor-hidden) #helpShortcut19{display:none!important}
@media(min-width:761px) and (min-height:740px){
 body[data-view=solve] .question-reading:has(>.learning-picture13):has(>.answers.short-answers9)>h2{margin:9px 0 12px}
 body[data-view=solve] .question-reading:has(>.learning-picture13):has(>.answers.short-answers9)>.question-text{margin:0 0 12px}
 body[data-view=solve] .question-reading:has(>.answers.short-answers9)>.learning-picture13{padding:7px 10px;margin:7px 0 10px}
 body[data-view=solve] .question-reading:has(>.answers.short-answers9)>.learning-picture13 svg{max-height:120px}
 body[data-view=solve] .question-reading:has(>.learning-picture13)>.answers.short-answers9{gap:8px}
 body[data-view=solve] .question-reading:has(>.learning-picture13)>.answers.short-answers9 .answer{min-height:48px;padding:10px 12px;font-size:16px}
}
.help-voice26{display:flex;align-items:center;gap:13px}.help-voice26 button{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--blue);min-height:32px}.help-voice26 .icon{width:15px;height:15px}.help-voice26 select{margin-left:auto;font:inherit;font-size:12px;padding:5px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
@media(max-width:760px){.topbar #accountButton7 #accountLabel7{display:none!important}.topbar #accountButton7{width:38px!important;min-width:38px!important;padding:3px!important;justify-content:center}.topbar #accountButton7>.profile-avatar{display:block!important}.topbar #accountButton7>.icon{display:none!important}}
.guide23.guide-focusmode26 .attendance-demo20:has(>.guide-away26){grid-template-columns:1fr}
.guide23.guide-focusmode26 .subject-orbit20:has(>.guide-away26),.guide23.guide-focusmode26 .demo-word-options20:has(>.guide-away26){grid-template-columns:1fr;padding:0}
.guide23.guide-focusmode26 .subject-orbit20:has(>.guide-away26)>button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:74px}
.guide23.guide-focusmode26 .subject-orbit20:has(>.guide-away26)>button>b{font-size:17px}
.guide23.guide-focusmode26 .demo-style20:has(>.guide-away26)>button{flex:1}
.guide23 .guide-story23>p,.guide23 .guide-caption23 p{color:var(--g-muted)}
.guide23 .mini-window20 :is(.demo-hint20,.attendance-demo20 small,.demo-word-top20>span){color:var(--g-muted)}
.guide23.guide-focusmode26 .growth-factors20{gap:5px}
.guide23.guide-focusmode26 .growth-factors20 span{padding:6px 9px;line-height:1.5}
.guide23.guide-focusmode26 .guide-plans20>div{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}
.guide23.guide-focusmode26 .guide-plans20 small{grid-column:1/-1}
.guide23.guide-focusmode26 .student-stats20{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:7px}
.guide23.guide-focusmode26 .student-stats20>span{padding:11px 7px}
.guide23.guide-shortscene26 .growth-factors20{grid-template-columns:1fr 1fr;gap:6px}
.guide23.guide-shortscene26 .growth-factors20 span{font-size:12px;padding:5px;gap:8px}
.guide23.guide-shortscene26 .attendance-demo20{gap:7px}
.guide23.guide-shortscene26 .attendance-demo20 button{min-height:60px;padding:8px}
.guide23.guide-shortscene26 .teacher-insight20{padding:10px;margin:0}
.guide23.guide-shortscene26 .teacher-insight20>b{font-size:14px;margin:5px 0}
.guide23.guide-shortscene26 .teacher-insight20 p{font-size:13px;line-height:1.6}
.guide23.guide-shortscene26 .growth-demo-grid20 svg{max-height:130px}
.guide23.guide-shortscene26 .guide-plans20>div{padding:8px 12px}
.guide23.guide-shortscene26 .guide-plans20 span{font-size:12px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.guide23 .guide-pointer23{transition:none!important}}

.plans-page27{max-width:1440px;margin:auto;padding-bottom:28px}.plans-hero27{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.plans-hero27 h1{font-size:clamp(24px,3vw,36px);letter-spacing:-1.2px;margin:12px 0}.plans-hero27 p{color:var(--muted)}.impact-price27{border-radius:22px;padding:22px 28px;background:linear-gradient(130deg,#211d50,#5542a0);color:#fff;min-width:220px}.impact-price27>span{font-size:13px;letter-spacing:3px;color:#e7dba8}.impact-price27>b{display:block;margin-top:8px;font-size:30px}.impact-price27 small{font-size:12px;margin-left:5px;font-weight:500}.plan-grid27{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-card27{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line,#e2e4ef);background:var(--surface,#fff);color:var(--ink,#222b45);border-radius:22px;padding:22px 18px}.plan-kicker27{font-size:11px;color:var(--muted,#707991);margin-bottom:14px}.plan-card27 header{display:flex;align-items:center;justify-content:space-between;gap:6px}.plan-card27 h2{font-size:24px;margin:0}.plan-card27 header>span{font-size:10px;background:#eae6ff;color:#5746a0;padding:5px 7px;border-radius:9px}.plan-price27{display:flex;align-items:baseline;gap:4px;margin-top:18px;flex-wrap:wrap}.plan-price27 strong{font-size:29px;letter-spacing:-1px}.plan-price27>span{font-size:12px;color:var(--muted,#707991)}.plan-card27>p{font-size:12px;line-height:1.7;min-height:42px;color:var(--muted,#707991)}.plan-card27 dl{margin:12px 0 22px;flex:1}.plan-card27 dl>div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line,#e2e4ef);padding:12px 0;font-size:11px;line-height:1.5}.plan-card27 dt{color:var(--muted,#707991)}.plan-card27 dd{margin:0;font-weight:750;text-align:right}.plan-card27>.btn{width:100%;font-size:12px;min-height:48px}.plan-card27.impact{background:linear-gradient(160deg,#24213f,#38305b);border:1px solid #a68fd1;color:#fff;box-shadow:0 12px 30px #49326d18}.plan-card27.impact .plan-kicker27,.plan-card27.impact dt,.plan-card27.impact>p,.plan-card27.impact .plan-price27>span{color:#dad1eb}.plan-card27.impact dl>div{border-color:#ffffff24}.plan-card27.impact .btn,.impact-button27{background:#efe1b5!important;color:#332c47!important;border-color:#efe1b5!important}.plan-policy27{font-size:12px;line-height:1.9;color:var(--muted,#707991);padding:18px 4px}.teacher-balance27{display:flex;justify-content:space-between;gap:12px;padding:16px;margin-bottom:14px;background:var(--surface,#fff);border-radius:16px;font-size:12px}.plan-modal27{max-width:560px;margin:auto}.plan-modal27 .plan-card27{padding:18px}.plan-modal27 .plan-card27 dl>div{padding:8px 0}.plan-modal27 .plan-card27>p{min-height:0}.plan-modal27>p,.plan-modal27>small{font-size:12px;line-height:1.8;color:var(--muted)}.plan-modal27 .plan-switch21{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.plan-modal27 .plan-switch21 button{min-height:44px;min-width:0;font-size:11px}.plan-badge13.impact,.ticket-symbol16.impact{background:#352b55;color:#f4e5af}.ticket16.impact{border-color:#ad96d0}.tabs16{flex-wrap:wrap}
@media(max-width:1180px){.plan-grid27{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.plans-hero27{display:block}.impact-price27{margin-top:20px;padding:20px}.plan-grid27{grid-template-columns:1fr}.plan-card27{padding:24px}.plan-card27 dl>div{font-size:13px}.plan-card27>.btn{font-size:14px}.plan-card27>p{min-height:0}.teacher-balance27{flex-direction:column}.plan-modal27 .plan-card27 dl>div{font-size:12px}.plan-modal27 .plan-card27>p{display:none}}

.assist-page27{max-width:1120px;margin:auto}.assist-page27>header{padding:8px 0 24px}.assist-page27 h1{margin:8px 0 12px;font-size:30px}.assist-page27 p{color:var(--muted);font-size:14px}.assist-rules27{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.assist-rules27>span{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:24px;font-size:13px;background:var(--surface)}.assist-rules27 .icon{width:16px;height:16px}.assist-status-card27{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px}.assist-status-card27 h2{font-size:19px;margin-bottom:6px}.assist-toggle27{display:flex;align-items:center;gap:9px;white-space:nowrap}.assist-toggle27 input{width:20px;height:20px;min-height:20px;accent-color:#6265ec}.assist-offline27{padding:20px 22px;background:var(--blue-soft);border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.assist-offline27 p{margin:7px 0 14px}.assist-status27{min-height:28px;padding:12px 2px}.assist-current27{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px;margin-bottom:18px}.assist-current27>span{flex:1;color:var(--muted);font-size:13px}.assist-class27{margin-bottom:18px;overflow:hidden}.assist-class27>header{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.assist-class27 h2{font-size:19px}.assist-class27>header>span{font-size:13px;color:var(--muted)}.assist-class27 article{display:flex;align-items:center;gap:13px;padding:16px 22px;border-bottom:1px solid var(--line)}.assist-class27 article>div{flex:1;min-width:0}.assist-class27 article small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.assist-person27{width:42px;height:42px;display:grid;place-items:center;background:var(--blue-soft);border-radius:15px;color:var(--blue);font-weight:700;flex:none}.assist-empty27{padding:40px 24px;text-align:center}.assist-empty27>.icon,.assist-empty27>span>.icon{width:36px;height:36px}.assist-empty27 h2{margin:12px 0;font-size:20px}.assist-foot27{font-size:12px;color:var(--muted);padding:18px 2px;line-height:1.8}.assist-live-entry27{display:flex;align-items:center;gap:16px;margin-top:18px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.assist-live-entry27>div{flex:1}.assist-live-entry27 p{font-size:13px;color:var(--muted);margin-top:6px}
.assist-invite27{position:fixed;right:24px;bottom:28px;max-width:440px;width:calc(100vw - 32px);z-index:180;background:var(--surface);border:2px solid #7771ef;border-radius:22px;box-shadow:0 12px 70px #10193533;padding:22px}.assist-invite27 p{font-size:13px;color:var(--muted);margin:8px 0 16px}.assist-invite27>div:last-child{display:flex;justify-content:flex-end;gap:10px}
.assist-bar27{position:fixed;right:22px;bottom:24px;width:420px;max-width:calc(100vw - 28px);background:var(--surface);border:1px solid #9691ee;border-radius:20px;box-shadow:0 12px 60px #16203933;padding:16px;z-index:160}.assist-bar-head27{display:flex;align-items:center;gap:8px;font-size:14px}.assist-bar-head27>span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.assist-live-dot27{width:8px;height:8px;border-radius:100%;background:#ed5477}.assist-bar27 #assistScreen27{position:relative;aspect-ratio:16/10;margin:14px 0;border-radius:12px;background:#171f34;display:grid;place-items:center;overflow:hidden}.assist-bar27 #assistScreen27 p{padding:16px;color:#c7cfea;font-size:13px;text-align:center}.assist-bar27 #assistScreen27 video{position:absolute;width:100%;height:100%;object-fit:contain}.assist-bar27.student #assistScreen27,.assist-bar27.pending #assistScreen27,.assist-bar27.collapsed #assistScreen27{display:none}.assist-bar27.student,.assist-bar27.pending{width:480px}.assist-controls27{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.assist-controls27 button{font-size:12px;min-height:48px;flex:1;padding:8px 10px;border:1px solid var(--line);border-radius:10px;white-space:nowrap}.assist-controls27 [data-stop]{background:#a82546;color:white;border:0}.assist-bar27 #assistMiniStatus27{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.assist-bar27.pending [data-screen],.assist-bar27.pending [data-mic],.assist-bar27.pending [data-audio],.assist-bar27.pending [data-collapse]{display:none}
@media(max-width:760px){.assist-page27 h1{font-size:24px}.assist-status-card27,.assist-live-entry27{align-items:stretch;flex-direction:column;padding:17px}.assist-rules27{gap:7px}.assist-rules27>span{font-size:11px;padding:8px 10px}.assist-class27 article{padding:14px;gap:9px;flex-wrap:wrap}.assist-class27 article>button{min-width:100%;height:42px}.assist-bar27,.assist-invite27{right:14px;bottom:78px;padding:14px}.assist-bar27{max-height:calc(100dvh - 110px);overflow:auto}.assist-bar-head27{flex-wrap:wrap}.assist-bar27 #assistScreen27{max-height:35dvh}.cogo-app27 .assist-bar27,.cogo-app27 .assist-invite27{bottom:14px}}

.assist-manage27{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.assist-manage27 .btn{min-height:48px}

/* The Android shell provides its own chrome; desktop HTML remains unchanged. */
html.cogo-app27{--side:0px;--tutor:0px;--topbar:0px;--bottom-nav:0px;overscroll-behavior:none}
.cogo-app27 body{padding:0!important;margin:0!important;overscroll-behavior:none}
.cogo-app27 .topbar,.cogo-app27 #mainSidebar,.cogo-app27 #bottomNav,.cogo-app27 #navEdge,.cogo-app27 #navBackdrop,.cogo-app27 .page-footer,.cogo-app27 .compact-footer,.cogo-app27 #guideShortcut23{display:none!important}
.cogo-app27 .shell{margin:0!important;width:100%!important;height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;transition:none!important}
.cogo-app27 #main{padding:16px!important;flex:1!important;width:100%!important;min-height:0!important;height:100dvh!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;scroll-padding:16px}
.cogo-app27 #main>.page{min-height:0!important;padding-bottom:8px!important}
.cogo-app27 #main>.page>.welcome{margin-bottom:16px}
.cogo-app27 #main>.page>.welcome h1{font-size:24px;letter-spacing:-.7px}
.cogo-app27 #main>.page>.welcome p{font-size:14px}
.cogo-app27 button,.cogo-app27 input,.cogo-app27 select{touch-action:manipulation}
.cogo-app27 input,.cogo-app27 select,.cogo-app27 textarea{font-size:16px;min-height:44px}
.cogo-app27 .btn{min-height:46px;border-radius:14px}
.cogo-app27 .learning-tabs{gap:4px;overflow:auto;flex-wrap:nowrap;scrollbar-width:none}
.cogo-app27 .learning-tabs>button{flex:none;min-height:46px}
.cogo-app27 dialog{max-height:calc(100dvh - 20px)!important;max-width:calc(100vw - 20px)!important}
.cogo-app27 #tutor{top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;z-index:150}
.cogo-app27 #tutorHandle11{top:auto!important;bottom:18px!important}
.cogo-app27 .toast{bottom:16px!important;max-width:calc(100vw - 32px)}
.cogo-app27 .question-actions{flex-wrap:wrap;gap:8px}
.cogo-app27 .question-actions .btn{flex:1;min-width:110px}
@media(max-width:500px){
 .cogo-app27 #main{padding:14px!important}
 .cogo-app27 .modal,.cogo-app27 #modal{border-radius:22px!important}
 .cogo-app27 .learning-source{display:none}
 .cogo-app27 .filters{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.cogo-app27 *{scroll-behavior:auto!important}}

.cogo-app27 button:not(.avatar-layer):not([disabled]){min-height:48px;min-width:48px}
.cogo-app27 .btn,.cogo-app27 .text-btn,.cogo-app27 .answer{font-size:15px!important}
.cogo-app27 .answer{min-height:60px!important;padding:14px!important;border-radius:16px!important}
.cogo-app27 .answer .num{min-width:32px;min-height:32px}
.cogo-app27 .pager9 button,.cogo-app27 .filter-chip,.cogo-app27 .tab,.cogo-app27 summary{min-height:48px}
.cogo-app27 .question-actions .btn{min-height:54px;font-size:16px!important}
.cogo-app27 .exam-numbers11{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}
.cogo-app27 .exam-numbers11>button{flex:none}
.cogo-app27 .exam-actions11{flex-wrap:wrap;gap:10px}
.cogo-app27 .exam-actions11>.btn{flex:1;min-width:130px}
.cogo-app27 :focus-visible{outline:3px solid #7175ef;outline-offset:3px}

.cogo-app27 #helpShortcut19,.cogo-app27 #sidebarHandle10{display:none!important}
.cogo-app27:not([data-app-route27="solve"]):not([data-app-route27="coding"]) #tutorHandle11{display:none!important}
/* Override the legacy compact desktop selectors at their actual specificity. */
html.cogo-app27 body #main button:not([disabled]),html.cogo-app27 body dialog button:not([disabled]){min-height:48px!important;min-width:48px!important}
html.cogo-app27 body #main .btn,html.cogo-app27 body dialog .btn{font-size:15px!important}
html.cogo-app27 body #main .question-panel .answer,html.cogo-app27 body #main .exam-question11 .answer{min-height:60px!important;padding:14px!important;font-size:16px!important}
html.cogo-app27 body #main .question-actions .btn{min-height:54px!important}
html.cogo-app27 body #main input:not([type=checkbox]):not([type=radio]),html.cogo-app27 body #main select{min-height:48px!important;font-size:16px!important}

/* Clear separation of the outcome and answer-disclosure state. */
.answer-concealed19{padding:24px!important;border-radius:20px!important}.answer-title27{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px!important;padding-bottom:19px;border-bottom:1px solid var(--line,#e4e8f4)}.answer-title27>div{display:flex;align-items:center;gap:12px;min-width:0}.answer-title27 h3{font-size:21px!important;line-height:1.4!important;letter-spacing:-.5px;margin:0!important;color:var(--text,#202f4c)!important}.answer-status-icon27{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#edeaff;color:#7058d7;font-size:23px;font-weight:750;flex:none}.answer-private27{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:8px 12px;border:1px solid var(--line,#e0e5f1);border-radius:30px;background:var(--soft,#f5f6fb);font-size:11px!important;line-height:1.4;color:var(--muted,#77839a);font-weight:600;white-space:nowrap}.answer-concealed19>p{font-size:15px!important;line-height:1.8!important;margin:0 0 21px!important;word-break:keep-all}.answer-buttons19{display:flex!important;flex-wrap:wrap;gap:12px!important;margin:0 0 17px!important}.answer-buttons19 .btn{min-height:48px;border-radius:13px;font-size:14px!important;padding:12px 18px!important}.answer-concealed19>small{display:block!important;border-top:1px dashed var(--line,#e0e5f1);padding-top:15px;line-height:1.75!important;font-size:12px!important;color:var(--muted,#6d7b93)!important}.answer-concealed19.wrong .answer-status-icon27{background:#fff0e1;color:#bb7a37}html.cogo-app27 body .answer-concealed19{padding:19px!important}html.cogo-app27 body .answer-title27{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px!important;padding-bottom:18px}html.cogo-app27 body .answer-title27 h3{font-size:22px!important}html.cogo-app27 body .answer-private27{margin-left:52px}html.cogo-app27 body .answer-buttons19{display:grid!important;grid-template-columns:1fr;width:100%}html.cogo-app27 body .answer-buttons19>.btn{width:100%;min-height:52px}html.cogo-app27 body .answer-concealed19>small{font-size:12px!important}html.cogo-app27 body #answerFeedback{padding:0!important}html.cogo-app27 body #answerFeedback .answer-dialog-body{padding:16px!important}

@media(max-width:650px){.answer-title27{flex-direction:column;align-items:flex-start;gap:14px}.answer-private27{margin-left:52px}.answer-title27 h3{font-size:22px!important}.answer-concealed19{padding:19px!important}.answer-buttons19{display:grid!important;grid-template-columns:1fr}.answer-buttons19>.btn{width:100%;min-height:52px}}
/* IMPACT: moving aurora, sheen and a halo. Text remains legible. */
:is(.plan-card27.impact .btn,button.impact-button27,[data-impact-preview27="impact"],[data-teacher-checkout14="impact"]){position:relative;isolation:isolate;overflow:hidden!important;background:linear-gradient(110deg,#ded3ff,#f8e7cb,#e8d7ff,#c6e7ff)!important;background-size:300% 100%!important;border:1px solid #ecdcff!important;color:#302040!important;font-weight:800!important;box-shadow:0 4px 18px #aa7beb24;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.impact-button27:before,[data-impact-preview27="impact"]:before,[data-teacher-checkout14="impact"]:before{content:'';position:absolute;inset:-100% -60%;pointer-events:none;background:linear-gradient(115deg,transparent 37%,#fff0 40%,#ffffffdd 48%,#ffffff22 52%,transparent 59%);transform:translateX(-65%);z-index:-1}
.impact-button27:after,[data-impact-preview27="impact"]:after,[data-teacher-checkout14="impact"]:after{content:'';position:absolute;inset:3px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 14% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 84% 70%,#fff 0 2px,transparent 3px),radial-gradient(circle at 68% 22%,#fff 0 1px,transparent 2px);opacity:0;z-index:-1;transition:opacity .2s}
@media(prefers-reduced-motion:no-preference){.impact-button27:hover,.impact-button27:focus-visible,[data-impact-preview27="impact"]:hover,[data-impact-preview27="impact"]:focus-visible,[data-teacher-checkout14="impact"]:hover{transform:translateY(-3px);box-shadow:0 8px 24px #bb7dfa55,0 0 0 4px #bca0ff22,0 0 42px #987ae744;animation:impact-aurora27 2.6s ease-in-out infinite}.impact-button27:hover:before,.impact-button27:focus-visible:before,[data-impact-preview27="impact"]:hover:before,[data-impact-preview27="impact"]:focus-visible:before,[data-teacher-checkout14="impact"]:hover:before{animation:impact-shine27 1.6s ease-in-out infinite}.impact-button27:hover:after,[data-impact-preview27="impact"]:hover:after{opacity:.8;animation:impact-stars27 1.4s ease-in-out infinite}.impact-button27:active,[data-impact-preview27="impact"]:active{transform:scale(.97);box-shadow:0 2px 35px #aa7beb70}@keyframes impact-aurora27{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes impact-shine27{0%{transform:translateX(-65%) rotate(0deg)}70%,100%{transform:translateX(65%) rotate(0deg)}}@keyframes impact-stars27{0%,100%{opacity:.35}50%{opacity:1}}}
@media(prefers-reduced-motion:reduce){.impact-button27,[data-impact-preview27="impact"]{animation:none!important;transform:none!important}}

body.reduce-polish271 .impact-button27,body.reduce-polish271 [data-impact-preview27=impact],body.reduce-polish271 .impact-button27:before,body.reduce-polish271 .impact-button27:after,body.reduce-polish271 [data-impact-preview27=impact]:before,body.reduce-polish271 [data-impact-preview27=impact]:after{animation:none!important;transform:none!important}

/* v28: aligned learning guide and an integrated, responsive classroom. */
.plans-hero27{justify-content:flex-start}.plans-hero27>div{max-width:100%}
.class-hub28{max-width:1380px;margin:0 auto;color:var(--ink)}
.class-header28{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px}.class-header28 h1{font-size:36px;letter-spacing:-1.5px;line-height:1.3;margin:8px 0 10px}.class-header28 p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.class-status28{padding:9px 13px;border:1px solid var(--line);border-radius:30px;white-space:nowrap;font-size:12px;color:var(--muted);background:var(--surface)}.class-status28.online{color:#24734d;background:#e7f5ec}
.class-tabs28{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.class-tabs28>button{display:flex;text-align:left;align-items:center;gap:16px;min-height:100px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--muted);position:relative}.class-tabs28>button[aria-selected=true]{border-color:#636cdf;box-shadow:0 0 0 1px #636cdf;background:var(--blue-soft);color:var(--ink)}.class-tabs28 b,.class-tabs28 small{display:block}.class-tabs28 b{font-size:18px;line-height:1.4}.class-tabs28 small{font-size:13px;margin-top:6px;line-height:1.5}.class-tab-icon28{width:48px;height:48px;display:grid;place-items:center;background:var(--surface-soft);border-radius:14px;flex:none;color:var(--blue)}.class-tab-icon28 .icon{width:23px;height:23px}.class-tabs28 i{margin-left:auto;font-size:12px;font-style:normal;color:var(--blue)}
.class-hub28 .class-offline28{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 24px}.class-offline28 b{font-size:14px}.class-offline28 p{font-size:13px;line-height:1.7;color:var(--muted);margin:5px 0 0}.class-offline28 .btn{flex:none;min-height:44px;font-size:13px}
.class-hub28 #classPanel28{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:28px}.class-hub28 .live22,.class-hub28 .assist-page27{max-width:none;margin:0}.class-heading28{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.class-label28{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--blue)}.class-heading28 h2{font-size:26px;letter-spacing:-.8px;line-height:1.4;margin:8px 0}.class-heading28 p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.class-heading28 .live-create-actions22{margin:0;flex-wrap:wrap;justify-content:flex-end}.class-heading28 .btn{min-height:46px;white-space:nowrap;font-size:13px}.class-badge28{flex:none;font-size:12px;color:var(--blue);background:var(--blue-soft);padding:8px 12px;border-radius:8px}.class-tools28{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.class-tools28 .live-plans22{margin:0}.class-list-title28{display:flex;align-items:center;gap:10px;margin:24px 0 16px}.class-list-title28 h3{margin:0;font-size:16px}.class-list-title28>span{font-size:12px;color:var(--muted)}.class-hub28 .live-empty22{padding:28px 18px;min-height:0;background:var(--surface-soft);border-style:dashed;grid-column:1/-1}.class-hub28 .live-empty-symbol24{width:42px;height:42px;margin:0 auto 12px}.class-hub28 .live-empty22 h3{font-size:18px;margin:0 0 8px}.class-hub28 .live-empty22 p{font-size:14px;line-height:1.7;margin:0}.class-hub28 .live-footnote22{font-size:12px;line-height:1.8;margin:20px 0 0}
.class-hub28 .assist-status-card27{padding:20px;border-radius:15px;background:var(--surface-soft);box-shadow:none;margin:0}.class-hub28 .assist-status-card27 h2{font-size:17px;margin:0 0 8px}.class-hub28 .assist-status-card27 p{font-size:13px;line-height:1.8;max-width:640px;margin:0}.class-hub28 .assist-toggle27{min-height:48px;white-space:nowrap}.class-hub28 .assist-toggle27 input{width:22px;height:22px}.class-hub28 .assist-status27{font-size:12px;margin:10px 0 20px;color:var(--muted)}.class-hub28 .assist-empty27{padding:28px 18px;margin:18px 0;background:var(--surface-soft);border:1px dashed var(--line);border-radius:14px}.class-hub28 .assist-empty27 h2{font-size:18px;margin:0 0 8px}.class-hub28 .assist-empty27 p{font-size:13px;line-height:1.7;margin:0}.class-hub28 .assist-foot27{font-size:12px;margin:22px 0 0;line-height:1.8}.class-how28{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.class-how28 h3{font-size:16px;margin:0 0 18px}.class-how28 ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}.class-how28 li{display:flex;align-items:flex-start;gap:11px;min-width:0}.class-how28 li>span{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:750}.class-how28 b{font-size:14px;line-height:1.8}.class-how28 p{font-size:13px;color:var(--muted);line-height:1.7;margin:6px 0 0}
/* The outer page scrolls when needed; neither column is vertically cropped. */
body[data-view=guide19] #main.content{display:block!important;overflow:auto!important;height:auto!important;min-height:0!important;padding:26px 32px!important}
body[data-view=guide19] .guide23.guide28{display:block;height:auto;min-height:0;max-width:1440px;margin:0 auto;padding-bottom:24px!important}
.guide28 .guide-top23{display:flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:0;padding:0 0 22px;margin:0}.guide28 .guide-top23>div:first-child{display:block!important}.guide28 .guide-top23 h1{display:block!important;max-width:none!important;font-size:28px;line-height:1.4;margin:5px 0 8px}.guide28 .guide-top23 p{display:block!important;font-size:14px;line-height:1.7;margin:0}.guide28 .guide-audience23{width:auto;margin:0;flex:none}.guide28 .guide-audience23 button{font-size:13px;min-height:42px;padding:10px 17px}.guide28 .guide-topics23{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 24px;border-bottom:1px solid var(--g-line)}.guide28 .guide-topics23 button{min-height:48px;font-size:13px;padding:12px 8px}.guide28 .guide-topics23 button>span{display:inline;font-size:11px}.guide28 .guide-picker24{display:none}
.guide23.guide28 .guide-body23{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:28px;height:auto;min-height:0;align-items:start}.guide23.guide28 .guide-story23{display:flex;justify-content:flex-start;align-self:stretch;padding:28px;border:1px solid var(--g-line);border-radius:20px;background:var(--g-paper);height:auto;min-height:0}.guide28 .guide-chapter23{margin:0 0 16px;font-size:11px}.guide28 .guide-story23 h2{font-size:clamp(26px,2vw,34px);line-height:1.4;letter-spacing:-1px;margin:0 0 16px}.guide28 .guide-story23>p{font-size:15px;line-height:1.9;margin:0 0 22px;max-width:none}.guide28 .guide-step-list23{gap:8px;margin:0 0 24px}.guide28 .guide-step-list23 button{padding:10px;min-height:46px}.guide28 .guide-step-list23 button>b{font-size:14px;line-height:1.55}.guide28 .guide-real23{min-height:48px;font-size:14px;max-width:none;margin-top:auto}.guide28 .guide-story23>small{font-size:12px;line-height:1.7;margin-top:12px}
.guide23.guide28 .guide-player23{display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;height:auto;min-height:0;border-radius:20px;align-self:start;overflow:hidden}.guide23.guide28 .guide-screen23{display:block;order:0;min-height:0;height:auto;padding:0 20px 24px;overflow:visible;grid-column:auto;grid-row:auto}.guide28 .guide-screenbar23{height:46px;font-size:11px}.guide28 .guide-screenbar23 em{font-size:10px}.guide23.guide28 .guide-scene23{display:block;position:relative;height:auto;min-height:0;max-width:none;margin:0;overflow:visible}.guide23.guide28 .guide-scene23>.mini-window20{position:relative;top:auto;left:auto;width:100%;transform:none!important;min-height:0;max-height:none!important;overflow:visible!important}.guide23.guide28 .guide-caption23{order:1;grid-column:auto;grid-row:auto;padding:20px 24px;border-top:1px solid var(--g-line);border-bottom:0;min-height:0}.guide28 .guide-caption-tag23{display:block;font-size:10px;margin-bottom:7px}.guide28 .guide-caption23 h3{font-size:19px;line-height:1.5;margin:0 0 7px}.guide28 .guide-caption23 p{font-size:14px;line-height:1.8;margin:0}.guide23.guide28 .guide-playbar23{order:2;grid-column:auto;grid-row:auto;display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px;border-top:1px solid var(--g-line);min-height:64px}.guide28 .guide-playbar23 button{height:40px;min-height:40px;font-size:13px}.guide28 .guide-transport23 button{width:34px}.guide28 .guide-counter23{font-size:12px}.guide28 .guide-speed23 select{height:40px;font-size:12px;max-width:80px}.guide28 .guide-replay23{display:inline-flex}.guide28 .guide-end23{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0!important}.guide28 .guide-end23>span{display:block;font-size:12px}.guide28 .guide-end23>button{min-height:42px;font-size:13px;white-space:normal}
.upgrade-policy28{display:grid;grid-template-columns:.9fr 1.5fr;gap:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px;margin:24px 0}.upgrade-policy28 h2{font-size:23px;margin:8px 0 12px;letter-spacing:-.6px}.upgrade-policy28 p{font-size:14px;line-height:1.85;margin:8px 0;color:var(--muted)}.upgrade-policy28 b{font-size:16px;line-height:1.7}.upgrade-policy28 small{font-size:12px;line-height:1.8;display:block;color:var(--muted)}
.checkout28{color:var(--ink);font-size:14px}.checkout28 h2{font-size:25px;letter-spacing:-.8px;line-height:1.5;margin:10px 0}.checkout28>p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 18px}.checkout-label28{font-size:12px;letter-spacing:1px;color:var(--blue);font-weight:750}.checkout-summary28{background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:18px;margin:20px 0}.checkout-summary28 dl{margin:0}.checkout-summary28 dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0}.checkout-summary28 dt{font-size:13px;color:var(--muted);line-height:1.6}.checkout-summary28 dd{text-align:right;margin:0;font-size:14px;font-weight:750;line-height:1.6}.checkout-summary28 .checkout-total28{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:6px 0}.checkout-total28 dd{font-size:25px;color:var(--blue)}.checkout-summary28>small{display:block;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.8;padding-top:12px;margin-top:8px}.checkout-points28{display:grid;gap:9px;font-weight:700}.checkout-points28 input{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit;background:var(--surface);color:var(--ink);width:100%}.checkout-points28 small{font-size:12px;font-weight:400;color:var(--muted)}.checkout28>.checkout-pay28{font-weight:800;font-size:18px;color:var(--ink);margin:18px 0}.checkout-rules28{padding-left:18px;margin:18px 0;color:var(--muted);font-size:12px;line-height:1.9}.checkout-rules28 li{margin:6px 0}.checkout-agree28{display:flex;align-items:flex-start;gap:12px;min-height:48px;font-size:14px;line-height:1.7;padding:14px 0}.checkout-agree28 input{width:21px;height:21px;flex:none;margin:2px 0;accent-color:#535cdd}.checkout-agree28 small{display:block;font-size:12px;color:var(--muted)}.checkout-actions28{display:flex;gap:10px;margin-top:12px}.checkout-actions28 .btn{min-height:48px;font-size:13px}.checkout-actions28 button[type=submit]{flex:1}.checkout-expiry28{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:14px}.checkout28 .checkout-status28:empty{display:none}.checkout28 .checkout-status28{margin-top:12px;color:#b44a46}
@media(max-width:1100px){.class-heading28{align-items:flex-start;flex-direction:column}.class-heading28 .live-create-actions22{justify-content:flex-start}.guide23.guide28 .guide-body23{grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr);gap:20px}.guide23.guide28 .guide-story23{padding:22px}.guide28 .guide-topics23 button>span{display:none}}
@media(max-width:760px){.class-header28{gap:12px;margin-bottom:20px;align-items:flex-start}.class-header28 h1{font-size:28px}.class-header28 p{font-size:13px}.class-status28{padding:7px 9px;font-size:10px}.class-tabs28{gap:10px}.class-tabs28>button{padding:16px 12px;min-height:100px;gap:9px;align-items:flex-start;flex-direction:column}.class-tab-icon28{width:32px;height:32px;border-radius:9px}.class-tab-icon28 .icon{width:18px;height:18px}.class-tabs28 b{font-size:16px}.class-tabs28 small{font-size:11px}.class-tabs28 i{position:absolute;right:10px;top:18px;font-size:10px}.class-hub28 .class-offline28{padding:15px;gap:12px;align-items:flex-start;flex-direction:column}.class-offline28 p{font-size:12px}.class-hub28 #classPanel28{padding:20px 16px;border-radius:18px}.class-heading28{gap:16px}.class-heading28 h2{font-size:22px}.class-heading28 p{font-size:13px}.class-heading28 .live-create-actions22{width:100%;gap:8px}.class-heading28 .btn{flex:1;white-space:normal;padding:12px;font-size:12px}.class-tools28{align-items:flex-start;flex-direction:column}.class-tools28 .live-plans22{gap:8px}.class-tools28 .live-plans22 span{font-size:11px}.class-hub28 .assist-status-card27{padding:16px;align-items:flex-start;flex-direction:column;gap:14px}.class-hub28 .assist-toggle27{width:100%;padding:10px 0}.class-how28 ol{grid-template-columns:1fr;gap:18px}.class-hub28 .assist-class27 article{flex-wrap:wrap}.class-hub28 .assist-class27 article .btn{min-height:44px}.class-hub28 .assist-current27{flex-wrap:wrap}
 body[data-view=guide19] #main.content{padding:18px 14px!important}.guide28 .guide-top23{flex-direction:column;align-items:flex-start;padding-bottom:18px;gap:14px}.guide28 .guide-top23 h1{font-size:23px}.guide28 .guide-top23 p{font-size:13px}.guide28 .guide-top23 p{max-width:31em}.guide28 .guide-audience23{width:100%;display:flex}.guide28 .guide-audience23 button{flex:1;min-height:44px;font-size:13px}.guide28 .guide-topics23{display:none}.guide28 .guide-picker24{display:block;margin:0 0 18px}.guide28 .guide-picker24 select{height:46px;font-size:14px;width:100%}.guide23.guide28 .guide-body23{display:flex;flex-direction:column;height:auto;gap:18px}.guide23.guide28 .guide-story23{order:0;width:100%;padding:20px;border-radius:16px;display:flex}.guide28 .guide-chapter23{margin-bottom:10px}.guide28 .guide-story23 h2{font-size:25px;margin-bottom:12px}.guide28 .guide-story23 h2 br{display:none}.guide28 .guide-story23>p{font-size:14px;margin-bottom:14px}.guide28 .guide-step-list23{gap:4px;margin-bottom:16px}.guide28 .guide-step-list23 button{min-height:44px;padding:8px}.guide28 .guide-step-list23 button>b{font-size:13px}.guide28 .guide-real23{min-height:48px;font-size:13px}.guide23.guide28 .guide-player23{order:1;width:100%;border-radius:16px}.guide23.guide28 .guide-screen23{padding:0 10px 16px}.guide28 .guide-screenbar23{height:38px;font-size:10px}.guide28 .guide-screenbar23 em{font-size:9px}.guide23.guide28 .guide-caption23{padding:18px}.guide28 .guide-caption23 h3{font-size:17px}.guide28 .guide-caption23 p{font-size:13px}.guide23.guide28 .guide-playbar23{padding:12px;gap:8px}.guide28 .guide-playbar23 button{height:44px;min-height:44px}.guide28 .guide-transport23 button{width:32px}.guide28 .guide-play23{min-width:100px!important}.guide28 .guide-speed23{margin-left:auto}.guide28 .guide-speed23 select{height:44px;max-width:74px;font-size:12px}.guide28 .guide-replay23{display:none}.guide28 .guide-end23>span{font-size:11px}.guide28 .guide-end23>button{margin-left:auto;white-space:normal}.upgrade-policy28{grid-template-columns:1fr;gap:18px;padding:20px}.checkout28 h2{font-size:22px}.checkout-summary28{padding:14px}.checkout-summary28 dl>div{gap:12px}.checkout-summary28 dt{font-size:12px;flex:1}.checkout-summary28 dd{font-size:13px;max-width:58%}.checkout-summary28 .checkout-total28 dd{font-size:23px}.checkout-actions28{flex-direction:column}.checkout-actions28 .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.class-tabs28>button{transition:none}}
.guide23.guide28 .guide-plans20{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide23.guide28 .guide-plans20>div{min-width:0;padding:14px}.guide23.guide28 .guide-plans20 .impact{background:#282447;color:#fff;border:1px solid #9188d4;border-radius:13px}.guide23.guide28 .guide-plans20 .impact small,.guide23.guide28 .guide-plans20 .impact span{color:#d9d4f0}
#modal:has(.checkout28){max-height:calc(100dvh - 24px);overflow:hidden}#modal[open]:has(.checkout28){display:flex;flex-direction:column}#modal:has(.checkout28)>.dialog-head{flex:none}#modal:has(.checkout28)>#modalContent{min-height:0;overflow-y:auto!important;max-height:none;overscroll-behavior:contain;padding-bottom:26px}
.billing-receipt28{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.billing-receipt28 h2{font-size:17px;margin:0 0 14px}.billing-receipt28>div{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.billing-receipt28 b{font-size:15px}.billing-receipt28 span{font-size:13px;color:var(--muted)}.billing-receipt28 small{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}