:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.wb-active-tool-chip{color:#f1d36b;white-space:nowrap;letter-spacing:.03em;background:#f1d36b1f;border:1px solid #f1d36b4d;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:800}.login-divider{color:#ffffffa6;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:28px 0 0;font-size:.8rem;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff59;flex:1;height:1px}.parent-signin-form{margin-top:4px}.parent-login-panel{z-index:2;background:#ffffff0f;border:1px solid #f1d36b59;border-radius:20px;max-width:730px;margin:0 0 18px;padding:22px 24px;position:relative}.parent-login-heading{color:#fff;margin:0 0 6px;font-size:20px;font-weight:900}.parent-login-caption{color:#d9e3ff;margin:0 0 16px;font-size:13.5px;line-height:1.5}.parent-gmail-note{color:#f1d36b;margin:14px 0 0;font-size:13px;font-weight:800;line-height:1.55}.create-parent-panel{z-index:2;max-width:730px;margin:0 0 22px;position:relative}.create-parent-btn{text-align:center;justify-content:center;width:100%}.create-parent-caption{color:#d9e3ff;margin:8px 0 0;font-size:13px;line-height:1.5}.google-login-panel{z-index:2;max-width:730px;margin:0 0 22px;position:relative}.google-login-btn{text-align:center;justify-content:center;width:100%;font-weight:800}.google-login-caption{color:#9fb0d4;margin:8px 0 0;font-size:12px;line-height:1.5}.teacher-registration-row{max-width:730px;margin-top:4px}.teacher-registration-row .elite-secondary{text-align:left;flex-direction:column;justify-content:center;gap:4px;width:100%;min-height:76px;padding:17px 24px;display:flex}.teacher-registration-row .elite-secondary span{font-size:17px;font-weight:950}.teacher-registration-row .elite-secondary small{opacity:.72;font-size:12px;font-weight:800}@media (width<=980px){.admin-layout{grid-template-columns:1fr}.admin-main{padding:28px 20px}.admin-topbar{flex-direction:column}.schools,.dashboard-stats,.dashboard-grid{grid-template-columns:1fr}.header{padding:10px 0}.header h1{font-size:36px}}@media (width<=760px){.approval-card{flex-direction:column;align-items:flex-start}}@media (width<=900px){.user-page{padding:28px 20px}.user-hero{flex-direction:column}.user-profile-card,.user-resource-grid{grid-template-columns:1fr}}@media (width<=980px){.whiteboard-page{grid-template-columns:1fr}.whiteboard-sidebar{border-bottom:1px solid #ffffff1f;border-right:none}.whiteboard-header{flex-direction:column}.whiteboard-canvas-wrap{height:60vh}}@media (width<=760px){.classroom-selector-hero,.classroom-selector-tools{flex-direction:column;align-items:stretch}.classroom-selector-page{padding:34px 18px}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.76;transform:scale(1.22)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes classroomPulse{0%{transform:scale(1);box-shadow:0 0 #0a6b3b80}70%{transform:scale(1.15);box-shadow:0 0 0 8px #0a6b3b00}to{transform:scale(1);box-shadow:0 0 #0a6b3b00}}@media (width<=720px){.classroom-live-panel{grid-template-columns:1fr}.classroom-live-summary{flex-direction:column}.classroom-refresh-btn{width:100%}}.whiteboard-game-panel{background:radial-gradient(circle at 18% 18%,#7dffbd24,#0000 38%),#0f172a9e;border-color:#7dffbd42}.whiteboard-game-panel p{color:#cfe9ff;margin:10px 0 0;font-size:12px;line-height:1.45}.whiteboard-game-panel button{cursor:pointer;color:#04140d;background:linear-gradient(135deg,#7dffbd,#38bdf8);border:0;border-radius:999px;width:100%;margin-top:12px;padding:10px 12px;font-weight:950;box-shadow:0 14px 34px #38bdf82e}.whiteboard-game-score{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.whiteboard-game-score strong{color:#7dffbd;font-size:34px;line-height:1}.whiteboard-game-score span{color:#d9e3ff;font-weight:900}.whiteboard-game-meter{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;height:12px;overflow:hidden}.whiteboard-game-meter div{border-radius:inherit;background:linear-gradient(90deg,#7dffbd,#38bdf8);height:100%;transition:width .35s}.whiteboard-game-feedback{z-index:20;color:#fff;pointer-events:none;border:3px solid #ffffffe6;border-radius:999px;padding:16px 24px;font-size:clamp(18px,3vw,34px);font-weight:950;animation:.95s both wbGamePop;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 24px 80px #0f172a47}.whiteboard-game-feedback.correct{background:linear-gradient(135deg,#16a34a,#22c55e)}.whiteboard-game-feedback.wrong{background:linear-gradient(135deg,#ef4444,#f97316);animation:.75s both wbGameShake}@keyframes wbGamePop{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.8)}45%{opacity:1;transform:translate(-50%)translateY(0)scale(1.08)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes wbGameShake{0%,to{transform:translate(-50%)translateY(0)}20%{transform:translate(calc(-50% - 12px))translateY(0)}40%{transform:translate(calc(12px - 50%))translateY(0)}60%{transform:translate(calc(-50% - 8px))translateY(0)}80%{transform:translate(calc(8px - 50%))translateY(0)}}body{color:#fff;background:#071629;margin:0;font-family:Segoe UI,sans-serif}button{font-family:inherit}.app{text-align:center;color:#fff;background:radial-gradient(circle at 18% 12%,#f1d36b29,#0000 32%),radial-gradient(circle at 85% 18%,#4a90e233,#0000 34%),linear-gradient(135deg,#020817,#071629 52%,#0b1f3a);min-height:100vh;padding:40px 20px}.header{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:10px 30px;display:flex}.header h1{color:#fff;letter-spacing:-1px;margin:0;font-size:46px}.login-btn,.role-action,.dashboard-btn,.dashboard-card button{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;font-weight:900;transition:all .25s}.login-btn{padding:12px 20px;box-shadow:0 12px 30px #c9a22759}.login-btn:hover,.role-action:hover,.dashboard-btn:hover,.dashboard-card button:hover{transform:translateY(-3px);box-shadow:0 18px 40px #c9a22773}.hero{margin-top:34px}.hero h2{color:#fff;margin-bottom:8px;font-size:32px}.hero p{opacity:.82;margin-top:0}.role-strip{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:850px;margin:24px auto 18px;padding:14px 18px;display:flex;box-shadow:0 0 22px #ffffff1f}.role-strip small{color:#f1d36b;font-weight:800}.role-action{padding:9px 16px}.school-badge{color:#f1d36b;background:#f1d36b26;border-radius:10px;padding:6px 12px;font-weight:700}.schools{grid-template-columns:repeat(3,minmax(180px,1fr));gap:20px;max-width:980px;margin:30px auto 0;display:grid}.school-card,.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;transition:all .3s}.school-card{min-height:132px;padding:28px 20px}.school-card h3,.card h3{color:#fff;margin-top:0}.school-card p,.card p{color:#d9e3ff}.school-card:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 0 25px #ffffff40}.school-card.active{border:2px solid #c9a227;box-shadow:0 0 20px #c9a22780}.locked-card{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}.locked-card:hover{box-shadow:none;transform:none}.locked-note{margin-top:8px;font-size:12px;font-weight:800;color:#f1d36b!important}.modules{flex-wrap:wrap;justify-content:center;gap:25px;max-width:850px;margin:38px auto 0;display:flex}.card{width:230px;padding:26px}.card:hover{transform:translateY(-6px);box-shadow:0 0 30px #fff6}.floating{color:#000;cursor:pointer;background:#c9a227;border-radius:50%;place-items:center;width:58px;height:58px;font-size:22px;display:grid;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 25px #0000004d}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#071629f2;width:320px;height:100%;padding:22px;transition:right .3s;position:fixed;top:0;right:-340px;box-shadow:-20px 0 60px #0006}.panel.open{right:0}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header button{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;padding:8px 10px}.panel-content button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:12px;width:100%;margin-top:12px;padding:12px;display:block}.panel-content button:hover{background:#fff3}.login-page{background:radial-gradient(circle at 15% 20%,#c9a22724,#0000 35%),linear-gradient(135deg,#020817,#071629 55%,#0b1f3a);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-card{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1938d1;border:1px solid #ffffff24;border-radius:32px;width:min(720px,92vw);padding:42px 38px;box-shadow:0 32px 90px #00000073}.login-eyebrow{letter-spacing:8px;color:#aab7d8;margin-bottom:22px;font-size:13px;font-weight:700}.login-card h1{color:#fff;margin:0 0 22px;font-size:clamp(34px,5vw,52px);line-height:1.05}.login-subtitle{color:#cfd8ef;margin-bottom:34px;font-size:18px}.fake-input{color:#aeb9d4;background:#ffffff17;border:1px solid #ffffff29;border-radius:18px;width:100%;margin-bottom:18px;padding:18px 20px}.login-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.primary-login,.secondary-login{cursor:pointer;border:none;border-radius:999px;padding:16px 28px;font-weight:800}.primary-login{color:#071629;background:#fff}.secondary-login{color:#fff;background:0 0;border:1px solid #ffffff2e}.admin-layout{color:#fff;background:radial-gradient(circle at 18% 8%,#f1d36b2e,#0000 34%),radial-gradient(circle at 88% 18%,#4a90e22e,#0000 30%),linear-gradient(135deg,#020817,#071629 52%,#0b1f3a);grid-template-columns:290px 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.admin-bg-orb{filter:blur(55px);opacity:.42;pointer-events:none;border-radius:999px;position:fixed}.admin-bg-orb-one{background:#f1d36b;width:260px;height:260px;top:40px;left:210px}.admin-bg-orb-two{background:#3274d9;width:320px;height:320px;bottom:80px;right:-80px}.admin-sidebar{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#030d1fb8;border-right:1px solid #ffffff24;padding:28px 20px;position:relative;box-shadow:22px 0 70px #00000040}.admin-brand{align-items:center;gap:13px;margin-bottom:34px;display:flex}.admin-brand-mark{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:950;display:grid;box-shadow:0 18px 45px #f1d36b4d}.admin-brand strong{font-size:17px;display:block}.admin-brand span{color:#aebde2;margin-top:3px;font-size:12px;display:block}.admin-nav{gap:10px;display:grid}.admin-nav-item{text-align:left;color:#d9e3ff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:11px;width:100%;padding:14px 15px;font-weight:800;transition:all .22s;display:flex}.admin-nav-icon{background:#ffffff14;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.admin-nav-item.active,.admin-nav-item:hover{color:#fff;background:#ffffff1b;border-color:#f1d36b61;transform:translate(4px)}.admin-sidebar-card{background:linear-gradient(135deg,#f1d36b24,#ffffff0f);border:1px solid #f1d36b38;border-radius:22px;margin-top:30px;padding:18px}.admin-connect-btn{cursor:pointer;color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;width:100%;margin-top:24px;padding:14px 16px;font-weight:950}.admin-main{z-index:2;padding:42px;position:relative}.admin-topbar{text-align:left;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.admin-topbar h1{color:#fff;letter-spacing:-1.6px;margin:8px 0 12px;font-size:clamp(36px,5vw,56px);line-height:1}.admin-topbar p{color:#d9e3ff;font-size:17px}.dashboard-eyebrow{letter-spacing:6px;color:#f1d36b;font-size:12px;font-weight:950}.admin-top-actions{align-items:center;gap:12px;display:flex}.admin-live-pill{color:#8ff0b2;background:#2ed57324;border:1px solid #2ed57359;border-radius:999px;padding:9px 14px;font-weight:900}.admin-top-actions button{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #ffffff24;border-radius:999px;padding:10px 16px;font-weight:850}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.dashboard-stats div,.dashboard-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;border-radius:26px;padding:25px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000042}.dashboard-stats div:hover,.dashboard-card:hover{border-color:#f1d36b59;transform:translateY(-6px)}.dashboard-stats strong{color:#fff;font-size:34px;display:block}.dashboard-stats span,.dashboard-card p{color:#cfd8ef}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dashboard-card h3{color:#fff;margin-top:0;font-size:23px}.dashboard-card button,.dashboard-btn{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;margin-top:14px;padding:12px 18px;font-weight:950}@media (width<=980px){.admin-layout{grid-template-columns:1fr}.admin-main{padding:28px 20px}.admin-topbar{flex-direction:column}.schools,.dashboard-stats,.dashboard-grid{grid-template-columns:1fr}.header{padding:10px 0}.header h1{font-size:36px}}.real-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;outline:none;width:100%;margin-bottom:18px;padding:18px 20px;font-size:15px;transition:all .2s}.real-input::placeholder{color:#aeb9d4}.real-input:focus{border-color:#f1d36b;box-shadow:0 0 10px #f1d36b4d}.mfa-input{text-align:center;letter-spacing:8px;font-size:26px;font-weight:900}.qr-wrap{background:#fff;border-radius:24px;place-items:center;width:230px;height:230px;margin:24px auto;display:grid;box-shadow:0 22px 60px #00000059}.login-error{color:#ffd1d1;background:#ff505024;border:1px solid #ff505059;border-radius:14px;margin:10px 0 18px;padding:12px 14px;font-weight:700}.login-info{color:#c9e8ff;background:#50b4ff24;border:1px solid #50b4ff59;border-radius:14px;margin:10px 0 18px;padding:12px 14px;font-weight:600}.approval-toolbar{background:#ffffff13;border:1px solid #ffffff1f;border-radius:24px;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:24px;padding:18px;display:flex}.approval-toolbar label{color:#cfd8ef;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.approval-toolbar select{color:#fff;background:#101d36;border:1px solid #ffffff2e;border-radius:14px;outline:none;min-width:220px;padding:13px 14px}.approval-message{color:#f1d36b;background:#f1d36b24;border:1px solid #f1d36b4d;border-radius:16px;margin-bottom:18px;padding:14px 16px;font-weight:800}.approval-list{gap:16px;display:grid}.approval-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.approval-card h3{color:#fff;margin:0 0 8px}.approval-card p{color:#cfd8ef;margin:0 0 6px}.approval-card small{color:#f1d36b;font-weight:800}.approval-actions{gap:10px;display:flex}.approval-actions button{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;padding:11px 16px;font-weight:900}.approval-actions .danger-btn{color:#ffd1d1;background:#ff505029;border:1px solid #ff505059}@media (width<=760px){.approval-card{flex-direction:column;align-items:flex-start}}.register-card{max-width:760px}.register-label{color:#cfd8ef;margin:4px 0 8px;font-size:13px;font-weight:800;display:block}.real-select{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;outline:none;width:100%;margin-bottom:18px;padding:18px 20px;font-size:15px;transition:all .2s}.real-select:focus{border-color:#f1d36b;box-shadow:0 0 10px #f1d36b4d}.real-select option{color:#fff;background:#101d36}.login-success{color:#b8ffd1;background:#2ed57324;border:1px solid #2ed57359;border-radius:14px;margin:10px 0 18px;padding:12px 14px;font-weight:800}.user-page{color:#fff;background:radial-gradient(circle at 20% 12%,#f1d36b29,#0000 34%),radial-gradient(circle at 90% 20%,#4a90e22e,#0000 32%),linear-gradient(135deg,#020817,#071629 55%,#0b1f3a);min-height:100vh;padding:42px}.user-shell{max-width:1180px;margin:0 auto}.user-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.user-eyebrow{letter-spacing:7px;color:#f1d36b;font-size:12px;font-weight:950}.user-hero h1{letter-spacing:-2px;margin:8px 0 12px;font-size:clamp(42px,6vw,72px);line-height:.95}.user-hero p{color:#d9e3ff;font-size:18px}.user-signout{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;padding:13px 20px;font-weight:950;box-shadow:0 18px 45px #f1d36b47}.user-profile-card{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;display:grid}.user-profile-card div,.user-resource-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff16;border:1px solid #ffffff21;border-radius:28px;padding:24px;box-shadow:0 24px 65px #00000042}.user-profile-card span{color:#aebde2;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.user-profile-card strong{color:#fff;font-size:20px}.user-resource-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.user-resource-card{transition:all .25s}.user-resource-card:hover{border-color:#f1d36b59;transform:translateY(-6px)}.resource-icon{background:#f1d36b24;border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:24px;display:grid}.user-resource-card h3{margin:0 0 10px;font-size:23px}.user-resource-card p{color:#cfd8ef;line-height:1.6}.user-resource-card button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;margin-top:14px;padding:11px 16px;font-weight:900}@media (width<=900px){.user-page{padding:28px 20px}.user-hero{flex-direction:column}.user-profile-card,.user-resource-grid{grid-template-columns:1fr}}.approval-tabs{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.approval-tabs button{color:#d9e3ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:11px 18px;font-weight:900;transition:all .22s}.approval-tabs button:hover,.approval-tabs button.active{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-color:#f1d36b8c;box-shadow:0 14px 34px #f1d36b38}.audit-card{border-color:#f1d36b38}.audit-card small{margin-top:6px;display:inline-block}.whiteboard-page{color:#fff;background:radial-gradient(circle at 12% 10%,#f1d36b2e,#0000 30%),radial-gradient(circle at 86% 20%,#4a90e22e,#0000 34%),linear-gradient(135deg,#020817,#071629 58%,#0b1f3a);grid-template-columns:290px 1fr;min-height:100vh;display:grid}.whiteboard-sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#020817d6;border-right:1px solid #ffffff1f;flex-direction:column;gap:20px;padding:26px 22px;display:flex}.whiteboard-brand{align-items:center;gap:14px;display:flex}.whiteboard-logo{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-radius:18px;place-items:center;width:52px;height:52px;font-weight:950;display:grid;box-shadow:0 18px 48px #f1d36b47}.whiteboard-brand strong{font-weight:950;display:block}.whiteboard-brand span,.whiteboard-profile span,.whiteboard-profile small{color:#aebde2;font-size:12px;display:block}.whiteboard-status-card,.whiteboard-profile,.whiteboard-participants{background:#ffffff13;border:1px solid #ffffff1f;border-radius:26px;padding:18px}.wb-live{color:#9fffc2;background:#2ed57329;border:1px solid #2ed57359;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-block}.wb-offline{color:#ffd1d1;background:#ff50501f;border:1px solid #ff505040;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;display:inline-block}.whiteboard-status-card h3{margin:16px 0 8px}.whiteboard-status-card p{color:#cfd8ef;margin:0;line-height:1.5}.whiteboard-profile strong{margin:8px 0;font-size:18px;display:block}.whiteboard-participants h4{margin:0 0 12px}.participant-row{align-items:center;gap:10px;padding:10px 0;display:flex}.participant-row div{color:#f1d36b;background:#f1d36b26;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.participant-row span{font-weight:850}.participant-row small{color:#aebde2;font-size:11px;display:block}.wb-back-btn{color:#071629;cursor:pointer;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:none;border-radius:999px;width:100%;padding:13px 16px;font-weight:950}.wb-back-btn.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff21}.whiteboard-main{min-width:0;padding:10px 14px}.whiteboard-header{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:12px;display:flex}.whiteboard-header p{letter-spacing:7px;color:#f1d36b;margin:0 0 10px;font-size:12px;font-weight:950}.whiteboard-header h1{letter-spacing:-1px;margin:0 0 6px;font-size:clamp(18px,2.2vw,32px);line-height:1}.whiteboard-header span{color:#d9e3ff}.whiteboard-header-actions{flex-wrap:wrap;gap:10px;display:flex}.whiteboard-header-actions button,.whiteboard-toolbar button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;padding:12px 16px;font-weight:950}.whiteboard-header-actions button:hover,.whiteboard-toolbar button:hover,.whiteboard-toolbar button.active{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b)}.whiteboard-workspace{box-shadow:none;background:0 0;border:none;border-radius:14px;padding:0}.whiteboard-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.whiteboard-toolbar .wb-primary{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b)}.whiteboard-toolbar .wb-danger{color:#ffd1d1;background:#ff50502e;border-color:#ff505059}.whiteboard-toolbar .wb-danger.ghost{margin-left:auto}.whiteboard-toolbar button:disabled{opacity:.45;cursor:not-allowed}.whiteboard-toolbar label{color:#cfd8ef;align-items:center;gap:10px;font-weight:850;display:flex}.whiteboard-canvas-wrap{background:#fff;border:1px solid #ffffff14;border-radius:10px;height:calc(100vh - 160px);min-height:520px;position:relative;overflow:hidden}.whiteboard-canvas-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.whiteboard-locked canvas{cursor:not-allowed}.whiteboard-lock-overlay{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0208177a;place-items:center;display:grid;position:absolute;inset:0}.whiteboard-lock-overlay div{text-align:center;background:#071629d1;border:1px solid #ffffff24;border-radius:26px;max-width:420px;padding:24px}.whiteboard-lock-overlay h3{margin:0 0 8px;font-size:28px}.whiteboard-lock-overlay p{color:#cfd8ef;margin:0}.whiteboard-waiting{background:#f1d36b1a;border:1px solid #f1d36b40;border-radius:28px;margin-bottom:20px;padding:20px}.whiteboard-waiting p{color:#f1d36b;letter-spacing:6px;margin:0 0 8px;font-size:12px;font-weight:950}.whiteboard-waiting h2{margin:0 0 8px}.whiteboard-waiting span{color:#d9e3ff}@media (width<=980px){.whiteboard-page{grid-template-columns:1fr}.whiteboard-sidebar{border-bottom:1px solid #ffffff1f;border-right:none}.whiteboard-header{flex-direction:column}.whiteboard-canvas-wrap{height:60vh}}.classroom-selector-page{color:#fff;background:radial-gradient(circle at 0 0,#3b82f638,#0000 34%),radial-gradient(circle at 100% 0,#facc1524,#0000 30%),linear-gradient(135deg,#020617 0%,#071426 48%,#0f172a 100%);min-height:100vh;padding:56px 6vw}.classroom-selector-hero{justify-content:space-between;align-items:center;gap:28px;max-width:1180px;margin:0 auto 34px;display:flex}.classroom-selector-hero p{color:#facc15;letter-spacing:.35em;font-size:12px;font-weight:800}.classroom-selector-hero h1{color:#fff;letter-spacing:-.06em;margin:10px 0;font-size:clamp(42px,6vw,82px);line-height:.95}.classroom-selector-hero span{color:#cbd5e1;font-size:18px}.classroom-selector-profile{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff17;border:1px solid #ffffff24;border-radius:24px;min-width:260px;padding:18px;box-shadow:0 30px 80px #00000047}.classroom-selector-profile strong,.classroom-selector-profile small{color:#fff;margin-bottom:6px;display:block}.classroom-selector-profile button{color:#111827;cursor:pointer;background:#facc15;border:0;border-radius:999px;width:100%;margin-top:12px;padding:10px 14px;font-weight:800}.classroom-selector-tools{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 28px;display:flex}.classroom-selector-tools input{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;outline:none;width:min(520px,100%);padding:16px 18px}.classroom-selector-tools input::placeholder{color:#94a3b8}.classroom-selector-tools span{color:#f8fafc;font-weight:800}.classroom-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:1180px;margin:0 auto;display:grid}.classroom-card{color:#0f172a;background:linear-gradient(145deg,#fffffff5,#e2e8f0e6);border-radius:30px;min-height:250px;padding:24px;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000057,inset 0 1px #ffffffb3}.classroom-card:before{content:"";background:#2563eb29;border-radius:999px;width:170px;height:170px;position:absolute;inset:-70px auto auto -70px}.classroom-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 38px 100px #00000075}.classroom-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.classroom-card-top span{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.classroom-card-top strong{color:#64748b}.classroom-card h2{color:#020617;letter-spacing:-.04em;margin:0 0 10px;font-size:32px;line-height:1;position:relative}.classroom-card p{color:#334155;font-size:15px;line-height:1.45;position:relative}.classroom-card-meta{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex;position:relative}.classroom-card-meta span{color:#475569;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.classroom-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:999px;width:100%;padding:14px 18px;font-weight:900;position:relative;box-shadow:0 16px 34px #2563eb59}.classroom-card button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.classroom-empty,.classroom-selector-error{color:#fff;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border-radius:24px;max-width:720px;margin:30px auto;padding:24px}@media (width<=760px){.classroom-selector-hero,.classroom-selector-tools{flex-direction:column;align-items:stretch}.classroom-selector-page{padding:34px 18px}}.classroom-live-badge{color:#052e16;background:#22c55e;border-radius:999px;padding:7px 11px;font-weight:900;animation:1.4s infinite livePulse}.classroom-waiting-badge{color:#111827;background:#facc15;border-radius:999px;padding:7px 11px;font-weight:900}.classroom-card{animation:.45s both cardEnter}.classroom-live-summary{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.classroom-live-summary span{color:#e8f1ff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:8px 12px;font-size:.85rem}.classroom-refresh-btn{cursor:pointer;color:#07111f;background:linear-gradient(135deg,#fff,#b9dcff);border:0;border-radius:999px;padding:11px 16px;font-weight:800}.classroom-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.classroom-selector-warning{color:#ffe9b5;background:#ffc1071a;border:1px solid #ffc10740;border-radius:16px;width:min(1180px,100% - 32px);margin:18px auto;padding:14px 16px}.classroom-card{transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.classroom-card:hover{transform:translateY(-4px)}.classroom-card-live:before{content:"";pointer-events:none;background:radial-gradient(circle,#50ffaa47,#0000 64%);border-radius:999px;width:180px;height:180px;position:absolute;inset:-80px -80px auto auto}.classroom-status-row{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 10px;display:flex}.classroom-live-badge,.classroom-offline-badge,.classroom-waiting-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.72rem;font-weight:900;display:inline-flex}.classroom-live-badge{color:#04140d;background:linear-gradient(135deg,#7dffbd,#d7ffe9);box-shadow:0 0 24px #7dffbd47}.classroom-offline-badge{color:#cbd6e2;background:#ffffff14}.classroom-waiting-badge{color:#fff3d5;background:#ffbe5a29;border:1px solid #ffbe5a40}.classroom-live-dot{background:#0a6b3b;border-radius:999px;width:8px;height:8px;animation:1.4s infinite classroomPulse}.classroom-live-panel{grid-template-columns:1.4fr .8fr .8fr;gap:10px;margin:18px 0;display:grid}.classroom-live-panel div{background:#ffffff13;border:1px solid #ffffff1a;border-radius:16px;padding:12px}.classroom-live-panel strong{color:#fff;font-size:.95rem;display:block}.classroom-live-panel small{color:#e8f1ffad;margin-top:4px;font-size:.75rem;display:block}@media (width<=720px){.classroom-live-panel{grid-template-columns:1fr}.classroom-live-summary{flex-direction:column}.classroom-refresh-btn{width:100%}}.classroom-live-row{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 8px;display:flex}.live-badge{letter-spacing:.08em;color:#04140d;background:linear-gradient(135deg,#7dffbd,#d7ffe9);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 0 18px #7dffbd66}.live-dot{background:#0a6b3b;border-radius:999px;width:8px;height:8px;animation:1.4s infinite livePulse}.waiting-badge{color:#ffe8c2;background:#ffbe5a2e;border:1px solid #ffbe5a4d;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.classroom-card-live{border-color:#7dffbd73;box-shadow:0 18px 60px #0000003d,0 0 32px #7dffbd24}.wb-mode-chip{color:#baffd8;background:#7dffbd29;border:1px solid #7dffbd47;border-radius:999px;margin-top:10px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.wb-mode-chip.danger{color:#ffc8d0;background:#ff506429;border-color:#ff506447}.wb-panel-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.wb-panel-title button,.student-actions button{cursor:pointer;border:0;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.student-actions{gap:6px;margin-left:auto;display:flex}.active-student{background:#7dffbd17;border:1px solid #7dffbd8c;box-shadow:0 0 18px #7dffbd38}.whiteboard-text-popover{z-index:60;background:#0f172af0;border:1px solid #ffffff29;border-radius:18px;align-items:stretch;gap:10px;padding:12px;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 22px 60px #00000047}.whiteboard-text-popover textarea{resize:vertical;color:#0f172a;background:#fff;border:0;border-radius:14px;outline:none;width:280px;min-height:78px;padding:12px 14px;font-size:15px;font-weight:700}.whiteboard-text-actions{flex-direction:column;gap:8px;display:flex}.whiteboard-text-actions button{cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:800}.whiteboard-text-actions button:first-child{color:#04140d;background:#7dffbd}.whiteboard-text-actions button:last-child{color:#fff;background:#ffffff24}.whiteboard-canvas-wrap.select-mode canvas{cursor:grab}.whiteboard-canvas-wrap.select-mode canvas:active{cursor:grabbing}.whiteboard-roster-panel .participant-row{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;display:grid;position:relative}.whiteboard-roster-panel .participant-row span{text-overflow:ellipsis;min-width:0;overflow:hidden}.student-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:10px;margin-left:0;display:flex}.student-actions button{flex:1;min-width:92px}.whiteboard-product-panel{background:#0f172a94;border:1px solid #ffffff1c;border-radius:18px;margin-top:14px;padding:14px}.whiteboard-product-panel h4{color:#fff;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:13px}.whiteboard-page-tabs,.whiteboard-timer-actions,.whiteboard-template-actions,.whiteboard-reactions{flex-wrap:wrap;gap:8px;display:flex}.whiteboard-page-tabs button,.whiteboard-timer-actions button,.whiteboard-template-actions button,.whiteboard-reactions button{cursor:pointer;color:#e5f4ff;background:#ffffff1a;border:0;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:900}.whiteboard-page-tabs button.active{color:#04140d;background:linear-gradient(135deg,#7dffbd,#38bdf8)}.whiteboard-timer-display{text-align:center;letter-spacing:.08em;color:#7dffbd;background:#00000038;border-radius:16px;margin-bottom:10px;padding:12px;font-size:30px;font-weight:950}.whiteboard-reactions button{align-items:center;gap:6px;display:flex}.whiteboard-reactions button span{font-size:16px}.whiteboard-reaction-feed{z-index:200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:110px;right:24px}.whiteboard-reaction-item{color:#fff;background:#0f172ae0;border:1px solid #ffffff29;border-radius:18px;min-width:180px;padding:12px 14px;box-shadow:0 20px 60px #00000047}.whiteboard-reaction-item strong{margin-right:8px;font-size:24px}.whiteboard-reaction-item span{font-weight:900}.whiteboard-reaction-item small{color:#ffffffb8;margin-top:4px;display:block}.whiteboard-analytics-panel{background:radial-gradient(circle at 18% 12%,#7dffbd1f,#0000 34%),#0f172a94}.whiteboard-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.whiteboard-analytics-grid div{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:11px 10px}.whiteboard-analytics-grid strong{color:#7dffbd;font-size:22px;font-weight:950;line-height:1;display:block}.whiteboard-analytics-grid span{color:#ffffffb8;text-transform:uppercase;letter-spacing:.04em;margin-top:5px;font-size:10px;font-weight:850;display:block}.whiteboard-selected-meta strong{color:#fff;text-transform:capitalize;font-size:12px;font-weight:950}.whiteboard-selected-meta span{color:#7dffbd;font-size:11px;font-weight:900}.whiteboard-layer-panel{max-height:360px;overflow:hidden}.whiteboard-layer-list{gap:8px;max-height:285px;padding-right:4px;display:grid;overflow-y:auto}.whiteboard-layer-list p{color:#ffffffad;margin:0;font-size:12px}.whiteboard-layer-list button{color:#fff;cursor:pointer;text-align:left;background:#ffffff13;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 10px;display:grid}.whiteboard-layer-list button.active{background:#7dffbd24;border-color:#7dffbd73;box-shadow:0 0 18px #7dffbd24}.whiteboard-layer-list button span{color:#f1d36b;background:#ffffff1a;border-radius:10px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.whiteboard-layer-list button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:950;overflow:hidden}.whiteboard-layer-list button small{color:#ffffff9e;font-size:10px;font-weight:800}.whiteboard-context-menu{z-index:9999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border:1px solid #ffffff29;border-radius:16px;width:190px;padding:8px;position:fixed;box-shadow:0 24px 70px #00000057}.whiteboard-context-menu button{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;margin:2px 0;padding:10px 12px;font-weight:850;display:block}.whiteboard-context-menu button:hover:not(:disabled){background:#ffffff1a}.whiteboard-context-menu button:disabled{opacity:.45;cursor:not-allowed}.whiteboard-context-menu button.danger{color:#ffcdd2}.whiteboard-selected-meta{background:#ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.whiteboard-selected-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.whiteboard-selected-meta span{color:#f1d36b;background:#f1d36b24;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:950}.whiteboard-layer-actions{flex-wrap:wrap;gap:8px;display:flex}.whiteboard-layer-actions button{cursor:pointer;color:#e5f4ff;background:#ffffff1a;border:0;border-radius:999px;flex:auto;min-width:78px;padding:8px 10px;font-size:11px;font-weight:950}.whiteboard-layer-actions button:hover:not(:disabled){color:#04140d;background:linear-gradient(135deg,#7dffbd,#38bdf8)}.whiteboard-layer-actions button:disabled{opacity:.45;cursor:not-allowed}.teacher-analytics-panel{color:#fff;background:linear-gradient(135deg,#0f172af5,#1e293beb);border:1px solid #ffffff24;border-radius:28px;margin:18px 0;padding:22px;box-shadow:0 24px 70px #0f172a47}.teacher-analytics-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.teacher-analytics-header p{letter-spacing:.16em;color:#93c5fd;margin:0 0 6px;font-size:.72rem;font-weight:800}.teacher-analytics-header h3{margin:0;font-size:1.45rem}.teacher-analytics-header span{color:#ffffffb3}.teacher-analytics-live{text-align:center;background:#22c55e29;border:1px solid #22c55e59;border-radius:22px;min-width:120px;padding:14px}.teacher-analytics-live strong{font-size:1.7rem;display:block}.teacher-analytics-live span{color:#bbf7d0;font-size:.75rem}.teacher-analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacher-analytics-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;padding:16px}.teacher-analytics-card h4{margin:0 0 12px}.analytics-row,.analytics-alert{border-top:1px solid #ffffff1a;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.analytics-row small,.analytics-alert small{color:#ffffffa6;margin-top:3px;display:block}.analytics-rank{color:#fde68a;font-weight:900}.analytics-muted{color:#ffffff8c;margin:0}.teacher-analytics-card.danger{background:#ef44441f}.teacher-analytics-card.warning{background:#f59e0b1f}.teacher-analytics-card.success{background:#22c55e1f}.completion-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.completion-stats div{text-align:center;background:#ffffff14;border-radius:18px;padding:14px}.completion-stats strong{font-size:1.7rem;display:block}.completion-stats span{color:#ffffffa6}@media (width<=1100px){.teacher-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.teacher-analytics-header{flex-direction:column;align-items:stretch}.teacher-analytics-grid{grid-template-columns:1fr}}.teacher-command-panel{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34%),linear-gradient(135deg,#fffffffa,#f8fafcf0);border:1px solid #0f172a1f;border-radius:28px;padding:28px;box-shadow:0 24px 70px #0f172a1f}.teacher-command-search{grid-template-columns:minmax(240px,1.2fr) minmax(240px,1.4fr) auto;align-items:end;gap:18px;display:grid}.teacher-command-search label{color:#334155;letter-spacing:.08em;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:800;display:grid}.teacher-command-search input,.teacher-command-search select{color:#0f172a;background:#fff;border:1px solid #0f172a24;border-radius:18px;outline:none;min-height:52px;padding:0 16px;font-size:.96rem;font-weight:700;box-shadow:inset 0 1px #ffffffe6}.teacher-command-search input:focus,.teacher-command-search select:focus{border-color:#2563eba6;box-shadow:0 0 0 4px #2563eb1f}.teacher-command-search button,.teacher-class-picker button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border:none;border-radius:18px;min-height:52px;padding:0 20px;font-weight:900;box-shadow:0 18px 32px #2563eb42}.teacher-command-search button:disabled,.teacher-class-picker button:disabled{opacity:.55;cursor:not-allowed}.teacher-class-picker{background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #0f172a1a;border-radius:30px;margin-top:22px;padding:26px;box-shadow:0 28px 80px #0f172a1f}.teacher-selected-class-card{background:radial-gradient(circle at 100% 0,#3b82f624,#0000 30%),#fff;border:1px solid #2563eb2e;margin-top:22px;box-shadow:0 22px 55px #0f172a24}.teacher-loaded-class-list{border-top:1px solid #0f172a14;margin-top:20px;padding-top:16px}.teacher-loaded-class-list summary{cursor:pointer;color:#1d4ed8;font-weight:900}@media (width<=900px){.teacher-command-search{grid-template-columns:1fr}}.gc-command-page{color:#fff;background:radial-gradient(circle at 0 0,#3b82f640,#0000 30%),radial-gradient(circle at 100% 100%,#10b98133,#0000 28%),linear-gradient(135deg,#020617 0%,#071226 50%,#0f172a 100%);min-height:100vh;padding:48px}.gc-topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.gc-topbar-left{flex-direction:column;gap:8px;display:flex}.gc-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#38bdf8;font-size:12px;font-weight:700}.gc-command-title{margin:0;font-size:58px;font-weight:800;line-height:1}.gc-command-subtitle{color:#ffffffb8;max-width:900px;font-size:18px;line-height:1.6}.gc-topbar-actions{align-items:center;gap:12px;display:flex}.gc-action-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4338ca);border:none;border-radius:18px;padding:14px 22px;font-weight:700;transition:all .25s;box-shadow:0 10px 30px #2563eb59}.gc-action-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 18px 40px #3b82f673}.gc-hero-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff1f;border-radius:34px;margin-bottom:28px;padding:42px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff14}.gc-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#3b82f638,#0000 35%),radial-gradient(circle at 0 100%,#10b9812e,#0000 30%);position:absolute;inset:0}.gc-class-name{margin-bottom:18px;font-size:64px;font-weight:900;line-height:1}.gc-class-meta{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.gc-pill{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700}.gc-live-pill{color:#86efac;background:#10b98133;border:1px solid #4ade8066;box-shadow:0 0 24px #4ade8059}.gc-metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.gc-metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:26px;padding:28px;transition:all .25s}.gc-metric-card:hover{border-color:#60a5fa66;transform:translateY(-4px);box-shadow:0 18px 44px #3b82f640}.gc-metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em;margin-bottom:12px;font-size:13px;font-weight:700}.gc-metric-value{font-size:42px;font-weight:900;line-height:1}.gc-tabs{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.gc-tab{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:none;border-radius:999px;padding:12px 20px;font-weight:700;transition:all .25s}.gc-tab:hover{background:#3b82f638}.gc-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#4338ca);box-shadow:0 12px 28px #3b82f666}.gc-content-grid{grid-template-columns:1.7fr 1fr;gap:24px;display:grid}.gc-main-panel,.gc-side-panel{flex-direction:column;gap:24px;display:flex}.gc-panel-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:28px;padding:30px;box-shadow:0 16px 50px #00000047}.gc-panel-title{margin-bottom:20px;font-size:24px;font-weight:800}.gc-section-stack{flex-direction:column;gap:18px;display:flex}.gc-big-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:24px}.gc-big-card-title{margin-bottom:10px;font-size:20px;font-weight:800}.gc-muted{color:#ffffffa6;line-height:1.6}.gc-empty{text-align:center;color:#ffffff8c;padding:36px}@media (width<=1100px){.gc-content-grid{grid-template-columns:1fr}.gc-command-title{font-size:42px}.gc-class-name{font-size:44px}}@media (width<=768px){.gc-command-page{padding:24px}.gc-topbar{flex-direction:column;align-items:flex-start;gap:18px}.gc-class-name{font-size:36px}.gc-command-title{font-size:34px}}:root{--gc-navy-950:#020617;--gc-navy-900:#07111f;--gc-navy-800:#0b172a;--gc-slate-100:#f8fafc;--gc-slate-200:#e2e8f0;--gc-slate-300:#cbd5e1;--gc-slate-400:#94a3b8;--gc-gold:#f1d36b;--gc-gold-strong:#d9b52b;--gc-blue:#60a5fa;--gc-green:#4ade80;--gc-red:#fb7185;--gc-purple:#a78bfa;--gc-cyan:#22d3ee;--gc-orange:#fb923c;--gc-glass:#ffffff12;--gc-glass-strong:#ffffff1d;--gc-border:#ffffff1d;--gc-border-strong:#ffffff30;--gc-shadow:0 28px 90px #00000057;--gc-soft-shadow:0 18px 50px #00000038}:is(body:has(.gc-command-page),html:has(.gc-command-page)){background:#020617}.gc-command-page.gc-enterprise-page,.gc-command-page{isolation:isolate;width:100%;min-height:100vh;color:var(--gc-slate-100);text-align:left;background:radial-gradient(circle at 14% 6%,#f1d36b30,#0000 26%),radial-gradient(circle at 82% 10%,#60a5fa38,#0000 28%),radial-gradient(circle at 72% 84%,#a78bfa21,#0000 32%),linear-gradient(145deg,#020617 0%,#06101e 38%,#09182b 70%,#020617 100%);margin:0;padding:clamp(22px,3vw,46px);position:relative;overflow:hidden;max-width:none!important}.gc-command-page:before{content:"";z-index:-4;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at top,#000 12%,#0000 72%);mask-image:radial-gradient(circle at top,#000 12%,#0000 72%)}.gc-bg-grid,.gc-bg-orb{pointer-events:none;z-index:-3;position:fixed}.gc-bg-orb{filter:blur(72px);opacity:.58;border-radius:999px}.gc-bg-orb-one{background:#f1d36b42;width:360px;height:360px;top:130px;left:-90px}.gc-bg-orb-two{background:#60a5fa3d;width:440px;height:440px;top:22%;right:-120px}.gc-enterprise-topbar,.gc-topbar{z-index:20;-webkit-backdrop-filter:blur(26px)saturate(145%);backdrop-filter:blur(26px)saturate(145%);background:#020817a3;border:1px solid #ffffff1a;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;max-width:1760px;margin:0 auto 24px;padding:12px;display:flex;position:sticky;top:18px;box-shadow:0 18px 52px #00000047}.gc-nav-cluster,.gc-topbar-actions{align-items:center;gap:14px;min-width:0;display:flex}.gc-topbar-title{gap:2px;min-width:0;display:grid}.gc-topbar-title span{color:var(--gc-gold);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:950}.gc-topbar-title strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;letter-spacing:-.03em;max-width:56vw;font-size:clamp(18px,2vw,26px);font-weight:950;overflow:hidden}.gc-back-btn,.gc-primary-btn,.gc-hero-actions button,.gc-section-header button,.gc-panel-card button,.gc-classwork-row button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 18px;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;position:relative}.gc-back-btn,.gc-hero-actions .secondary,.gc-panel-card button,.gc-classwork-row button{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff13;border:1px solid #ffffff1f}.gc-primary-btn,.gc-hero-actions button:first-child,.gc-section-header button{color:#08111f;background:linear-gradient(135deg,#fff2a6 0%,#f1d36b 48%,#d9b52b 100%);box-shadow:0 16px 42px #f1d36b40,inset 0 1px #ffffff6b}.gc-back-btn:hover,.gc-primary-btn:hover,.gc-hero-actions button:hover,.gc-section-header button:hover,.gc-panel-card button:hover,.gc-classwork-row button:hover{transform:translateY(-2px);box-shadow:0 20px 48px #00000047}.gc-system-pill{color:#dbeafe;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:10px 14px;font-size:13px;font-weight:900;display:inline-flex}.gc-system-pill>span{background:var(--gc-slate-400);border-radius:50%;width:9px;height:9px}.gc-system-pill.is-live{color:#bbf7d0;background:#22c55e1f;border-color:#4ade805c}.gc-system-pill.is-live>span{background:var(--gc-green);box-shadow:0 0 0 7px #4ade8021,0 0 22px #4ade80bf}.gc-enterprise-hero,.gc-hero-card{max-width:1760px;box-shadow:var(--gc-shadow), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(30px)saturate(145%);backdrop-filter:blur(30px)saturate(145%);background:linear-gradient(135deg,#ffffff20,#ffffff0d),radial-gradient(circle at 10% 10%,#f1d36b26,#0000 34%),radial-gradient(circle at 90% 0,#60a5fa2b,#0000 34%);border:1px solid #ffffff24;border-radius:40px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.56fr);align-items:stretch;gap:clamp(22px,3vw,42px);margin:0 auto 24px;padding:clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden}.gc-enterprise-hero:after{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(135deg,#ffffff1f,#0000 28%,#ffffff0a 70%,#0000);position:absolute;inset:1px}.gc-hero-glow{filter:blur(10px);background:radial-gradient(circle,#f1d36b45,#60a5fa14 42%,#0000 70%);border-radius:999px;width:460px;height:460px;position:absolute;bottom:-170px;right:-110px}.gc-hero-content,.gc-hero-actions,.gc-hero-visual{z-index:2;position:relative}.gc-eyebrow,.gc-section-header span,.gc-card-heading span,.gc-big-card>span{color:var(--gc-gold);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:950;line-height:1.2;display:inline-flex}.gc-eyebrow:before,.gc-section-header span:before,.gc-card-heading span:before,.gc-big-card>span:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px}.gc-hero-content h1{color:#fff;letter-spacing:-.075em;max-width:980px;margin:14px 0 16px;font-size:clamp(48px,7vw,104px);font-weight:980;line-height:.88}.gc-hero-content p{color:#dbeafe;max-width:820px;margin:0;font-size:clamp(16px,1.6vw,20px);line-height:1.65}.gc-hero-meta{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.gc-hero-meta span{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1c;border-radius:999px;align-items:center;max-width:100%;min-height:38px;padding:9px 13px;font-size:13px;font-weight:800;display:inline-flex}.gc-hero-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;display:flex}.gc-hero-visual{background:linear-gradient(#02081766,#ffffff0d);border:1px solid #ffffff1f;border-radius:34px;grid-template-columns:1fr;place-items:center;gap:18px;min-height:100%;padding:24px;display:grid;box-shadow:inset 0 1px #ffffff12,0 22px 64px #0000003d}.gc-progress-orb{--gc-progress:0%;aspect-ratio:1;background:radial-gradient(circle at center, #020817f0 0 56%, transparent 57%), conic-gradient(from 215deg, var(--gc-green) 0 var(--gc-progress), #ffffff17 var(--gc-progress) 100%);border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:min(230px,46vw);display:grid;box-shadow:0 24px 70px #00000057,0 0 52px #4ade801f}.gc-progress-orb div{text-align:center}.gc-progress-orb strong{letter-spacing:-.06em;font-size:clamp(38px,4vw,58px);font-weight:980;line-height:.9;display:block}.gc-progress-orb span{color:var(--gc-slate-400);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:950}.gc-live-stack{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.gc-live-chip{color:#cbd5e1;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;grid-column:1/-1;justify-content:center;align-items:center;min-height:42px;font-weight:950;display:inline-flex}.gc-live-chip.on{color:#052e16;background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 14px 34px #22c55e3b}.gc-live-stack div:not(.gc-live-chip){background:#ffffff13;border:1px solid #ffffff1a;border-radius:22px;min-width:0;padding:16px}.gc-live-stack strong{font-size:34px;font-weight:980;display:block}.gc-live-stack span{color:var(--gc-slate-400);font-size:12px;font-weight:850}.gc-status-strip{color:#dbeafe;max-width:1760px;box-shadow:var(--gc-soft-shadow);background:#3b82f61a;border:1px solid #60a5fa3d;border-radius:24px;align-items:center;gap:12px;margin:0 auto 24px;padding:16px 20px;display:flex}.gc-status-strip strong{color:#fff}.gc-status-strip.error{background:#f43f5e1a;border-color:#fb718540}.gc-enterprise-metrics,.gc-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1760px;margin:0 auto 24px;display:grid}.gc-metric-card,.gc-metric-grid article{color:#fff;min-height:132px;box-shadow:var(--gc-soft-shadow), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:linear-gradient(145deg,#ffffff1b,#ffffff0d);border:1px solid #ffffff1f;border-radius:28px;align-items:center;gap:16px;padding:20px;transition:transform .19s,border-color .19s,box-shadow .19s;display:flex;position:relative;overflow:hidden}.gc-metric-card:before,.gc-metric-grid article:before{content:"";filter:blur(8px);background:#60a5fa2e;border-radius:999px;width:170px;height:170px;position:absolute;inset:-60% auto auto -25%}.gc-metric-card:hover,.gc-metric-grid article:hover{border-color:#f1d36b47;transform:translateY(-5px);box-shadow:0 28px 76px #00000057,inset 0 1px #ffffff14}.gc-metric-icon{z-index:1;background:#ffffff18;border:1px solid #ffffff1a;border-radius:18px;flex:none;place-items:center;width:50px;height:50px;font-size:22px;display:grid;position:relative}.gc-metric-card>div:last-child{z-index:1;min-width:0;position:relative}.gc-metric-card strong,.gc-metric-grid article strong{color:#fff;letter-spacing:-.055em;font-size:clamp(32px,2.6vw,48px);font-weight:980;line-height:.95;display:block}.gc-metric-card span,.gc-metric-grid article span{color:#dbeafe;margin-top:8px;font-size:14px;font-weight:950;display:block}.gc-metric-card small{color:var(--gc-slate-400);margin-top:3px;font-size:12px;font-weight:800;display:block}.gc-metric-card.live{border-color:#4ade8061;box-shadow:0 24px 70px #0000004d,0 0 44px #4ade801f}.tone-gold:before{background:#f1d36b38}.tone-green:before{background:#4ade8038}.tone-violet:before{background:#a78bfa38}.tone-cyan:before{background:#22d3ee33}.tone-orange:before{background:#fb923c33}.tone-slate:before{background:#94a3b82e}.gc-enterprise-tabs-shell,.gc-tabs-shell{z-index:18;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:#0208179e;border:1px solid #ffffff18;border-radius:28px;max-width:1760px;margin:0 auto 26px;padding:10px;position:sticky;top:106px;box-shadow:0 18px 50px #0000003d}.gc-tabs{flex-wrap:wrap;gap:8px;display:flex}.gc-tabs button{color:#dbeafe;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 15px;font-weight:950;transition:all .18s;display:inline-flex}.gc-tabs button span{background:#ffffff13;border-radius:10px;place-items:center;width:26px;height:26px;display:grid}.gc-tabs button:hover,.gc-tabs button.active{color:#08111f;background:linear-gradient(135deg,#fff2a6,#f1d36b 50%,#d9b52b);box-shadow:0 14px 34px #f1d36b33}.gc-tabs button:hover span,.gc-tabs button.active span{background:#08111f1a}.gc-enterprise-grid,.gc-content-grid{grid-template-columns:minmax(0,1fr) minmax(340px,410px);grid-template-areas:"main rail";align-items:start;gap:24px;max-width:1760px;margin:0 auto;display:grid}.gc-command-main,.gc-main-panel{grid-area:main;min-width:0}.gc-command-rail,.gc-side-panel{grid-area:rail;gap:18px;min-width:0;display:grid;position:sticky;top:190px}.gc-section-stack{gap:22px;display:grid}.gc-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.gc-section-header h2{color:#fff;letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(28px,3vw,44px);font-weight:980;line-height:.98}.gc-overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;display:grid}.gc-big-card,.gc-panel-card,.gc-topic-card,.gc-empty-card,.gc-stream-card{color:#fff;box-shadow:var(--gc-soft-shadow), inset 0 1px 0 #ffffff0e;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:linear-gradient(145deg,#ffffff18,#ffffff0b);border:1px solid #ffffff1f;border-radius:32px;padding:clamp(22px,2.2vw,32px);position:relative;overflow:hidden}.gc-big-card:after,.gc-panel-card:after,.gc-topic-card:after,.gc-stream-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 35% 72%,#ffffff08);position:absolute;inset:0}.gc-big-card>*,.gc-panel-card>*,.gc-topic-card>*,.gc-stream-card>*{z-index:1;position:relative}.gc-big-card h3{color:#fff;letter-spacing:-.052em;margin:10px 0 22px;font-size:clamp(26px,2.6vw,38px);line-height:1}.gc-big-card p,.gc-panel-card p,.gc-empty-card{color:#cbd5e1;line-height:1.6}.gc-big-card.accent,.gc-panel-card.live-card{background:radial-gradient(circle at 20% 8%,#f1d36b36,#0000 34%),linear-gradient(145deg,#f1d36b21,#ffffff0d);border-color:#f1d36b33}.gc-card-heading{gap:7px;margin-bottom:16px;display:grid}.gc-card-heading strong{color:#fff;letter-spacing:-.035em;font-size:22px;line-height:1.08}.gc-live-meter{background:#ffffff17;border-radius:999px;height:12px;margin:18px 0;overflow:hidden;box-shadow:inset 0 1px 3px #0000003d}.gc-live-meter div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#86efac,#f1d36b);height:100%;box-shadow:0 0 18px #4ade8066}.gc-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.gc-signal-grid div{background:#0208174d;border:1px solid #ffffff1a;border-radius:24px;min-width:0;padding:18px}.gc-signal-grid strong{color:#fff;letter-spacing:-.055em;font-size:clamp(30px,3vw,44px);font-weight:980;line-height:.95;display:block}.gc-signal-grid span{color:var(--gc-slate-400);text-transform:uppercase;letter-spacing:.08em;margin-top:7px;font-size:12px;font-weight:900;display:block}.gc-activity-row,.gc-stream-card,.gc-classwork-row,.gc-person-row,.gc-mini-row{align-items:flex-start;gap:15px;display:flex}.gc-activity-row,.gc-person-row,.gc-mini-row{border-bottom:1px solid #ffffff13;padding:16px 0}.gc-activity-row:last-child,.gc-person-row:last-child,.gc-mini-row:last-child{border-bottom:0}.gc-activity-icon,.gc-avatar,.gc-classwork-icon{background:linear-gradient(145deg,#ffffff24,#ffffff0f);border:1px solid #ffffff1c;border-radius:19px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:21px;display:grid;box-shadow:inset 0 1px #ffffff0f}.gc-avatar{color:#08111f;background:linear-gradient(135deg,#e0f2fe,#fef3c7);font-weight:980}.gc-activity-row div:last-child,.gc-person-row div:last-child,.gc-classwork-row div:nth-child(2){min-width:0}.gc-activity-row strong,.gc-person-row strong,.gc-classwork-row strong,.gc-mini-row span{color:#fff;overflow-wrap:anywhere;font-weight:950;display:block}.gc-activity-row span,.gc-person-row span,.gc-classwork-row span,.gc-mini-row small,.gc-classwork-row small,.gc-stream-card span,.gc-stream-card small{color:#cbd5e1;margin-top:4px;line-height:1.45;display:block}.gc-topic-card{gap:12px;display:grid}.gc-topic-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.gc-topic-heading h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(22px,2vw,30px)}.gc-topic-heading span{color:#08111f;background:linear-gradient(135deg,#e0f2fe,#fef3c7);border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:950}.gc-classwork-row{border-top:1px solid #ffffff13;align-items:center;padding:18px 0}.gc-classwork-row:first-of-type{border-top:0}.gc-classwork-row>div:nth-child(2){flex:1}.gc-classwork-row button{border-radius:14px;flex:none;min-height:40px;padding:10px 14px}.gc-stream-card{align-items:flex-start}.gc-empty-card{text-align:center;padding:40px}@media (width<=1450px){.gc-enterprise-metrics,.gc-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gc-enterprise-hero,.gc-hero-card{grid-template-columns:1fr}.gc-hero-actions{grid-column:auto}.gc-hero-visual{grid-template-columns:minmax(180px,240px) 1fr;justify-items:stretch}}@media (width<=1180px){.gc-enterprise-grid,.gc-content-grid,.gc-overview-grid{grid-template-columns:1fr;grid-template-areas:"rail""main"}.gc-command-rail,.gc-side-panel{grid-template-columns:repeat(3,minmax(0,1fr));position:static}}@media (width<=860px){.gc-command-page.gc-enterprise-page,.gc-command-page{padding:16px}.gc-enterprise-topbar,.gc-topbar,.gc-topbar-actions,.gc-nav-cluster{flex-direction:column;align-items:stretch}.gc-topbar-title strong{max-width:100%}.gc-enterprise-tabs-shell,.gc-tabs-shell{position:static}.gc-enterprise-hero,.gc-hero-card{border-radius:30px;padding:24px}.gc-hero-content h1{font-size:clamp(40px,12vw,62px)}.gc-hero-visual,.gc-command-rail,.gc-side-panel,.gc-enterprise-metrics,.gc-metric-grid,.gc-signal-grid{grid-template-columns:1fr}.gc-metric-card,.gc-metric-grid article{min-height:112px}.gc-classwork-row{flex-wrap:wrap;align-items:flex-start}}.gc-access-note{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#38bdf81c,#f1d36b14);border:1px solid #ffffff1a;border-radius:24px;margin:0 0 22px;padding:18px 20px;box-shadow:0 18px 50px #00000038}.gc-access-note div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.gc-access-note strong{color:#fff;letter-spacing:-.01em;font-size:15px;font-weight:950}.gc-access-note span{color:#cbd5e1;flex:1;min-width:280px;line-height:1.55}.gc-modal-backdrop{z-index:9998;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020817c2;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.gc-classwork-modal{color:#fff;background:radial-gradient(circle at 12% 0,#f1d36b33,#0000 34%),radial-gradient(circle at 92% 14%,#38bdf82e,#0000 38%),linear-gradient(145deg,#0f172af5,#071629f0);border:1px solid #ffffff24;border-radius:34px;width:min(940px,100%);max-height:min(86vh,900px);padding:28px;overflow-y:auto;box-shadow:0 40px 120px #0000008f,inset 0 1px #ffffff14}.gc-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.gc-modal-header span{color:#f1d36b;letter-spacing:.14em;margin-bottom:8px;font-size:12px;font-weight:950;display:block}.gc-modal-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.02}.gc-modal-header button,.gc-attachment-row button{cursor:pointer;color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:0;border-radius:999px;padding:11px 16px;font-weight:950;box-shadow:0 16px 36px #f1d36b38}.gc-modal-meta{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.gc-modal-meta span{color:#dbeafe;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:850}.gc-modal-description{white-space:pre-wrap;color:#e2e8f0;background:#fff1;border:1px solid #ffffff14;border-radius:24px;margin-bottom:22px;padding:20px;line-height:1.7}.gc-modal-description.muted{color:#94a3b8}.gc-modal-section{gap:12px;display:grid}.gc-modal-section h3{margin:0 0 4px}.gc-attachment-row{background:#fff1;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.gc-attachment-row strong,.gc-attachment-row span{display:block}.gc-attachment-row span,.gc-attachment-row small{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:800}.gc-modal-warning{color:#ffe8a3;background:#f1d36b1a;border:1px solid #f1d36b38;border-radius:20px;margin-top:22px;padding:16px 18px;line-height:1.55}@media (width<=720px){.gc-modal-backdrop{align-items:flex-end;padding:12px}.gc-classwork-modal{border-radius:28px 28px 18px 18px;max-height:92vh;padding:22px}.gc-modal-header,.gc-attachment-row{flex-direction:column;align-items:stretch}.gc-modal-header button,.gc-attachment-row button{width:100%}}.gc-attachment-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gc-attachment-actions button.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff24}.gc-viewer-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020817d6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gc-viewer-modal{background:linear-gradient(#071629fa,#020817fa);border:1px solid #ffffff1a;border-radius:30px;width:min(1500px,96vw);height:min(92vh,1200px);overflow:hidden;box-shadow:0 44px 140px #000000b8}.gc-viewer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 24px;display:flex}.gc-viewer-header strong{color:#fff;font-size:18px;font-weight:950;display:block}.gc-viewer-header span{color:#aebde2;margin-top:4px;font-size:13px;display:block}.gc-viewer-header button{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;flex:none;width:44px;height:44px;font-weight:950}.gc-viewer-body{background:#fff;height:calc(100% - 76px)}.gc-viewer-frame{background:#fff;border:none;width:100%;height:100%}.gc-viewer-loading,.gc-viewer-error{text-align:center;color:#fff;background:linear-gradient(135deg,#020817,#071629);place-items:center;height:100%;padding:34px;display:grid}.gc-viewer-error{align-content:center;gap:12px}.gc-viewer-error strong{font-size:26px}.gc-viewer-error span{color:#cfd8ef;max-width:720px;line-height:1.6}@media (width<=760px){.gc-viewer-overlay{padding:10px}.gc-viewer-modal{border-radius:20px;width:100%;height:96vh}.gc-viewer-header{padding:12px 14px}.gc-viewer-header strong{font-size:15px}.gc-viewer-header span{font-size:11px}}.head-office-premium-shell{text-align:left;isolation:isolate;width:100%;position:relative}.head-office-premium-shell:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 2%,#f1d36b29,#0000 32%),radial-gradient(circle at 86% 10%,#4a90e22e,#0000 34%),radial-gradient(circle at 70% 92%,#38bdf81c,#0000 36%);position:fixed;inset:0}.admin-layout{background:radial-gradient(circle at 8% 4%,#f1d36b29,#0000 32%),radial-gradient(circle at 94% 14%,#4a90e22e,#0000 34%),linear-gradient(135deg,#020817 0%,#07111f 42%,#0b1f3a 100%)}.admin-main{padding:clamp(28px,3.4vw,52px)}.admin-sidebar{background:linear-gradient(#020817e6,#06111fc7),radial-gradient(circle at 0 0,#f1d36b1f,#0000 36%)}.admin-nav-item{border-radius:18px;min-height:56px}.admin-nav-item.active{box-shadow:0 18px 44px #00000038,inset 3px 0 #f1d36bc7}.head-office-command-hero{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:left;background:linear-gradient(145deg,#ffffff18,#ffffff09),radial-gradient(circle at 100% 0,#f1d36b2b,#0000 34%),radial-gradient(circle at 0 100%,#4a90e229,#0000 36%);border:1px solid #ffffff21;border-radius:34px;margin-bottom:24px;padding:clamp(28px,3.8vw,48px);position:relative;overflow:hidden;box-shadow:0 34px 100px #00000057}.head-office-command-hero:before{content:"COMMAND";letter-spacing:-.08em;color:#ffffff09;pointer-events:none;font-size:clamp(84px,11vw,160px);font-weight:950;line-height:1;position:absolute;top:-26px;right:24px}.head-office-command-hero>*{z-index:1;position:relative}.head-office-command-hero .live-command-pill{color:#a7f3d0;letter-spacing:.14em;text-transform:uppercase;background:#2ed5731c;border:1px solid #2ed57342;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:10px 14px;font-size:.76rem;font-weight:950;display:inline-flex}.head-office-command-hero .live-dot{background:#2ed573;border-radius:999px;width:9px;height:9px;animation:1.6s ease-out infinite headOfficePulse;box-shadow:0 0 20px #2ed573cc}.head-office-command-hero h2{color:#fff;letter-spacing:-.06em;max-width:960px;margin:18px 0 12px;font-size:clamp(36px,4.6vw,68px);line-height:.96}.head-office-command-hero p{color:#e8f1ffc2;max-width:980px;margin:0;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.65}.head-office-command-actions,.head-office-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-top:24px;display:flex!important}.head-office-command-actions>span,.head-office-actions>span{color:#e8f1ffc7;background:#ffffff13;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 14px;box-shadow:inset 0 1px #ffffff14;display:inline-flex!important}.head-office-command-actions>span:before,.head-office-actions>span:before{content:"";background:#2ed573;border-radius:999px;width:8px;height:8px;box-shadow:0 0 16px #2ed573b3}.head-office-command-actions>span strong,.head-office-actions>span strong{color:#fff}.head-office-command-actions button,.head-office-actions button,.head-office-command-tabs button,.head-office-mode-tabs button{appearance:none;cursor:pointer;letter-spacing:-.01em;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-family:inherit;font-weight:950;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.head-office-command-actions button,.head-office-actions button{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);box-shadow:0 16px 38px #f1d36b38,inset 0 1px #ffffff61}.head-office-command-actions button:hover,.head-office-actions button:hover{transform:translateY(-2px);box-shadow:0 22px 55px #f1d36b4d,inset 0 1px #ffffff7a}.head-office-command-tabs,.head-office-mode-tabs{background:#0208176b;border:1px solid #ffffff1f;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px;padding:8px;box-shadow:inset 0 1px #ffffff14,0 18px 45px #0000002e;display:inline-flex!important}.head-office-command-tabs button,.head-office-mode-tabs button{color:#e8f1ffc7;box-shadow:none;background:0 0}.head-office-command-tabs button:hover,.head-office-mode-tabs button:hover{color:#fff;background:#ffffff17;transform:translateY(-1px)}.head-office-command-tabs button.active,.head-office-mode-tabs button.active{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);box-shadow:0 15px 34px #f1d36b38}.head-office-premium-stats,.head-office-stats{grid-template-columns:repeat(7,minmax(135px,1fr));gap:14px;margin:24px 0 30px;display:grid}.head-office-premium-stats>div,.head-office-stats>div{text-align:left;background:linear-gradient(145deg,#ffffff1c,#ffffff0a);border:1px solid #ffffff21;border-radius:28px;align-content:center;min-height:140px;padding:22px 20px;display:grid;box-shadow:0 24px 70px #00000040,inset 0 1px #ffffff17}.head-office-premium-stats strong,.head-office-stats strong{color:#fff;letter-spacing:-.055em;font-size:clamp(34px,3vw,50px);line-height:1;display:block}.head-office-premium-stats span,.head-office-stats span{color:#e8f1ffa8;margin-top:8px;font-weight:850}.head-office-premium-section,.head-office-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff16,#ffffff08);border:1px solid #ffffff1f;border-radius:32px;margin-top:24px;padding:clamp(20px,2.4vw,28px);box-shadow:0 24px 72px #0000003d}.section-heading-row{text-align:left;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.section-heading-row h3{color:#fff;letter-spacing:-.04em;font-size:clamp(24px,2.4vw,36px)}.section-heading-row p{color:#f1d36b;letter-spacing:.14em;text-transform:uppercase;font-weight:950}.featured-live-school{background:radial-gradient(circle at 100% 0,#2ed57329,#0000 34%),linear-gradient(145deg,#ffffff1c,#ffffff0a);border:1px solid #ffffff21;border-radius:32px;margin-bottom:20px;padding:clamp(22px,3vw,34px);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000047,inset 0 1px #ffffff17}.featured-live-school.is-live{border-color:#2ed57347}.featured-live-school:before{content:"LIVE";letter-spacing:-.08em;color:#ffffff07;pointer-events:none;font-size:clamp(70px,10vw,140px);font-weight:950;position:absolute;top:-20px;right:22px}.featured-live-school-main{z-index:1;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:relative}.featured-kicker{color:#9fffc2;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:950}.featured-live-school h3{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(34px,4vw,64px);line-height:.95}.featured-live-school-main span{color:#e8f1ffad;margin-top:10px;font-weight:850;display:inline-flex}.featured-live-badge,.featured-quiet-badge{border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-weight:950;display:inline-flex}.featured-live-badge{color:#062414;background:linear-gradient(135deg,#7dffbd,#d7ffe9);box-shadow:0 0 36px #7dffbd38}.featured-quiet-badge{color:#e8f1ffb8;background:#ffffff14}.featured-live-metrics{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid;position:relative}.featured-live-metrics div{background:#02081752;border:1px solid #ffffff1a;border-radius:22px;padding:16px}.featured-live-metrics strong{color:#fff;letter-spacing:-.05em;font-size:34px;line-height:1;display:block}.featured-live-metrics span{color:#e8f1ff9e;margin-top:6px;font-size:.8rem;font-weight:850;display:block}.featured-live-feed{z-index:1;gap:10px;display:grid;position:relative}.featured-live-feed-row,.featured-live-feed-empty{background:#02081757;border:1px solid #ffffff1a;border-radius:20px;padding:14px}.featured-live-feed-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.featured-live-feed-row strong{color:#fff;display:block}.featured-live-feed-row span,.featured-live-feed-empty{color:#e8f1ffa3}.featured-live-feed-row small{color:#f1d36b;font-weight:950}.featured-live-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.featured-live-actions button,.school-card-actions button{cursor:pointer;color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border:0;border-radius:999px;min-height:42px;padding:0 15px;font-weight:950;box-shadow:0 14px 36px #f1d36b30}.featured-live-actions button.secondary,.school-card-actions button.secondary{color:#fff;box-shadow:none;background:#ffffff16;border:1px solid #ffffff1f}.executive-school-grid,.head-office-school-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.executive-school-card,.head-office-school-card{transition:transform .24s,border-color .24s,box-shadow .24s;background:linear-gradient(145deg,#ffffff17,#ffffff09)!important;border:1px solid #ffffff21!important;border-radius:28px!important;box-shadow:0 24px 70px #0000003d!important}.executive-school-card:hover,.head-office-school-card:hover{transform:translateY(-5px);border-color:#f1d36b57!important;box-shadow:0 34px 90px #00000052!important}.school-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.school-type{color:#ffe68a;text-transform:uppercase;letter-spacing:.08em;background:#f1d36b1c;border:1px solid #f1d36b2e;border-radius:999px;width:fit-content;padding:7px 10px;font-size:.68rem;font-weight:950;display:inline-flex}.live-badge,.quiet-badge{border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:950;display:inline-flex}.live-badge{color:#062414;background:linear-gradient(135deg,#7dffbd,#d7ffe9)}.quiet-badge{color:#e8f1ffad;background:#ffffff12}.school-live-metrics{grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0;display:grid}.school-live-metrics>div{background:#02081742;border:1px solid #ffffff17;border-radius:18px;padding:13px}.school-live-metrics strong{color:#fff;font-size:24px;display:block}.school-live-metrics span{color:#e8f1ff9e;font-size:.78rem;font-weight:850}.school-session-list{gap:10px;display:grid}.school-empty-session,.live-table-empty,.teacher-class-empty{color:#e8f1ff94;text-align:center;background:#0208173d;border:1px dashed #ffffff1f;border-radius:20px;padding:18px}.school-session-row{background:#02081742;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.school-session-row strong{color:#fff;display:block}.school-session-row span,.school-session-row small{color:#e8f1ff9e;margin-top:4px;display:block}.session-progress-mini{text-align:right;min-width:76px}.session-progress-mini strong{color:#f1d36b}@media (width<=1280px){.head-office-premium-stats,.head-office-stats{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media (width<=860px){.head-office-command-actions,.head-office-actions{align-items:stretch}.head-office-command-actions>span,.head-office-actions>span,.head-office-command-actions button,.head-office-actions button{justify-content:center;width:100%}.head-office-command-tabs,.head-office-mode-tabs{border-radius:24px;width:100%}.head-office-command-tabs button,.head-office-mode-tabs button{flex:180px}.head-office-premium-stats,.head-office-stats,.featured-live-metrics{grid-template-columns:repeat(2,minmax(140px,1fr))}.featured-live-school-main,.featured-live-feed-row{flex-direction:column;align-items:flex-start}}@media (width<=560px){.head-office-premium-stats,.head-office-stats,.featured-live-metrics,.school-live-metrics{grid-template-columns:1fr}}@keyframes headOfficePulse{0%{box-shadow:0 0 #2ed573ad}75%{box-shadow:0 0 0 12px #2ed57300}to{box-shadow:0 0 #2ed57300}}.app{text-align:left;background:radial-gradient(circle at 10% 8%,#f5cd412e,#0000 32%),radial-gradient(circle at 86% 16%,#3b82f638,#0000 34%),radial-gradient(circle at 50% 92%,#0ea5e91f,#0000 40%),linear-gradient(135deg,#020617 0%,#071629 48%,#0b1f3a 100%);min-height:100vh;padding:28px 24px 60px;overflow-x:hidden}.app:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.header,.hero,.role-strip,.assigned-workspace-card,.connect-quick-grid{width:min(1180px,100% - 24px);margin-left:auto;margin-right:auto}.header{padding:10px 0 18px}.header h1{letter-spacing:-.07em;font-size:clamp(2.4rem,5vw,4.5rem)}.hero{background:linear-gradient(135deg,#030d1feb,#0a203ec7),radial-gradient(circle at 100% 0,#f5cd4133,#0000 42%);border:1px solid #ffffff21;border-radius:38px;margin-top:20px;padding:clamp(30px,5vw,66px);position:relative;overflow:hidden;box-shadow:0 34px 100px #00000057}.hero h2{letter-spacing:-.07em;max-width:780px;margin:0 0 14px;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.92}.role-strip{background:#030d1fbd;border:1px solid #ffffff1f;border-radius:999px;justify-content:flex-start;margin-top:18px;padding:16px 18px}.assigned-workspace-card{border-radius:36px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:28px;margin-top:24px;padding:clamp(28px,4vw,48px);display:grid}.assigned-workspace-card h3{letter-spacing:-.075em;font-size:clamp(2.4rem,4.8vw,4.7rem);line-height:.93}.assigned-continue-btn{border-radius:999px;width:100%;padding:18px 26px}.connect-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.connect-quick-grid article{cursor:pointer;background:radial-gradient(circle at 100% 0,#3b82f62e,#0000 38%),linear-gradient(145deg,#0f172aeb,#020617fa);border:1px solid #94a3b838;border-radius:28px;min-height:150px;padding:22px;transition:all .22s;box-shadow:0 24px 60px #00000042}.connect-quick-grid article:hover{border-color:#f5cd416b;transform:translateY(-5px)}.connect-quick-grid span{color:#f5cd41;letter-spacing:.16em;font-size:.75rem;font-weight:950;display:block}.connect-quick-grid strong{color:#fff;margin-top:22px;font-size:1.35rem;display:block}.connect-quick-grid small{color:#94a3b8;margin-top:8px;line-height:1.45;display:block}@media (width<=900px){.assigned-workspace-card,.connect-quick-grid{grid-template-columns:1fr}.role-strip{border-radius:24px}}html,body,#root,.admin-layout,.head-office-page,.head-office-shell{width:100%;max-width:100%;overflow-x:hidden}.admin-layout{grid-template-columns:280px minmax(0,1fr);display:grid}.admin-main,.head-office-main{width:100%;min-width:0;padding:36px clamp(18px,2vw,36px);overflow-x:hidden}.dashboard-grid,.dashboard-stats,.head-office-grid,.attendance-ops-grid,.attendance-ops-card-grid{width:100%;max-width:100%}.dashboard-grid,.head-office-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.attendance-ops-panel,.attendance-teacher-presence,.dashboard-card,.dashboard-stats div{min-width:0;overflow:hidden}.head-office-hero,.head-office-command-panel,.attendance-ops-shell{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}@media (width<=1200px){.attendance-ops-grid{grid-template-columns:1fr}}@media (width<=980px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{width:100%;min-width:0}.admin-main,.head-office-main{padding:22px 14px}.dashboard-grid,.dashboard-stats,.attendance-ops-card-grid{grid-template-columns:1fr}}.class-settings-card{background:radial-gradient(circle at 0 0,#38bdf824,#0000 36%),linear-gradient(145deg,#0a162ef5,#020817f5)!important;border-color:#38bdf83d!important}.gc-class-settings-mini{background:#02061761;border:1px solid #93c5fd2e;border-radius:18px;gap:6px;margin:14px 0;padding:14px;display:grid}.gc-class-settings-mini span{color:#04111f;letter-spacing:.08em;background:linear-gradient(135deg,#fde68a,#facc15);border-radius:999px;width:fit-content;padding:5px 9px;font-size:.7rem;font-weight:1000}.gc-class-settings-mini strong{color:#fff;font-size:1rem;line-height:1.2}.gc-class-settings-mini small{color:#93c5fd;font-weight:800;line-height:1.35}.gc-class-settings-modal{width:min(860px,94vw)}.gc-settings-locked-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.gc-settings-locked-strip>div{background:#0f172a9e;border:1px solid #93c5fd29;border-radius:18px;min-width:0;padding:14px}.gc-settings-locked-strip span,.gc-settings-grid label>span,.gc-settings-preview-card>span{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:950;display:block}.gc-settings-locked-strip strong{color:#eaf3ff;overflow-wrap:anywhere;margin-top:6px;font-size:.84rem;display:block}.gc-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gc-settings-grid label{gap:8px;min-width:0;display:grid}.gc-settings-grid input,.gc-settings-grid select{color:#fff;background:#020617c2;border:1px solid #93c5fd3d;border-radius:16px;outline:none;width:100%;min-height:48px;padding:0 14px;font-weight:850}.gc-settings-grid input:focus,.gc-settings-grid select:focus{border-color:#38bdf8b8;box-shadow:0 0 0 4px #38bdf81f}.gc-settings-grid small{color:#94a3b8;font-weight:750;line-height:1.4}.gc-settings-preview-card{background:radial-gradient(circle at 0 0,#facc151f,#0000 34%),#0f172aa8;border:1px solid #facc1547;border-radius:22px;margin-top:18px;padding:18px}.gc-settings-preview-card strong{color:#fff;letter-spacing:-.04em;margin-top:8px;font-size:clamp(1.4rem,3vw,2.35rem);line-height:1;display:block}.gc-settings-preview-card small{color:#fde68a;margin-top:8px;font-weight:900;display:block}.gc-settings-preview-card p{color:#9fb7d5;margin:12px 0 0;font-weight:750}.gc-settings-message{color:#bbf7d0;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:16px;margin-top:14px;padding:13px 15px;font-weight:850}.gc-settings-message.error{color:#fecaca;background:#ef44441f;border-color:#f8717157}.gc-settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.gc-settings-actions button{color:#04111f;cursor:pointer;background:linear-gradient(135deg,#fde68a,#facc15);border:1px solid #93c5fd42;border-radius:999px;min-height:46px;padding:0 18px;font-weight:1000}.gc-settings-actions button.secondary{color:#eaf3ff;background:#0f172ad1}.gc-settings-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.gc-settings-locked-strip,.gc-settings-grid{grid-template-columns:1fr}.gc-settings-actions{justify-content:stretch}.gc-settings-actions button{width:100%}}.elite-access-page{background:radial-gradient(circle at 12% 16%,#f1d36b29,#0000 30%),radial-gradient(circle at 88% 16%,#38bdf829,#0000 34%),radial-gradient(circle at 52% 110%,#4f46e533,#0000 38%),linear-gradient(135deg,#020817 0%,#071629 52%,#0a1d36 100%);justify-content:center;align-items:center;padding:clamp(22px,4vw,56px);position:relative;overflow:hidden}.elite-access-page:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:34px;position:absolute;inset:24px}.elite-landing-ambient{filter:blur(58px);opacity:.44;pointer-events:none;border-radius:999px;position:absolute}.elite-landing-ambient-one{background:#f1d36b59;width:260px;height:260px;top:12%;left:7%}.elite-landing-ambient-two{background:#2563eb59;width:360px;height:360px;bottom:6%;right:-80px}.elite-landing-grid{z-index:2;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:stretch;gap:24px;width:min(1260px,96vw);display:grid;position:relative}.elite-access-card{background:linear-gradient(145deg,#0f1b3eeb,#08122be0),#0d1938db;border:1px solid #ffffff26;border-radius:36px;width:100%;min-height:620px;padding:clamp(34px,5vw,58px);position:relative;overflow:hidden;box-shadow:0 44px 120px #0000007a,inset 0 1px #ffffff1c}.elite-access-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#f1d36b21,#0000 66%);border-radius:999px;width:520px;height:520px;position:absolute;inset:auto -18% -44% 28%}.elite-card-glow{opacity:.48;pointer-events:none;background:linear-gradient(120deg,#f1d36b40,#0000 28%,#38bdf82e 70%,#0000);position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000,#0000 72%);mask:linear-gradient(#000,#0000 72%)}.elite-brand-row{z-index:2;align-items:center;gap:16px;margin-bottom:34px;display:flex;position:relative}.elite-brand-mark{color:#071629;background:linear-gradient(135deg,#f6d96f,#c9a227);border-radius:20px;place-items:center;width:58px;height:58px;font-weight:950;display:grid;box-shadow:0 18px 46px #f1d36b47}.elite-brand-row .elite-eyebrow{letter-spacing:7px;color:#f1d36b;margin:0 0 6px}.elite-brand-row span{color:#9fb0d4;font-size:13px;font-weight:800}.elite-access-card h1{z-index:2;letter-spacing:-3px;max-width:760px;margin-bottom:26px;font-size:clamp(44px,6.6vw,84px);line-height:.91;position:relative}.elite-subtitle{z-index:2;color:#d9e3ff;max-width:790px;margin-bottom:26px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;position:relative}.elite-trust-row{z-index:2;flex-wrap:wrap;gap:10px;margin:0 0 30px;display:flex;position:relative}.elite-trust-row span{color:#dce7ff;background:#ffffff13;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:900;display:inline-flex}.elite-trust-row span:before{content:"";background:#7dffbd;border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px #7dffbdb8}.elite-action-row{z-index:2;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;max-width:730px;display:grid;position:relative}.elite-action-row button{text-align:left;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:17px 24px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.elite-action-row button:hover{transform:translateY(-4px)}.elite-action-row button span{font-size:17px;font-weight:950}.elite-action-row button small{opacity:.72;font-size:12px;font-weight:800}.elite-primary{background:linear-gradient(135deg,#fff,#dceaff);box-shadow:0 20px 48px #ffffff2e}.elite-secondary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff13;border-color:#ffffff29}.elite-action-row .elite-secondary:last-child{grid-column:1/-1}.elite-access-intelligence{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:radial-gradient(circle at 20% 5%,#7dffbd1f,#0000 34%),linear-gradient(145deg,#ffffff1a,#ffffff0b);border:1px solid #ffffff24;border-radius:36px;min-height:620px;padding:28px;position:relative;overflow:hidden;box-shadow:0 44px 110px #00000061,inset 0 1px #ffffff1f}.elite-access-intelligence:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf838,#0000 70%);border-radius:999px;width:260px;height:260px;position:absolute;inset:-80px -130px auto auto}.elite-panel-header{z-index:2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex;position:relative}.elite-panel-header p{color:#f1d36b;letter-spacing:5px;margin:0;font-size:12px;font-weight:950}.elite-panel-header span{color:#9fffc2;background:#2ed57321;border:1px solid #2ed57347;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:950}.elite-rule-list{z-index:2;gap:14px;display:grid;position:relative}.elite-rule-card{background:#030d1f73;border:1px solid #ffffff1b;border-radius:24px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:104px;padding:16px;transition:transform .22s,border-color .22s,background .22s;display:grid}.elite-rule-card:hover{background:#ffffff16;border-color:#f1d36b52;transform:translateY(-4px)}.elite-rule-icon{color:#f1d36b;background:#f1d36b21;border-radius:17px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:950;display:grid}.elite-rule-card strong{color:#fff;margin-bottom:5px;font-size:17px;display:block}.elite-rule-card span{color:#c8d3ee;font-size:13px;line-height:1.45;display:block}.elite-rule-card small{color:#d9e3ff;text-transform:uppercase;background:#ffffff16;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:950}.admin-rule .elite-rule-icon{color:#f1d36b;background:#f1d36b26}.teacher-rule .elite-rule-icon{color:#9bdcff;background:#38bdf824}.student-rule .elite-rule-icon{color:#a8ffd0;background:#7dffbd24}.parent-rule .elite-rule-icon{color:#d7ccff;background:#c4b5fd29}.elite-status-strip{z-index:2;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid;position:relative}.elite-status-strip div{background:#ffffff13;border:1px solid #ffffff1a;border-radius:20px;padding:15px 12px}.elite-status-strip strong{color:#fff;font-size:28px;line-height:1;display:block}.elite-status-strip span{color:#aebde2;margin-top:6px;font-size:11px;font-weight:850;display:block}@media (width<=1120px){.elite-landing-grid{grid-template-columns:1fr}.elite-access-card,.elite-access-intelligence{min-height:auto}}@media (width<=720px){.elite-access-page{padding:18px}.elite-access-page:before{border-radius:24px;inset:10px}.elite-access-card,.elite-access-intelligence{border-radius:28px;padding:26px}.elite-brand-row{align-items:flex-start}.elite-brand-row .elite-eyebrow{letter-spacing:4px}.elite-access-card h1{letter-spacing:-1.6px}.elite-action-row{grid-template-columns:1fr}.elite-action-row .elite-secondary:last-child{grid-column:auto}.elite-rule-card{grid-template-columns:44px minmax(0,1fr)}.elite-rule-card small{grid-column:1/-1;width:fit-content}.elite-status-strip{grid-template-columns:1fr}}.super-admin-command-page{color:#fff;background:radial-gradient(circle at 14% 12%,#f1d36b2e,#0000 32%),radial-gradient(circle at 88% 20%,#3b82f63d,#0000 34%),linear-gradient(135deg,#020817 0%,#071629 54%,#0b1f3a 100%);min-height:100vh;padding:28px;position:relative;overflow:hidden}.super-admin-bg-orb{filter:blur(64px);opacity:.42;pointer-events:none;border-radius:999px;position:fixed}.super-admin-bg-orb-one{background:#f1d36ba6;width:300px;height:300px;top:4%;left:12%}.super-admin-bg-orb-two{background:#3b82f68c;width:360px;height:360px;bottom:8%;right:-90px}.super-admin-command-shell{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050f23b8;border:1px solid #ffffff24;border-radius:34px;grid-template-columns:310px 1fr;width:min(1480px,100%);min-height:calc(100vh - 56px);margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 120px #0000006b}.super-admin-side-panel{background:#020817ad;border-right:1px solid #ffffff1f;flex-direction:column;gap:14px;padding:26px;display:flex}.super-admin-brand-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.super-admin-brand-mark{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:950;display:grid;box-shadow:0 18px 48px #f1d36b4d}.super-admin-brand-row strong,.super-admin-role-card strong{color:#fff;display:block}.super-admin-brand-row span,.super-admin-role-card span{color:#aebde2;margin-top:4px;font-size:12px;display:block}.super-admin-role-card{background:linear-gradient(135deg,#f1d36b29,#ffffff0f);border:1px solid #f1d36b42;border-radius:24px;margin:10px 0 8px;padding:18px}.super-admin-role-card p{color:#f1d36b;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:950}.super-admin-nav-btn,.super-admin-signout{text-align:left;color:#d9e3ff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;width:100%;padding:14px 15px;font-weight:900;transition:all .22s}.super-admin-nav-btn:hover,.super-admin-nav-btn.active{color:#fff;background:#ffffff1c;border-color:#f1d36b61;transform:translate(4px)}.super-admin-signout{color:#ffd1d1;background:#ff50501f;border-color:#ff505047;margin-top:auto}.super-admin-main-panel{min-width:0;padding:34px}.super-admin-hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.super-admin-hero h1{letter-spacing:-2.4px;margin:0 0 12px;font-size:clamp(42px,5vw,74px);line-height:.92}.super-admin-hero span{color:#d9e3ff;max-width:760px;font-size:17px;line-height:1.55;display:block}.super-admin-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.super-admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.super-admin-stat-grid div{background:#ffffff16;border:1px solid #ffffff21;border-radius:24px;padding:22px;box-shadow:0 22px 60px #00000038}.super-admin-stat-grid span,.super-admin-stat-grid small{color:#aebde2;font-weight:800;display:block}.super-admin-stat-grid strong{margin:8px 0;font-size:38px;line-height:1;display:block}.super-admin-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.super-admin-tabs button{color:#d9e3ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:11px 18px;font-weight:900}.super-admin-tabs button.active,.super-admin-tabs button:hover{color:#071629;background:linear-gradient(135deg,#d9b52b,#f1d36b);border-color:#f1d36b8c}.super-admin-board-card{background:#ffffff16;border:1px solid #ffffff21;border-radius:30px;padding:24px;box-shadow:0 28px 80px #00000040}.super-admin-board-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.super-admin-board-header p{color:#f1d36b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:950}.super-admin-board-header h2{margin:0;font-size:28px}.super-admin-board-header>span{color:#9fffc2;background:#2ed57324;border:1px solid #2ed57359;border-radius:999px;padding:8px 12px;font-weight:950}.super-admin-request-list{gap:14px;display:grid}.super-admin-request-card{background:#ffffff12;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.request-avatar{color:#f1d36b;background:#f1d36b29;border-radius:18px;place-items:center;width:52px;height:52px;font-weight:950;display:grid}.request-title-row,.request-meta-row,.request-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.request-title-row h3{color:#fff;margin:0}.request-main p{color:#cfd8ef;margin:7px 0}.request-meta-row span{color:#cfd8ef;background:#ffffff14;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850}.request-status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:950}.request-status.good{color:#9fffc2;background:#2ed57324;border:1px solid #2ed57359}.request-status.warn{color:#f1d36b;background:#f1d36b24;border:1px solid #f1d36b4d}.request-status.danger{color:#ffd1d1;background:#ff505024;border:1px solid #ff505059}.request-status.neutral{color:#d9e3ff;background:#ffffff14}.primary-login.small,.secondary-login.small{padding:10px 14px;font-size:12px}.super-admin-empty-state{color:#d9e3ff;text-align:center;background:#ffffff0f;border-radius:22px;padding:26px;font-weight:800}@media (width<=1050px){.super-admin-command-shell{grid-template-columns:1fr}.super-admin-side-panel{border-bottom:1px solid #ffffff1f;border-right:none}.super-admin-stat-grid{grid-template-columns:repeat(2,1fr)}.super-admin-hero{flex-direction:column}}@media (width<=720px){.super-admin-command-page{padding:14px}.super-admin-main-panel,.super-admin-side-panel{padding:20px}.super-admin-stat-grid,.super-admin-request-card{grid-template-columns:1fr}.request-actions{width:100%}.request-actions button{flex:1}}.ss-promo-card{background:radial-gradient(circle at 6% 60%,#ff8c0024,#0000 42%),radial-gradient(circle at 90% 15%,#f1d36b2e,#0000 38%),linear-gradient(145deg,#12224af5,#081230f0);border:1px solid #f1d36b4d;border-radius:28px;margin-top:28px;padding:26px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000059,0 0 36px #f1d36b14,inset 0 1px #ffffff1a}.ss-promo-glow{border-radius:inherit;opacity:.55;pointer-events:none;background:linear-gradient(118deg,#ffa50033,#0000 32%,#f1d36b29 68%,#0000);position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000,#0000 80%);mask:linear-gradient(#000,#0000 80%)}.ss-promo-inner{z-index:2;grid-template-columns:1fr auto;align-items:center;gap:28px;display:grid;position:relative}.ss-promo-eyebrow{letter-spacing:6px;color:#f1d36b;margin:0 0 10px;font-size:11px;font-weight:950}.ss-promo-title{color:#fff;letter-spacing:-.4px;margin:0 0 8px;font-size:clamp(22px,3.2vw,32px);font-weight:950;line-height:1.1}.ss-promo-tagline{color:#d9e3ff;margin:0 0 10px;font-size:15px;font-style:italic;font-weight:700}.ss-promo-desc{color:#aebde2;margin:0 0 14px;font-size:13.5px;line-height:1.6}.ss-promo-meta{margin-bottom:14px}.ss-promo-grade-badge{color:#f1d36b;background:#f1d36b24;border:1px solid #f1d36b61;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:950;display:inline-block}.ss-promo-cols{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.ss-promo-col-label{letter-spacing:4px;color:#9fb0d4;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:950}.ss-promo-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.ss-promo-list li{color:#cfd8ef;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.ss-promo-list li:before{content:"";background:#f1d36b;border-radius:999px;flex-shrink:0;width:5px;height:5px}.ss-promo-btn{color:#071629;background:linear-gradient(135deg,#f6d96f,#c9a227);border-radius:999px;padding:14px 26px;font-size:14.5px;font-weight:950;text-decoration:none;transition:transform .22s,box-shadow .22s;display:inline-block;box-shadow:0 14px 38px #f1d36b4d}.ss-promo-btn:hover{transform:translateY(-3px);box-shadow:0 20px 50px #f1d36b6b}.ss-promo-qr-side{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.ss-promo-qr-wrap{background:#fff;border-radius:22px;place-items:center;width:200px;height:200px;padding:12px;display:grid;box-shadow:0 16px 48px #0000005c,0 0 0 1px #f1d36b33}.ss-promo-scan-text{color:#f1d36b;letter-spacing:4px;text-transform:uppercase;margin:0;font-size:11px;font-weight:950}.ss-promo-url{color:#9fb0d4;text-align:center;word-break:break-all;font-size:11px;font-weight:700;text-decoration:none;transition:color .18s}.ss-promo-url:hover{color:#fff;text-decoration:underline}@media (width<=760px){.ss-promo-inner{grid-template-columns:1fr}.ss-promo-qr-side{border-top:1px solid #ffffff1a;width:100%;padding-top:22px}.ss-promo-cols{grid-template-columns:1fr 1fr}}@media (width<=480px){.ss-promo-cols{grid-template-columns:1fr}}.wb-tool-group{border-left:1px solid #ffffff1f;align-items:center;gap:6px;padding:0 10px;display:flex}.wb-tool-group:first-child{border-left:none;padding-left:0}.wb-group-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:10px;font-weight:800}.wb-tool-btn{flex-direction:column;align-items:center;gap:2px;min-width:48px;padding:8px 10px;display:flex}.wb-tool-icon{font-size:16px;line-height:1}.wb-tool-label{font-size:10px;font-weight:800}.wb-color-group{gap:5px}.wb-color-swatch{cursor:pointer;border-radius:50%;flex-shrink:0;width:26px;min-width:0;height:26px;padding:0}.wb-color-swatch:hover,.wb-color-swatch.active{outline-offset:2px;outline:2px solid #f1d36b;transform:scale(1.2)}.wb-color-picker{cursor:pointer;background:0 0;border:2px solid #ffffff40;border-radius:50%;width:28px;height:28px;padding:0}.wb-slider-label{color:#cfd8ef;white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.wb-slider-label input[type=range]{width:80px}.wb-actions-group{margin-left:auto}.wb-tool-separator{background:#ffffff1f;flex-shrink:0;align-self:stretch;width:1px;margin:0 2px}.wb-bg-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:26px;min-width:0;height:26px;padding:0;font-size:15px;line-height:1;display:flex}.wb-bg-btn.active{background:#f1d36b26;border-color:#f1d36b}.wb-bg-btn:hover{border-color:#f1d36b80}.wb-bg-white{background:#fff!important}.wb-bg-whiteboard{background:#f8f7f2!important}.wb-bg-grid-light{background:repeating-linear-gradient(0deg,#0000,#0000 39px,#d1d5db 39px 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#d1d5db 39px 40px),#fff!important}.wb-bg-dot-grid{background:radial-gradient(circle,#9ca3af 1px,#0000 1px) 0 0/24px 24px,#fff!important}.wb-bg-ruled{background:repeating-linear-gradient(#0000,#0000 27px,#bfdbfe 27px 28px),#fff!important}.wb-bg-graph-paper{background:repeating-linear-gradient(0deg,#0000,#0000 9px,#e5e7eb 9px 10px),repeating-linear-gradient(90deg,#0000,#0000 9px,#e5e7eb 9px 10px),#fff!important}.wb-bg-chalkboard-green{background:#1b3d2a!important}.wb-bg-chalkboard-black{background:#111!important}.whiteboard-canvas-wrap[data-tool=pen],.whiteboard-canvas-wrap[data-tool=highlighter],.whiteboard-canvas-wrap[data-tool=line],.whiteboard-canvas-wrap[data-tool=arrow],.whiteboard-canvas-wrap[data-tool=rectangle],.whiteboard-canvas-wrap[data-tool=circle]{cursor:crosshair}.whiteboard-canvas-wrap[data-tool=text]{cursor:text}.whiteboard-canvas-wrap[data-tool=eraser]{cursor:cell}.whiteboard-canvas-wrap[data-tool=select]{cursor:default}.whiteboard-page-tabs{flex-direction:column;gap:4px;display:flex}.wb-page-row{border-radius:6px;align-items:center;gap:4px;padding:2px;display:flex}.wb-page-row.active{background:#f1d36b1a}.wb-page-tab-btn{text-align:left;color:#ffffffb3;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:5px 8px;font-size:12px;font-weight:600;overflow:hidden}.wb-page-tab-btn.active{color:#f1d36b;background:#f1d36b14;border-color:#f1d36b4d}.wb-page-tab-btn:hover{background:#ffffff14}.wb-page-rename-input{color:#f1d36b;background:#ffffff1a;border:1px solid #f1d36b;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:12px;font-weight:600}.wb-page-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.wb-page-row:hover .wb-page-actions{opacity:1}.wb-page-action-btn{color:#ffffff8c;cursor:pointer;background:#ffffff14;border:none;border-radius:3px;justify-content:center;align-items:center;width:20px;min-width:0;height:20px;padding:0;font-size:11px;display:flex}.wb-page-action-btn:hover{color:#fff;background:#ffffff2e}.wb-page-delete-btn:hover{color:#ffd1d1;background:#ff505040}.wb-page-action-btn:disabled{opacity:.25;cursor:not-allowed}.wb-add-page-btn{color:#fff9;cursor:pointer;text-align:center;background:#ffffff0f;border:1px dashed #fff3;border-radius:6px;width:100%;margin-top:4px;padding:6px 10px;font-size:12px;font-weight:700}.wb-add-page-btn:hover{color:#fff;background:#ffffff1a}.wb-pages-panel-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.wb-pages-panel-head h4{margin:0}.wb-pages-collapse-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:11px}.wb-pages-collapse-btn:hover{color:#fff}.wb-lesson-title-btn,.wb-lesson-title-input{box-sizing:border-box;text-align:left;color:#fff;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:5px;width:100%;margin:6px 0 2px;padding:5px 8px;font-size:12.5px;font-weight:700;display:block;overflow:hidden}.wb-lesson-title-input{cursor:text;border-color:#f1d36b;outline:none}.wb-lesson-title-btn:hover{background:#ffffff1a}.wb-page-count{color:#ffffff73;margin-bottom:6px;font-size:10.5px;font-weight:600}.wb-page-row--collapsed{padding:1px}.wb-page-row--collapsed .wb-page-tab-btn{text-align:center;padding:5px 2px}.wb-page-unsaved-dot{background:#f1a33b;border-radius:50%;flex-shrink:0;width:6px;height:6px}.wb-page-type-select{color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff29;border-radius:4px;flex-shrink:0;max-width:92px;padding:3px 2px;font-size:10px}.wb-add-page-row{gap:2px;margin-top:4px;display:flex;position:relative}.wb-add-page-row .wb-add-page-btn{margin-top:0}.wb-add-page-template-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px dashed #fff3;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:11px}.wb-add-page-template-btn:hover{color:#fff;background:#ffffff1a}.wb-page-template-menu{z-index:50;background:#1c1f26;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;gap:2px;min-width:160px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.wb-page-template-menu button{text-align:left;color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:12px}.wb-page-template-menu button:hover{color:#fff;background:#ffffff1a}.wb-save-controls{align-items:center;gap:8px;display:flex}.wb-save-status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.wb-save-status--saved,.wb-save-status--idle{color:#6ee7b7;background:#34c75926}.wb-save-status--saving{color:#93c5fd;background:#3b82f626}.wb-save-status--unsaved{color:#fcd34d;background:#f59e0b2e}.wb-save-status--error{color:#fca5a5;background:#ef44442e}.wb-export-menu-wrap{display:inline-block;position:relative}.wb-export-menu{z-index:60;background:#1c1f26;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.wb-export-menu button{text-align:left;color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600}.wb-export-menu button:hover{color:#fff;background:#ffffff1a}.whiteboard-game-panel .wb-activity-studio-panel{flex-direction:column;gap:6px;display:flex}.whiteboard-game-panel .wb-subject-drawer{border:1px solid #ffffff17;border-radius:10px;transition:border-color .2s;overflow:hidden}.whiteboard-game-panel .wb-subject-drawer--open{border-color:#f59e0b59}.whiteboard-game-panel .wb-subject-drawer-header{cursor:pointer;text-align:left;color:#ffffffbf;background:#ffffff0d;border:none;border-radius:0;align-items:center;gap:6px;width:100%;margin-top:0;padding:9px 12px;font-size:.78rem;font-weight:700;transition:background .15s;display:flex}.whiteboard-game-panel .wb-subject-drawer-header:hover{background:#ffffff1a}.whiteboard-game-panel .wb-subject-drawer--open .wb-subject-drawer-header{color:#f59e0b;background:#f59e0b1f}.wb-drawer-count{color:#ffffff73;background:#ffffff1a;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.68rem;font-weight:700}.wb-subject-drawer--open .wb-drawer-count{color:#f59e0b;background:#f59e0b33}.wb-drawer-chevron{color:#ffffff59;font-size:.6rem}.whiteboard-game-panel .wb-subject-drawer-body{background:#00000026;border-top:1px solid #ffffff12}.whiteboard-game-panel .wb-activity-row{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex}.whiteboard-game-panel .wb-activity-row:last-child{border-bottom:none}.whiteboard-game-panel .wb-activity-row:hover{background:#ffffff12}.whiteboard-game-panel .wb-activity-row--selected{background:#f59e0b1f}.wb-activity-row-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.wb-activity-row-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.wb-activity-row-grade{color:#fff6;font-size:.68rem}.whiteboard-game-panel .wb-activity-push-btn{color:#f59e0b;cursor:pointer;background:#f59e0b2e;border:1px solid #f59e0b59;border-radius:6px;flex-shrink:0;width:auto;margin-top:0;padding:4px 10px;font-size:.72rem;font-weight:700;transition:background .15s,transform .1s}.whiteboard-game-panel .wb-activity-push-btn:hover{background:#f59e0b59;transform:scale(1.04)}.whiteboard-game-panel .wb-studio-meta-actions{gap:6px;padding-top:4px;display:flex}.whiteboard-game-panel .wb-studio-meta-actions button{color:#ffffffb3;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;flex:1;width:auto;margin-top:0;padding:7px 6px;font-size:.74rem;transition:background .15s}.whiteboard-game-panel .wb-studio-meta-actions button:hover{background:#ffffff1f}.whiteboard-game-panel .wb-studio-meta-actions button:disabled{opacity:.38;cursor:default}.wb-student-score-list{border:1px solid #ffffff17;border-radius:10px;flex-direction:column;max-height:320px;margin-top:10px;display:flex;overflow:hidden}.wb-student-score-rows{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;overflow-y:auto}.wb-student-score-list-header{text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;background:#ffffff0f;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;font-size:.67rem;font-weight:800;display:flex}.wb-student-score-alert-badge{color:#fbbf24;text-transform:none;letter-spacing:0;background:#fbbf241f;border:1px solid #fbbf2440;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.63rem;font-weight:700}.wb-student-score-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding:6px 10px;font-size:.74rem;display:flex}.wb-student-score-row:last-child{border-bottom:none}.wb-student-score-row--low{background:#fbbf240f}.wb-student-score-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.wb-student-score-pts{color:#ffffff8c;flex-shrink:0;font-size:.7rem;font-weight:700}.wb-student-score-acc{color:#4ade80;flex-shrink:0;font-size:.7rem;font-weight:700}.wb-student-score-acc--low{color:#fbbf24}.wb-student-score-actions{flex-shrink:0;gap:3px;display:flex}.wb-score-action-btn{color:#ffffffbf;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:6px;flex-shrink:0;width:auto;margin-top:0;padding:2px 6px;font-size:.72rem;line-height:1.4;transition:background .12s}.wb-score-action-btn:hover{background:#ffffff29}.wb-score-retry-all-btn{margin-left:auto;padding:2px 7px;font-size:.65rem}.wb-student-score-acc--editable{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.7rem}.wb-student-score-acc--editable:hover{opacity:.75}.wb-rubric-badge{color:#a5b4fc;vertical-align:middle;background:#6366f140;border-radius:4px;margin-left:4px;padding:0 3px;font-size:.58rem;font-weight:800;display:inline-block}.wb-score-edit-wrap{flex-shrink:0;align-items:center;gap:2px;display:flex}.wb-score-edit-input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;outline:none;width:46px;padding:1px 4px;font-size:.74rem;font-weight:700}.wb-score-edit-input:focus{border-color:#a5b4fc}.wb-score-edit-hint{color:#fff6;font-size:.62rem}.wb-alert-delivery{flex-shrink:0;font-size:.68rem}.wb-alert-delivery--sent{color:#4ade80}.wb-alert-delivery--warn{color:#fbbf24;font-weight:700}.wb-video-ctrl-panel{background:#1e2535;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.wb-video-ctrl-header{color:#e2e8f0;letter-spacing:.03em;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.wb-video-ctrl-close{color:#ffffff73;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem;line-height:1}.wb-video-ctrl-close:hover{color:#f87171}.wb-video-ctrl-row{align-items:center;gap:8px;display:flex}.wb-video-url-input{color:#f1f5f9;background:#ffffff12;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:.82rem}.wb-video-url-input:focus{border-color:#6366f1}.wb-video-url-input::placeholder{color:#ffffff4d}.wb-video-error{color:#f87171;margin:0;font-size:.75rem}.wb-video-ctrl-actions{flex-wrap:wrap;gap:6px;display:flex}.wb-video-ctrl-actions button{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:5px 12px;font-size:.78rem;transition:background .15s}.wb-video-ctrl-actions button:hover:not(:disabled){background:#ffffff29}.wb-video-ctrl-actions button:disabled{opacity:.35;cursor:default}.wb-video-ctrl-actions button.wb-danger{color:#f87171;border-color:#f871714d}.wb-video-panel{z-index:90;background:#0f172a;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.wb-video-panel-header{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:600;display:flex}.wb-video-inline-controls{align-items:center;gap:4px;display:flex}.wb-video-inline-controls button{color:#e2e8f0;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:3px 8px;font-size:.85rem;line-height:1.4;transition:background .15s}.wb-video-inline-controls button:hover:not(:disabled){background:#fff3}.wb-video-inline-controls button:disabled{opacity:.35;cursor:default}.wb-video-panel-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:1rem;line-height:1}.wb-video-panel-close:hover{color:#f87171;background:#f871711a}.wb-video-panel-note{color:#ffffff59;font-size:.7rem;font-weight:400}.wb-video-embed-wrap{background:#000;flex:1;width:100%;min-height:0;position:relative}.wb-video-iframe{border:none;width:100%;height:100%;display:block}.wb-video-tap-overlay{color:#fff;cursor:pointer;letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:#0000008c;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex;position:absolute;inset:0}.wb-video-tap-overlay:hover{background:#000000a6}.wb-zoom-layer{transform-origin:50%;will-change:transform;position:absolute;inset:0}.wb-zoom-layer canvas{touch-action:none;width:100%;height:100%;display:block}.whiteboard-canvas-wrap.pan-mode canvas{cursor:grab}.whiteboard-canvas-wrap.pan-mode canvas:active{cursor:grabbing}.wb-zoom-level{color:#ffffff80;text-align:center;letter-spacing:.02em;min-width:38px;padding:2px 6px;font-size:.72rem}.wb-chime-toggle-btn{color:#38bdf8;cursor:pointer;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:8px;width:100%;margin-top:8px;padding:8px 10px;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s}.wb-chime-toggle-btn:hover:not(:disabled){background:#38bdf833}.wb-chime-toggle-btn.active{color:#f87171;background:#ef44441f;border-color:#ef444459}.wb-chime-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.wb-chime-overlay{z-index:10000;border-radius:14px;width:320px;height:420px;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 20px 60px #00000073}.wb-chime-overlay .chime-video-panel{border-left:none}.wb-chime-floating-btn{z-index:10000;color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0284c7);border:none;border-radius:50%;width:52px;height:52px;font-size:22px;position:fixed;bottom:20px;left:20px;box-shadow:0 6px 20px #0284c766}.wb-chime-floating-btn:hover:not(:disabled){transform:translateY(-2px)}.wb-chime-floating-btn.active{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 6px 20px #dc262666}.wb-chime-floating-btn:disabled{opacity:.45;cursor:not-allowed}.wb-canvas-chime-open{height:calc(100vh - 560px)!important}.wb-teacher-chime-strip{background:#0d1b2e;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;flex-shrink:0;height:400px;margin-top:14px;display:flex;overflow:hidden}.wb-teacher-chime-strip .chime-video-panel{flex:1 1 0;min-height:0}@media (width<=860px){.wb-canvas-chime-open{height:38vh!important}.wb-teacher-chime-strip{height:220px}}.register-card .login-form{flex-direction:column;gap:20px;margin:4px 0;display:flex}.register-card .login-form label{color:#cfd8ef;letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.register-card .login-form input,.register-card .login-form select{box-sizing:border-box;color:#fff;letter-spacing:normal;text-transform:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;outline:none;width:100%;padding:15px 18px;font-family:inherit;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.register-card .login-form input::placeholder{color:#fff6}.register-card .login-form input:hover,.register-card .login-form select:hover{border-color:#ffffff47}.register-card .login-form input:focus,.register-card .login-form select:focus,.register-card .login-form input:focus-visible,.register-card .login-form select:focus-visible{background:#ffffff1c;border-color:#f1d36b;box-shadow:0 0 0 4px #f1d36b2e,0 0 18px #f1d36b38}.register-card .login-form select option{color:#fff;background:#101d36}.register-card .login-form small{color:#cfd8efbf;letter-spacing:normal;text-transform:none;margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.5}.register-card .login-actions{align-items:stretch}.register-card .primary-login,.register-card .secondary-login{flex:200px;min-width:180px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,opacity .18s}.register-card .primary-login:hover:not(:disabled),.register-card .secondary-login:hover:not(:disabled){transform:translateY(-2px)}.register-card .primary-login:hover:not(:disabled){box-shadow:0 14px 34px #f1d36b4d}.register-card .secondary-login:hover:not(:disabled){background:#ffffff14;border-color:#ffffff52}.register-card .primary-login:active:not(:disabled),.register-card .secondary-login:active:not(:disabled){transform:translateY(0)}.register-card .primary-login:disabled,.register-card .secondary-login:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.register-card .primary-login:focus-visible,.register-card .secondary-login:focus-visible{outline:none;box-shadow:0 0 0 3px #f1d36b80}@media (width<=560px){.register-card{border-radius:24px;padding:30px 22px}.register-card .login-form{gap:16px}.register-card .login-actions{flex-direction:column}.register-card .primary-login,.register-card .secondary-login{flex:auto;width:100%}}.parent-login-panel .login-form{flex-direction:column;gap:16px;margin:4px 0;display:flex}.parent-login-panel .login-form label{color:#cfd8ef;letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.parent-login-panel .login-form input{box-sizing:border-box;color:#fff;letter-spacing:normal;text-transform:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;outline:none;width:100%;padding:15px 18px;font-family:inherit;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.parent-login-panel .login-form input::placeholder{color:#fff6}.parent-login-panel .login-form input:hover{border-color:#ffffff47}.parent-login-panel .login-form input:focus,.parent-login-panel .login-form input:focus-visible{background:#ffffff1c;border-color:#f1d36b;box-shadow:0 0 0 4px #f1d36b2e,0 0 18px #f1d36b38}.parent-login-panel .primary-login{transition:transform .18s,box-shadow .18s,opacity .18s}.parent-login-panel .primary-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #f1d36b4d}.parent-login-panel .primary-login:active:not(:disabled){transform:translateY(0)}.parent-login-panel .primary-login:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.parent-login-panel .primary-login:focus-visible{outline:none;box-shadow:0 0 0 3px #f1d36b80}@media (width<=560px){.parent-login-panel{padding:18px}.parent-login-panel .login-form{gap:12px}}.ss-page{color:#1e293b;background:#fff;margin:0;padding:0;font-family:Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.ss-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0}.ss-nav-brand{color:#1e3a8a;align-items:center;gap:10px;font-size:1.15rem;font-weight:900;text-decoration:none;display:flex}.ss-nav-logo{width:auto;height:56px}.ss-nav-cta{color:#fff;background:linear-gradient(135deg,#e91e8c,#f7374f);border-radius:999px;padding:10px 24px;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 14px #e91e8c59}.ss-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px #e91e8c73}.ss-hero{background:linear-gradient(150deg,#0077b6 0%,#00b4d8 35%,#48cae4 60%,#ade8f4 100%);padding:70px 32px 80px;position:relative;overflow:hidden}.ss-hero:before{content:"";pointer-events:none;background:radial-gradient(at 15%,#ffdc3238 0%,#0000 55%),radial-gradient(at 85% 20%,#e91e8c2e 0%,#0000 50%);position:absolute;inset:0}.ss-hero:after{content:"";clip-path:ellipse(55% 100% at 50% 100%);background:#fff;height:60px;position:absolute;bottom:-2px;left:0;right:0}.ss-hero-inner{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;max-width:1040px;margin:0 auto;display:flex;position:relative}.ss-hero-text{text-align:left;flex:1;min-width:280px}.ss-hero-logo{filter:drop-shadow(0 4px 18px #00326438);width:auto;max-width:320px;height:clamp(72px,12vw,110px);margin-bottom:22px;display:block}.ss-hero-title{color:#fff;text-shadow:0 2px 16px #00326440;margin:0 0 6px;font-size:clamp(2.6rem,6.5vw,4.4rem);font-weight:900;line-height:1.05}.ss-hero-title .ss-accent{color:#ffe234}.ss-hero-tagline{color:#ffffffed;margin:0 0 20px;font-size:clamp(1rem,2.2vw,1.2rem);font-style:italic;font-weight:600}.ss-hero-dates{color:#fff;background:#ffffff38;border:1.5px solid #ffffff80;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:8px 20px;font-size:.95rem;font-weight:700;display:inline-flex}.ss-hero-pills{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.ss-pill{color:#1e3a8a;background:#ffffffeb;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #0000001f}.ss-pill.pink{color:#fff;background:#e91e8c}.ss-pill.yellow{color:#7c4700;background:#ffe234}.ss-cta-group{flex-wrap:wrap;gap:12px;display:flex}.ss-btn{cursor:pointer;border:none;border-radius:999px;padding:15px 34px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-block}.ss-btn:hover{transform:translateY(-2px)}.ss-btn-primary{color:#fff;background:linear-gradient(135deg,#e91e8c,#f7374f);box-shadow:0 6px 22px #e91e8c66}.ss-btn-primary:hover{box-shadow:0 10px 30px #e91e8c8c}.ss-btn-secondary{color:#1e3a8a;background:#fffffff2;box-shadow:0 4px 14px #0000001f}.ss-hero-flyer-wrap{flex:none}.ss-hero-flyer{border-radius:20px;width:clamp(260px,38vw,440px);display:block;box-shadow:0 20px 60px #0000504d}.ss-section{padding:72px 24px}.ss-section-alt{background:#f0f9ff}.ss-section-dark{background:#0f172a}.ss-container{max-width:1060px;margin:0 auto}.ss-section-label{letter-spacing:.14em;text-transform:uppercase;color:#e91e8c;margin-bottom:8px;font-size:.78rem;font-weight:800}.ss-section-title{color:#1e293b;margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;line-height:1.15}.ss-section-title.light{color:#fff}.ss-section-desc{color:#475569;max-width:640px;font-size:1.05rem;line-height:1.7}.ss-section-desc.light{color:#fffc}.ss-tracks{grid-template-columns:1fr 1fr;gap:28px;margin-top:44px;display:grid}.ss-tracks.ss-tracks-single{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}.ss-track-card{border-radius:24px;padding:36px 30px;box-shadow:0 8px 32px #0000001a}.ss-track-card.grade7{color:#fff;background:linear-gradient(135deg,#0077b6,#00b4d8)}.ss-track-card.grade89{color:#fff;background:linear-gradient(135deg,#e91e8c,#f7374f)}.ss-track-badge{letter-spacing:.06em;background:#ffffff40;border:1.5px solid #ffffff80;border-radius:999px;margin-bottom:18px;padding:5px 16px;font-size:.82rem;font-weight:800;display:inline-block}.ss-track-grade{margin-bottom:4px;font-size:2rem;font-weight:900}.ss-track-time{opacity:.9;margin-bottom:20px;font-size:1.05rem;font-weight:700}.ss-track-fee{margin-bottom:20px;font-size:2.6rem;font-weight:900}.ss-track-fee span{opacity:.8;font-size:1rem;font-weight:600}.ss-track-subjects{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ss-track-subjects li{align-items:center;gap:10px;font-size:.96rem;font-weight:600;display:flex}.ss-track-subjects li:before{content:"✓";background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-size:.78rem;display:flex}.ss-track-cta{text-align:center;background:#fffffff2;border-radius:999px;margin-top:24px;padding:12px 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;box-shadow:0 4px 16px #0000001f}.ss-track-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.ss-track-card.grade7 .ss-track-cta{color:#0077b6}.ss-track-card.grade89 .ss-track-cta{color:#e91e8c}.ss-flyer-frame{text-align:center;border-radius:24px;margin-top:40px;overflow:hidden;box-shadow:0 16px 56px #00000021}.ss-flyer-frame img{width:100%;max-width:900px;margin:0 auto;display:block}.ss-flyer-placeholder{background:linear-gradient(135deg,#ffe234 0%,#00b4d8 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:320px;padding:56px 32px;display:flex}.ss-flyer-placeholder-icon{font-size:4rem}.ss-flyer-placeholder-text{color:#1e293b;font-size:1.5rem;font-weight:900}.ss-flyer-placeholder-sub{color:#1e293bb3;font-size:.95rem}.ss-features{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin-top:44px;display:grid}.ss-feature-card{text-align:center;background:#fff;border:1.5px solid #e0f2fe;border-radius:18px;padding:26px 20px;transition:transform .18s;box-shadow:0 4px 18px #00000012}.ss-feature-card:hover{transform:translateY(-4px)}.ss-feature-icon{margin-bottom:10px;font-size:2.3rem;display:block}.ss-feature-title{color:#1e293b;margin-bottom:5px;font-size:.97rem;font-weight:800}.ss-feature-body{color:#64748b;font-size:.87rem;line-height:1.6}.ss-info-strip{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:48px;display:flex}.ss-info-item{color:#fff;text-align:center;background:linear-gradient(135deg,#0077b6,#00b4d8);border-radius:16px;flex:1;min-width:145px;padding:20px 26px;box-shadow:0 6px 20px #0077b64d}.ss-info-item-value{font-size:1.5rem;font-weight:900;line-height:1.1;display:block}.ss-info-item-label{opacity:.85;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.78rem;font-weight:600;display:block}.ss-phone-strip{text-align:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:48px 24px}.ss-phone-strip h3{color:#fff;margin:0 0 6px;font-size:1.4rem;font-weight:800}.ss-phone-strip p{color:#ffffffb3;margin:0 0 20px;font-size:.95rem}.ss-phone-link{color:#1e3a8a;background:#ffe234;border-radius:999px;align-items:center;gap:10px;padding:14px 44px;font-size:1.9rem;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 28px #00000040}.ss-phone-link:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0000004d}.ss-form-card{background:#fff;border:1.5px solid #bae6fd;border-radius:28px;margin-top:40px;padding:clamp(28px,5vw,52px);box-shadow:0 12px 56px #0000001a}.ss-form-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.ss-form-header-icon{font-size:2.2rem}.ss-form-header h3{color:#1e293b;margin:0 0 4px;font-size:1.4rem;font-weight:900}.ss-form-header p{color:#64748b;margin:0;font-size:.88rem}.ss-form-grid{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.ss-form-group{flex-direction:column;gap:6px;display:flex}.ss-form-group.full-width{grid-column:1/-1}.ss-form-label{color:#374151;font-size:.85rem;font-weight:700}.required{color:#ef4444;margin-left:2px}.ss-optional{color:#94a3b8;font-weight:500}.ss-form-input,.ss-form-select,.ss-form-textarea{box-sizing:border-box;color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:.96rem;transition:border-color .18s,box-shadow .18s,background .18s}.ss-form-input:focus,.ss-form-select:focus,.ss-form-textarea:focus{background:#fff;border-color:#0077b6;box-shadow:0 0 0 3px #0077b61f}.ss-form-input.error,.ss-form-select.error,.ss-form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.ss-form-error-msg{color:#ef4444;font-size:.79rem;font-weight:600}.ss-form-textarea{resize:vertical;min-height:88px}.ss-form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.ss-char-count{color:#94a3b8;text-align:right;font-size:.78rem}.ss-honeypot{opacity:0;pointer-events:none;height:0;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.ss-consent-row{cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.ss-consent-row.error{background:#fef2f2;border-color:#fca5a5}.ss-consent-row input[type=checkbox]{accent-color:#0077b6;cursor:pointer;width:20px;min-width:20px;height:20px;margin-top:1px}.ss-consent-text{color:#374151;font-size:.88rem;line-height:1.55}.ss-form-submit-row{flex-direction:column;align-items:center;gap:12px;margin-top:26px;display:flex}.ss-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0077b6,#00b4d8);border:none;border-radius:999px;width:100%;max-width:400px;padding:16px 32px;font-size:1.08rem;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 8px 26px #0077b661}.ss-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px #0077b67a}.ss-submit-btn:disabled{opacity:.65;cursor:not-allowed}.ss-submit-note{color:#94a3b8;text-align:center;font-size:.82rem}.ss-status{border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:20px 24px;font-size:.97rem;font-weight:600;line-height:1.55;display:flex}.ss-status-icon{flex-shrink:0;font-size:1.4rem}.ss-status.success{color:#15803d;background:#f0fdf4;border:1.5px solid #86efac}.ss-status.error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fca5a5}.ss-contact-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:20px;margin-top:40px;display:grid}.ss-contact-card{text-align:center;background:#fff;border:1.5px solid #e0f2fe;border-radius:18px;padding:26px 20px;box-shadow:0 4px 18px #00000012}.ss-contact-icon{margin-bottom:8px;font-size:1.9rem;display:block}.ss-contact-label{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:5px;font-size:.78rem;font-weight:700}.ss-contact-value{color:#1e293b;font-size:1rem;font-weight:700}.ss-contact-value a{color:#0077b6;text-decoration:none}.ss-contact-value a:hover{text-decoration:underline}.ss-footer{color:#94a3b8;background:#0f172a;padding:40px 24px}.ss-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1060px;margin:0 auto;display:flex}.ss-footer-brand{color:#fff;align-items:center;gap:10px;font-size:1.1rem;font-weight:900;text-decoration:none;display:flex}.ss-footer-logo{filter:brightness(0)invert();opacity:.85;width:auto;height:36px}.ss-footer-copy{margin:0;font-size:.88rem}.ss-footer-copy a{color:#00b4d8;font-weight:700;text-decoration:none}.ss-form-section-heading{letter-spacing:.12em;text-transform:uppercase;color:#0077b6;border-bottom:2px solid #e0f2fe;margin:28px 0 14px;padding-bottom:8px;font-size:.78rem;font-weight:800}.ss-subjects-group{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.ss-subject-checkbox{color:#1e293b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.97rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.ss-subject-checkbox:has(input:checked){background:#eff8ff;border-color:#0077b6}.ss-subject-checkbox input[type=checkbox]{accent-color:#0077b6;cursor:pointer;flex-shrink:0;width:18px;height:18px}.ss-fieldtrip-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;margin-bottom:4px;padding:20px 22px}.ss-fieldtrip-desc{color:#475569;margin:0 0 14px;font-size:.93rem;font-style:italic}.ss-radio-group{flex-direction:column;gap:10px;display:flex}.ss-radio-label{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.ss-radio-label.selected{background:#eff8ff;border-color:#0077b6}.ss-radio-label input[type=radio]{accent-color:#0077b6;cursor:pointer;flex-shrink:0;width:18px;height:18px}.ss-payment-info{background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:16px;margin-bottom:4px;padding:20px 22px}.ss-payment-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ss-payment-label{color:#475569;min-width:130px;font-size:.88rem;font-weight:700}.ss-payment-value{color:#1e293b;font-size:.95rem;font-weight:700}.ss-payment-fee{color:#0077b6;font-size:1.3rem}.ss-payment-note{color:#475569;border-top:1px solid #bae6fd;margin:12px 0 0;padding-top:12px;font-size:.88rem;line-height:1.6}.ss-anchor{scroll-margin-top:24px}.ss-programme-select{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:6px;display:grid}.ss-po{cursor:pointer;background:#f8fafc;border:2.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:6px;padding:20px 22px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.ss-po input[type=radio]{opacity:0;width:0;height:0;position:absolute}.ss-po:hover{background:#f0f9ff;border-color:#93c5fd}.ss-po.grade7.selected{background:#eff8ff;border-color:#0077b6;box-shadow:0 0 0 3px #0077b61f}.ss-po.grade89.selected{background:#fff0f8;border-color:#e91e8c;box-shadow:0 0 0 3px #e91e8c1f}.ss-po-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:4px 12px;font-size:.75rem;font-weight:900;display:inline-block}.ss-po.grade7 .ss-po-badge{color:#fff;background:#0077b6}.ss-po.grade89 .ss-po-badge{color:#fff;background:#e91e8c}.ss-po-time{color:#475569;font-size:.88rem;font-weight:600}.ss-po-fee{color:#1e293b;font-size:1.6rem;font-weight:900}.ss-po.grade7.selected .ss-po-fee{color:#0077b6}.ss-po.grade89.selected .ss-po-fee{color:#e91e8c}.ss-po-fee span{color:#64748b;font-size:.85rem;font-weight:500}.ss-programme-banner{background:linear-gradient(135deg,#e91e8c18,#0077b618);border:1.5px solid #bae6fd;border-radius:14px;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:16px 20px;display:flex}.ss-programme-banner-item{color:#1e293b;flex:1;align-items:center;gap:7px;min-width:180px;font-size:.93rem;display:flex}.ss-programme-banner-item strong{color:#0077b6}@media (width<=700px){.ss-nav{padding:12px 18px}.ss-nav-logo{height:44px}.ss-hero-logo{height:clamp(60px,18vw,80px)}.ss-hero-text{text-align:center}.ss-hero-logo{margin-left:auto;margin-right:auto}.ss-hero-pills,.ss-cta-group{justify-content:center}.ss-btn{text-align:center;width:100%;max-width:300px}.ss-tracks,.ss-form-grid{grid-template-columns:1fr}.ss-form-group.full-width{grid-column:1}.ss-footer-inner{text-align:center;flex-direction:column}.ss-programme-banner{flex-direction:column}.ss-programme-banner-item{min-width:unset}.ss-programme-select{grid-template-columns:1fr}}.attendance-ops-shell{color:#eaf3ff;gap:18px;max-width:100%;display:grid;overflow:visible}.attendance-ops-hero,.attendance-ops-panel,.attendance-ops-card{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 34%),linear-gradient(135deg,#0f172af0,#020617fa);border:1px solid #94a3b838;box-shadow:0 24px 70px #00000047}.attendance-ops-hero{z-index:4;border-radius:28px;justify-content:space-between;align-items:center;gap:22px;min-height:210px;padding:28px 32px;display:flex;position:relative;overflow:visible}.teacher-attendance-hero{background:radial-gradient(circle at 11% 20%,#38bdf829,#0000 30%),radial-gradient(circle at 80% 10%,#2563eb24,#0000 32%),linear-gradient(135deg,#0f1d37fa,#030818fa)}.attendance-ops-hero p,.attendance-ops-panel-head p{color:#fde68a;letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:950}.attendance-ops-hero h2{color:#fff;letter-spacing:-.07em;max-width:820px;margin:0;font-size:clamp(2.4rem,4.8vw,5.1rem);line-height:.92}.attendance-ops-hero span{color:#cbd5e1;max-width:760px;margin-top:16px;font-size:1rem;line-height:1.55;display:block}.attendance-ops-actions{z-index:1000;flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:12px;min-width:420px;display:flex;position:relative}.attendance-ops-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid #93c5fd59;border-radius:24px;min-height:54px;padding:0 22px;font-weight:950;box-shadow:0 14px 30px #0ea5e92e}.attendance-ops-actions button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.attendance-ops-actions button:disabled{opacity:.55;cursor:not-allowed}.attendance-ops-meta{color:#94a3b8;justify-content:space-between;font-weight:850;display:flex}.attendance-ops-meta strong{color:#7dd3fc}.attendance-ops-alert{color:#fecaca;background:#ef444421;border:1px solid #f8717159;border-radius:18px;gap:10px;padding:14px 16px;display:flex}.attendance-ops-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.teacher-admin-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.attendance-ops-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px;display:grid}.attendance-ops-panel{z-index:1;border-radius:28px;min-width:0;padding:20px;position:relative;overflow:visible}.attendance-ops-panel.wide{grid-row:span 3}.attendance-ops-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.attendance-ops-panel-head h3{color:#fff;margin:0;font-size:1.35rem}.attendance-ops-panel-head span{color:#94a3b8;font-weight:800;line-height:1.45}.attendance-ops-table{gap:8px;display:grid;overflow-x:auto}.attendance-ops-table-head,.attendance-ops-table-row{grid-template-columns:1.25fr 1.35fr .85fr .75fr .62fr .62fr .62fr .72fr .88fr .7fr;align-items:center;gap:10px;min-width:980px;display:grid}.attendance-ops-table-head{color:#93c5fd;letter-spacing:.1em;text-transform:uppercase;padding:0 12px;font-size:.68rem;font-weight:950}.attendance-ops-table-row{color:#e5e7eb;background:#0f172ab3;border:1px solid #94a3b829;border-radius:18px;padding:13px 12px;font-weight:750}.attendance-ops-table-row.risk-high{background:linear-gradient(135deg,#ef44441c,#0f172ab3);border-color:#ef444466}.attendance-ops-table-row.risk-watch{background:linear-gradient(135deg,#f59e0b1a,#0f172ab3);border-color:#f59e0b66}.ops-status{border-radius:999px;width:fit-content;padding:6px 10px;font-size:.7rem;font-weight:950}.ops-status.submitted{color:#86efac;background:#22c55e2e}.ops-status.live,.ops-status.marking{color:#93c5fd;background:#3b82f62e}.ops-status.pending,.ops-status.missing,.ops-status.no-live-signal{color:#fde68a;background:#f59e0b2e}.attendance-risk-list{gap:10px;display:grid}.attendance-risk-list article,.presence-correlation-card,.powerschool-sync-card{background:#0f172ab8;border:1px solid #93c5fd2e;border-radius:18px;padding:14px}.attendance-risk-list article{border-color:#f871712e}.attendance-risk-list strong,.presence-correlation-card strong,.powerschool-sync-card strong{color:#fff;font-size:1.45rem;display:block}.attendance-risk-list span,.presence-correlation-card span,.powerschool-sync-card span{color:#cbd5e1;margin-top:4px;display:block}.attendance-risk-list small,.presence-correlation-card p,.powerschool-sync-card p{color:#94a3b8;margin-top:7px;line-height:1.5;display:block}.attendance-ops-empty{color:#94a3b8;text-align:center;background:#0f172a80;border:1px dashed #94a3b83d;border-radius:18px;padding:16px}.course-attendance-console-panel{z-index:20;border-radius:24px;padding:16px}.compact-search-head{align-items:center;margin-bottom:12px}.compact-search-head h3{font-size:1.15rem}.compact-search-head span{max-width:620px;font-size:.84rem}.compact-total-strip{flex-wrap:wrap;gap:8px;display:flex}.compact-total-strip article{border-radius:16px;min-width:92px;padding:10px 12px}.compact-total-strip label,.school-count-card span{color:#9fb7d5;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.compact-total-strip strong,.school-count-card strong{color:#eef6ff;margin-top:4px;font-size:1.45rem;line-height:1;display:block}.compact-course-list{gap:8px;margin-top:.7rem;display:grid;overflow:visible}.compact-course-row{z-index:1;background:#081227b8;border:1px solid #7db4ff2e;border-radius:20px;grid-template-columns:minmax(190px,.9fr) minmax(310px,1.15fr) minmax(330px,1fr);align-items:center;gap:.75rem;padding:.72rem;display:grid;position:relative;overflow:visible}.compact-course-row.is-active{z-index:99990}.compact-course-row:has(.attendance-calendar-picker.is-open){z-index:99990}.school-attendance-identity,.school-attendance-range-controls,.school-attendance-count-grid{align-items:center;gap:.65rem;min-width:0;display:flex}.school-attendance-avatar{color:#fff;background:linear-gradient(135deg,#39b8ff,#4a4cff);border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-weight:1000;display:grid;box-shadow:0 14px 24px #2563eb3d}.school-attendance-identity strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:.95rem;display:block;overflow:hidden}.school-attendance-identity span{color:#9fb7d5;margin-top:3px;font-size:.75rem;display:block}.compact-range-controls{z-index:1000;position:relative;overflow:visible}.compact-count-grid{grid-template-columns:repeat(4,minmax(62px,1fr));gap:6px;display:grid}.school-count-card{text-align:left;cursor:pointer;background:#050d1fc2;border:1px solid #7db4ff2e;border-radius:14px;min-width:0;padding:.62rem .7rem}.school-count-card.present strong{color:#86efac}.school-count-card.late strong{color:#fde68a}.school-count-card.absent strong{color:#fca5a5}.school-count-card.excused strong{color:#c4b5fd}.school-attendance-search-btn,.powerschool-export-btn,.powerschool-row-export-btn{cursor:pointer;border:0;font-weight:950}.school-attendance-search-btn{color:#fff;background:linear-gradient(135deg,#39b8ff,#2766ff);border-radius:14px;min-height:40px;padding:0 .95rem}.powerschool-export-btn{color:#04111f;background:linear-gradient(135deg,#f5cd41,#ffe27a);border-radius:16px;width:100%;margin-top:18px;padding:14px 18px;font-size:.95rem;box-shadow:0 16px 34px #f5cd4138}.powerschool-row-export-btn{color:#fde68a;background:#f5cd411f;border:1px solid #f5cd4159;border-radius:999px;padding:7px 11px;font-size:.72rem}.powerschool-row-export-btn:disabled,.powerschool-export-btn:disabled{opacity:.45;cursor:not-allowed}.powerschool-export-message{color:#ffffffb8;margin-top:12px;line-height:1.5;display:block}.student-attendance-panel{overflow:visible}.student-attendance-search{gap:12px;margin-top:14px;display:flex}.student-attendance-search input{color:#fff;background:#0f172ab8;border:1px solid #93c5fd3d;border-radius:999px;outline:none;flex:1;min-width:240px;padding:13px 16px;font-weight:800}.student-attendance-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid #93c5fd5c;border-radius:999px;padding:13px 20px;font-weight:950}.student-attendance-error{color:#fecaca;background:#ef444421;border:1px solid #f8717159;border-radius:16px;margin-top:12px;padding:12px 14px;font-weight:800}.student-attendance-profile{background:#0f172ab8;border:1px solid #93c5fd2e;border-radius:20px;margin-top:16px;padding:14px 16px}.student-attendance-profile strong{color:#fff;font-size:1.2rem;display:block}.student-attendance-profile span{color:#93c5fd;margin-top:4px;font-weight:800;display:block}.student-search-results{margin-top:16px}.attendance-calendar-picker{z-index:1000;min-width:150px;position:relative}.attendance-calendar-picker.is-open{z-index:100000}.attendance-calendar-picker label{color:#9fd3ff;letter-spacing:.16em;text-transform:uppercase;gap:.45rem;font-size:.66rem;font-weight:950;display:grid}.attendance-calendar-trigger{color:#f7fbff;cursor:pointer;background:#030a19b8;border:1px solid #7db4ff33;border-radius:18px;justify-content:space-between;align-items:center;gap:.7rem;width:100%;min-height:44px;padding:0 .9rem;display:flex;box-shadow:inset 0 1px #ffffff0f,0 12px 30px #00000038}.attendance-ops-hero .attendance-calendar-trigger{border-radius:26px;min-width:170px;min-height:54px}.attendance-calendar-popover{z-index:100001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071225;border:1px solid #5baaff61;border-radius:22px;width:300px;padding:.9rem;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 30px 90px #000000b8,inset 0 0 0 1px #ffffff0d}.attendance-calendar-toolbar,.attendance-calendar-footer{align-items:center;gap:.5rem;display:flex}.attendance-calendar-toolbar button,.attendance-calendar-footer button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#39b8ff,#2766ff);border:0;border-radius:12px;padding:.62rem .78rem;font-weight:950}.attendance-calendar-toolbar select{color:#f7fbff;background:#020814f2;border:1px solid #7db4ff33;border-radius:12px;flex:1;min-width:0;padding:.62rem}.attendance-calendar-weekdays,.attendance-calendar-grid{grid-template-columns:repeat(7,1fr);gap:.3rem;margin-top:.72rem;display:grid}.attendance-calendar-weekdays span{color:#9fb7d5;text-align:center;font-size:.66rem;font-weight:850}.attendance-calendar-grid button,.attendance-calendar-grid span{color:#f7fbff;background:#ffffff0a;border:1px solid #0000;border-radius:11px;min-height:34px;font-weight:850}.attendance-calendar-grid button{cursor:pointer}.attendance-calendar-grid button.today{border-color:#39b8ffa6}.attendance-calendar-grid button.selected{background:linear-gradient(135deg,#39b8ff,#2766ff);box-shadow:0 0 24px #39b8ff57}.attendance-calendar-footer{justify-content:space-between;margin-top:.8rem}@media (width<=1200px){.attendance-ops-grid,.compact-course-row{grid-template-columns:1fr}.attendance-ops-hero{flex-direction:column;align-items:stretch}.attendance-ops-actions{justify-content:flex-start;min-width:0}.compact-count-grid{grid-template-columns:repeat(4,minmax(80px,1fr))}}@media (width<=760px){.attendance-ops-hero,.attendance-ops-meta,.attendance-ops-panel-head,.student-attendance-search{flex-direction:column}.attendance-ops-hero h2{font-size:clamp(2.2rem,12vw,4rem)}.attendance-ops-card-grid,.compact-count-grid{grid-template-columns:1fr}.student-attendance-search input,.student-attendance-search button{width:100%}.attendance-calendar-popover{width:min(300px,86vw);left:0;right:auto}}.attendance-detail-overlay{z-index:999999;pointer-events:auto;position:fixed;inset:0}.attendance-detail-backdrop{-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 18% 20%,#3b82f624,#0000 34%),#0206177a;animation:.24s both attendanceBackdropFade;position:fixed;inset:0}.attendance-detail-drawer{z-index:1000000;color:#eaf3ff;background:radial-gradient(circle at 100% 0,#38bdf833,#0000 34%),radial-gradient(circle at 10% 16%,#f5cd411f,#0000 28%),linear-gradient(145deg,#09142afa,#020617fc);border-left:1px solid #93c5fd38;width:min(760px,94vw);height:100vh;padding:28px;animation:.34s cubic-bezier(.22,1,.36,1) both attendanceDrawerSlideIn;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-32px 0 90px #0000009e,inset 1px 0 #ffffff0f}.attendance-detail-drawer:before{content:"";background:linear-gradient(90deg,#fde68a,#38bdf8,#6366f1);width:min(760px,94vw);height:5px;position:fixed;top:0;right:0;box-shadow:0 0 28px #38bdf88c}.attendance-detail-head{z-index:5;-webkit-backdrop-filter:blur(14px);background:linear-gradient(#030818fa,#030818d1 74%,#0000);justify-content:space-between;align-items:flex-start;gap:18px;margin:-28px -28px 18px;padding:28px;display:flex;position:sticky;top:0}.attendance-detail-head p{color:#67e8f9;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:950}.attendance-detail-head h3{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,2.8vw,2.35rem);line-height:1.04}.attendance-detail-head span{color:#a8c4e6;margin-top:10px;font-weight:850;display:block}.attendance-detail-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.attendance-detail-actions button,.attendance-detail-close{color:#f8fbff;cursor:pointer;background:linear-gradient(135deg,#1e293beb,#0f172ad1);border:1px solid #93c5fd42;border-radius:999px;min-height:42px;padding:0 15px;font-weight:950;box-shadow:inset 0 1px #ffffff0f}.attendance-detail-actions button:hover,.attendance-detail-close:hover{border-color:#7dd3fc9e;transform:translateY(-1px);box-shadow:0 14px 34px #0ea5e929}.attendance-detail-close{place-items:center;width:46px;height:46px;padding:0;font-size:1.35rem;display:grid}.attendance-detail-error,.attendance-detail-empty{border-radius:20px;margin-top:18px;padding:18px;font-weight:850;line-height:1.5}.attendance-detail-error{color:#fecaca;background:#ef444421;border:1px solid #f8717157}.attendance-detail-empty{color:#bfdbfe;background:#0f172aad;border:1px dashed #93c5fd47}.attendance-detail-table{gap:10px;padding-bottom:34px;display:grid}.attendance-detail-table-head{z-index:4;color:#93c5fd;-webkit-backdrop-filter:blur(10px);letter-spacing:.14em;text-transform:uppercase;background:#030818db;border:1px solid #93c5fd24;border-radius:18px;grid-template-columns:minmax(210px,1.25fr) minmax(140px,.9fr) minmax(150px,.9fr) minmax(96px,.55fr);align-items:center;gap:12px;padding:12px 16px;font-size:.72rem;font-weight:950;display:grid;position:sticky;top:116px}.attendance-detail-row{background:radial-gradient(circle at 0 0,#3b82f61c,#0000 34%),#0f172ac7;border:1px solid #93c5fd29;border-radius:22px;grid-template-columns:minmax(210px,1.25fr) minmax(140px,.9fr) minmax(150px,.9fr) minmax(96px,.55fr);align-items:center;gap:12px;min-width:0;padding:16px;display:grid;box-shadow:0 16px 40px #0000002e}.attendance-detail-row:hover{background:radial-gradient(circle at 0 0,#3b82f629,#0000 34%),#0f172ae6;border-color:#7dd3fc66;transform:translate(-3px)}.attendance-detail-row strong{color:#f8fbff;font-size:1rem;line-height:1.25;display:block}.attendance-detail-row span{color:#d7e5f7;word-break:break-word;font-weight:750;line-height:1.35}.attendance-detail-row div>span{color:#a8c4e6;margin-top:5px;font-weight:700;display:block}.attendance-detail-row small{color:#bae6fd;background:#0ea5e91f;border:1px solid #0ea5e938;border-radius:999px;width:fit-content;margin-top:8px;padding:4px 8px;font-size:.72rem;font-weight:900;display:inline-flex}@keyframes attendanceDrawerSlideIn{0%{opacity:.72;transform:translate(104%)}to{opacity:1;transform:translate(0)}}@keyframes attendanceBackdropFade{0%{opacity:0}to{opacity:1}}@media print{body *{visibility:hidden!important}.attendance-detail-overlay,.attendance-detail-overlay *{visibility:visible!important}.attendance-detail-backdrop,.attendance-detail-actions{display:none!important}.attendance-detail-overlay,.attendance-detail-drawer{color:#000!important;width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;position:static!important;inset:auto!important;overflow:visible!important}.attendance-detail-head,.attendance-detail-table-head,.attendance-detail-row{color:#000!important;box-shadow:none!important;background:#fff!important;border-color:#ddd!important}}@media (width<=760px){.attendance-detail-drawer{width:100vw;max-width:100vw;padding:20px}.attendance-detail-head{flex-direction:column;margin:-20px -20px 16px;padding:20px}.attendance-detail-table-head{display:none}.attendance-detail-row{grid-template-columns:1fr}.attendance-detail-row>span:before{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:950;display:block}.attendance-detail-row>span:nth-child(2):before{content:"Class"}.attendance-detail-row>span:nth-child(3):before{content:"Teacher"}.attendance-detail-row>span:nth-child(4):before{content:"Date"}}.student-attendance-records-panel{background:#02061761;border:1px solid #93c5fd2e;border-radius:22px;margin-top:18px;padding:16px}.student-attendance-records-head p{color:#fde68a;letter-spacing:.16em;margin:0 0 4px;font-size:.7rem;font-weight:950}.student-attendance-records-head h4{color:#fff;margin:0 0 14px;font-size:1.05rem}.student-attendance-records-table{margin-top:10px}.student-attendance-records-table .attendance-detail-row strong{color:#fff}.student-attendance-records-table .attendance-detail-row.status-absent{border-color:#f871714d}.student-attendance-records-table .attendance-detail-row.status-excused{border-color:#c4b5fd4d}.student-attendance-records-table .attendance-detail-row.status-late{border-color:#fde68a4d}.student-attendance-records-table .attendance-detail-row.status-present{border-color:#86efac4d}.student-attendance-records-table .attendance-detail-row small{color:#7dd3fc;margin-top:4px;font-size:.78rem;font-weight:800;display:block}.student-attendance-records-table .attendance-detail-row.status-absent strong{color:#fca5a5}.student-attendance-records-table .attendance-detail-row.status-excused strong{color:#d8b4fe}.student-attendance-records-table .attendance-detail-row.status-late strong{color:#fcd34d}.student-attendance-records-table .attendance-detail-row.status-present strong{color:#86efac}.elite-parent-comms-profile{justify-content:space-between;align-items:center;gap:16px;display:flex}.parent-comms-inline-btn,.parent-comms-mini-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9eb,#2563ebeb);border:1px solid #7dd3fc61;border-radius:999px;font-weight:950;box-shadow:0 14px 34px #0ea5e92e}.parent-comms-inline-btn{min-height:44px;padding:12px 18px}.parent-comms-mini-btn{margin-top:8px;padding:8px 11px;font-size:.72rem}.student-record-date-actions{justify-items:start;gap:4px;display:grid}.school-count-card.parent-alerts{background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 45%),#050d1fc2;border-color:#38bdf859}.school-count-card.parent-alerts strong{color:#67e8f9}.parent-comms-overlay{z-index:1000001;pointer-events:auto;position:fixed;inset:0}.parent-comms-backdrop{-webkit-backdrop-filter:blur(9px);background:radial-gradient(circle at 20% 20%,#38bdf829,#0000 34%),#0206178f;position:fixed;inset:0}.parent-comms-drawer{z-index:1000002;color:#eaf3ff;background:radial-gradient(circle at 100% 0,#14b8a633,#0000 32%),radial-gradient(circle at 10% 18%,#f5cd411f,#0000 26%),linear-gradient(145deg,#071226fc,#020617fc);border-left:1px solid #7dd3fc3d;width:min(820px,95vw);height:100vh;padding:28px;animation:.34s cubic-bezier(.22,1,.36,1) both attendanceDrawerSlideIn;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-34px 0 96px #000000a3,inset 1px 0 #ffffff12}.parent-comms-drawer:before{content:"";background:linear-gradient(90deg,#fde68a,#22d3ee,#14b8a6);width:min(820px,95vw);height:5px;position:fixed;top:0;right:0;box-shadow:0 0 30px #22d3ee8c}.parent-comms-head{-webkit-backdrop-filter:blur(14px);z-index:6;background:linear-gradient(#030818fa,#030818d1 74%,#0000);justify-content:space-between;align-items:flex-start;gap:20px;margin:-28px -28px 22px;padding:28px;display:flex;position:sticky;top:0}.parent-comms-head p,.parent-comms-recipient-panel p,.parent-comms-message-head p{color:#fde68a;letter-spacing:.17em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:950}.parent-comms-head h3{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(1.55rem,3vw,2.55rem);line-height:1}.parent-comms-head span{color:#93c5fd;margin-top:10px;font-weight:850;display:block}.parent-comms-close{color:#fff;cursor:pointer;background:#0f172ad1;border:1px solid #93c5fd47;border-radius:999px;place-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:950;display:grid}.parent-comms-intel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.parent-comms-intel-grid article,.parent-comms-recipient-panel,.parent-comms-message-panel,.parent-comms-future-note{background:#0f172a94;border:1px solid #93c5fd2e;border-radius:22px;box-shadow:inset 0 1px #ffffff0a}.parent-comms-intel-grid article{padding:14px}.parent-comms-intel-grid label{color:#9fb7d5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.66rem;font-weight:950;display:block}.parent-comms-intel-grid strong{color:#fff;word-break:break-word;font-size:.95rem;display:block}.parent-comms-template-row{margin-bottom:16px}.parent-comms-template-row label{color:#9fd3ff;letter-spacing:.14em;text-transform:uppercase;gap:8px;font-size:.72rem;font-weight:950;display:grid}.parent-comms-template-row select{color:#fff;background:#020814f2;border:1px solid #93c5fd3d;border-radius:18px;min-height:48px;padding:0 14px;font-weight:850}.parent-comms-recipient-panel{margin-bottom:16px;padding:16px}.parent-comms-recipient-options{flex-wrap:wrap;gap:10px;display:flex}.parent-comms-recipient-options button{color:#bfdbfe;background:#0ea5e91f;border:1px solid #7dd3fc3d;border-radius:999px;padding:10px 13px;font-weight:900}.parent-comms-single-target strong{color:#fff;font-size:1.12rem;display:block}.parent-comms-single-target span,.parent-comms-single-target small{color:#93c5fd;margin-top:5px;line-height:1.45;display:block}.parent-comms-single-target small{color:#94a3b8}.parent-comms-message-panel{padding:16px}.parent-comms-message-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.parent-comms-message-head span{color:#94a3b8;font-weight:800}.parent-comms-message-panel textarea{resize:vertical;color:#eef6ff;background:#020814db;border:1px solid #93c5fd33;border-radius:18px;outline:none;width:100%;min-height:260px;padding:16px;font-weight:750;line-height:1.55}.parent-comms-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.parent-comms-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563ebe0,#0ea5e9e0);border:1px solid #93c5fd47;border-radius:999px;min-height:44px;padding:0 16px;font-weight:950}.parent-comms-actions button:disabled{opacity:.48;cursor:not-allowed}.parent-comms-future-note{color:#cbd5e1;margin-top:16px;padding:15px;line-height:1.5}.parent-comms-future-note strong{color:#fde68a;margin-bottom:4px;display:block}@media (width<=760px){.elite-parent-comms-profile,.parent-comms-head,.parent-comms-message-head{flex-direction:column;align-items:stretch}.parent-comms-intel-grid{grid-template-columns:1fr}.parent-comms-inline-btn{width:100%}}.attendance-live-strip{background:linear-gradient(135deg,#0f172af0,#020617fa);border:1px solid #94a3b82e;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 16px 40px #0000003d}.attendance-live-strip-primary{color:#fff;letter-spacing:.12em;align-items:center;gap:12px;font-size:.82rem;font-weight:900;display:flex}.attendance-live-dot{background:#22c55e;border-radius:999px;width:10px;height:10px;animation:1.5s ease-in-out infinite livePulse;box-shadow:0 0 16px #22c55ef2}.attendance-live-strip-items{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.attendance-live-strip-items article{gap:3px;display:grid}.attendance-live-strip-items label{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:800}.attendance-live-strip-items strong{color:#fff;font-size:1rem}.attendance-live-strip-items .stable{color:#86efac}.attendance-live-strip-items .watch{color:#fcd34d}.attendance-live-strip-items .danger{color:#fca5a5}.attendance-metric-card{isolation:isolate;background:radial-gradient(circle at 20% 0,#3b82f633,#0000 38%),linear-gradient(145deg,#0f172aeb,#020617fa);border:1px solid #94a3b838;border-radius:26px;min-height:142px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #00000047}.attendance-metric-card:before{content:"";filter:blur(30px);opacity:.85;z-index:-1;background:#38bdf82e;border-radius:999px;width:170px;height:170px;position:absolute;inset:-70px -80px auto auto}.attendance-metric-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff14 45%,#0000 60%);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.attendance-metric-card:hover{border-color:#93c5fd6b;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 30px 76px #0000005c,0 0 34px #3b82f62e}.attendance-metric-card:hover:after{transform:translate(130%)}.attendance-metric-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-metric-status{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;width:fit-content;font-size:.68rem;font-weight:950;display:inline-flex}.attendance-metric-status i{background:#22c55e;border-radius:999px;width:8px;height:8px;animation:1.5s ease-in-out infinite attendanceLivePulse;box-shadow:0 0 14px #22c55ee6}.attendance-metric-trend{color:#86efac;font-size:.75rem;font-weight:950}.attendance-metric-value{color:#fff;letter-spacing:-.06em;text-shadow:0 0 24px #93c5fd2e;margin-top:12px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:.9;display:block}.attendance-metric-title{color:#cbd5e1;margin-top:9px;font-size:.95rem;font-weight:900;display:block}.attendance-metric-card small{color:#94a3b8;margin-top:5px;line-height:1.35;display:block}.attendance-metric-sparkline{opacity:.75;align-items:flex-end;gap:4px;width:78px;height:38px;display:flex;position:absolute;bottom:14px;right:16px}.attendance-metric-sparkline b{background:#93c5fd8c;border-radius:999px 999px 3px 3px;flex:1;min-height:6px;display:block;box-shadow:0 0 12px #93c5fd33}.attendance-metric-card.severity-green{border-color:#22c55e3d}.attendance-metric-card.severity-green:before{background:#22c55e29}.attendance-metric-card.severity-green .attendance-metric-status,.attendance-metric-card.severity-green .attendance-metric-trend{color:#86efac}.attendance-metric-card.severity-green .attendance-metric-sparkline b{background:#86efac94}.attendance-metric-card.severity-amber{border-color:#f59e0b4d}.attendance-metric-card.severity-amber:before{background:#f59e0b2b}.attendance-metric-card.severity-amber .attendance-metric-status,.attendance-metric-card.severity-amber .attendance-metric-trend{color:#fcd34d}.attendance-metric-card.severity-amber .attendance-metric-sparkline b{background:#fcd34d94}.attendance-metric-card.severity-red{border-color:#ef444457}.attendance-metric-card.severity-red:before{background:#ef444429}.attendance-metric-card.severity-red .attendance-metric-status,.attendance-metric-card.severity-red .attendance-metric-trend{color:#fca5a5}.attendance-metric-card.severity-red .attendance-metric-sparkline b{background:#fca5a594}.attendance-metric-card.is-live{animation:3.2s ease-in-out infinite attendanceCardBreath}@keyframes attendanceLivePulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes attendanceCardBreath{0%,to{box-shadow:inset 0 1px #ffffff0f,0 24px 60px #00000047}50%{box-shadow:inset 0 1px #ffffff14,0 24px 66px #0000004d,0 0 28px #3b82f629}}.attendance-event-ticker{background:linear-gradient(135deg,#0f172af5,#020617fa);border:1px solid #94a3b829;border-radius:20px;padding:14px 0;position:relative;overflow:hidden}.attendance-event-ticker:before,.attendance-event-ticker:after{content:"";z-index:2;pointer-events:none;width:80px;height:100%;position:absolute;top:0}.attendance-event-ticker:before{background:linear-gradient(90deg,#020617,#0000);left:0}.attendance-event-ticker:after{background:linear-gradient(270deg,#020617,#0000);right:0}.attendance-event-ticker-track{white-space:nowrap;align-items:center;gap:42px;width:fit-content;animation:36s linear infinite tickerScroll;display:flex}.attendance-event-ticker-track span{color:#cbd5e1;letter-spacing:.02em;font-weight:700}.attendance-event-ticker-track span:first-letter{color:#86efac}@keyframes tickerScroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.attendance-teacher-presence{background:radial-gradient(circle at 100% 0,#3b82f624,#0000 35%),linear-gradient(145deg,#0f172af0,#020617fa);border:1px solid #94a3b82e;border-radius:28px;gap:16px;padding:22px;display:grid}.attendance-teacher-presence-head p{color:#fde68a;letter-spacing:.14em;margin:0 0 6px;font-size:.72rem;font-weight:900}.attendance-teacher-presence-head h3{color:#fff;margin:0;font-size:1.45rem}.attendance-teacher-presence-list{gap:12px;display:grid}.attendance-teacher-presence-list article{background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.teacher-presence-info{min-width:0}.teacher-presence-info strong,.teacher-presence-info span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.teacher-presence-info strong{color:#fff;font-size:.95rem}.teacher-presence-info span{color:#94a3b8;margin-top:3px;font-size:.85rem}.presence-dot{border-radius:999px;width:10px;height:10px}.presence-dot.live{background:#22c55e;box-shadow:0 0 16px #22c55ee6}.presence-dot.marking{background:#38bdf8;box-shadow:0 0 16px #38bdf8cc}.presence-dot.idle{background:#facc15}.presence-dot.missing{background:#ef4444;box-shadow:0 0 16px #ef4444b3}.attendance-teacher-presence-list label{letter-spacing:.1em;border-radius:999px;padding:7px 9px;font-size:.66rem;font-weight:900}.attendance-teacher-presence-list label.live{color:#86efac;background:#22c55e1f}.attendance-teacher-presence-list label.marking{color:#7dd3fc;background:#38bdf81f}.attendance-teacher-presence-list label.idle{color:#fde68a;background:#facc151f}.attendance-teacher-presence-list label.missing{color:#fca5a5;background:#ef44441f}.sr-overlay{z-index:9000;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sr-panel{background:#0f172a;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;width:min(780px,100%);max-height:90vh;display:flex;overflow:hidden}.sr-panel-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.sr-eyebrow{letter-spacing:.12em;color:#6366f1;margin:0 0 4px;font-size:10px;font-weight:700}.sr-title{color:#f1f5f9;margin:0 0 4px;font-size:18px;font-weight:700}.sr-subject{color:#94a3b8;font-size:12px}.sr-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:18px;display:flex}.sr-close:hover{color:#f1f5f9;background:#ffffff24}.sr-meta-grid{background:#ffffff0f;border-bottom:1px solid #ffffff14;flex-shrink:0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;display:grid}.sr-meta-card{background:#0f172a;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.sr-meta-card span{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:10px;font-weight:600}.sr-meta-card strong{color:#e2e8f0;font-size:13px;font-weight:600}.sr-body{flex:1;padding:20px 24px 24px;overflow-y:auto}.sr-section-label{letter-spacing:.1em;color:#64748b;text-transform:uppercase;margin:0 0 14px;font-size:10px;font-weight:700}.sr-questions{flex-direction:column;gap:12px;display:flex}.sr-qcard{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.sr-qcard-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:11px 14px;display:flex}.sr-qnum{color:#a5b4fc;font-size:11px;font-weight:700}.sr-qtype{text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#ffffff0f;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.sr-qcard-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sr-badge{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.sr-badge--correct{color:#4ade80;background:#4ade8026}.sr-badge--partial{color:#facc15;background:#facc1526}.sr-badge--wrong{color:#f87171;background:#f8717126}.sr-points{color:#94a3b8;font-size:11px;font-weight:600}.sr-qcard-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.sr-field{flex-direction:column;gap:4px;display:flex}.sr-field-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:10px;font-weight:700}.sr-field-value{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.sr-field-value--student{color:#e2e8f0}.sr-field-value--correct{color:#4ade80}.sr-field-value--feedback{color:#a5b4fc;font-style:italic}.sr-no-answers{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.sr-no-answers span{font-size:36px}.sr-no-answers p{max-width:380px;font-size:13px;line-height:1.6}.sr-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sr-edit-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#6366f12e;border:1px solid #6366f166;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.sr-edit-btn:hover{background:#6366f14d}.sr-qcard--edit{border-color:#6366f14d}.sr-field--edit{align-items:center}.sr-current-score{color:#94a3b8;white-space:nowrap;margin-right:10px;font-size:13px;font-weight:700}.sr-points-edit{align-items:center;gap:6px;display:flex}.sr-points-input{color:#f1f5f9;text-align:center;background:#ffffff0f;border:1px solid #6366f166;border-radius:6px;width:72px;padding:4px 8px;font-size:14px;font-weight:600}.sr-points-input:focus{border-color:#6366f1;outline:none}.sr-points-max{color:#64748b;font-size:13px}.sr-edit-actions{justify-content:flex-end;gap:10px;padding:16px 0 4px;display:flex}.sr-cancel-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:7px 18px;font-size:13px;font-weight:600}.sr-cancel-btn:hover:not(:disabled){background:#ffffff1a}.sr-save-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:7px;padding:7px 20px;font-size:13px;font-weight:700}.sr-save-btn:hover:not(:disabled){background:#4f46e5}.sr-save-btn:disabled,.sr-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.sr-save-error{color:#f87171;text-align:right;margin-top:8px;font-size:12px}@media (width<=600px){.sr-panel-header{padding:16px 16px 14px}.sr-body{padding:16px}.sr-title{font-size:15px}}.prp-overlay{z-index:9500;background:#000000d9;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.prp-shell{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:min(860px,100%);margin:auto;display:flex;overflow:hidden}.prp-toolbar{background:#0f172a;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.prp-toolbar-label{letter-spacing:.12em;color:#6366f1;margin:0;font-size:10px;font-weight:700}.prp-toolbar-title{color:#f1f5f9;margin:2px 0 0;font-size:15px;font-weight:700}.prp-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prp-mode-switcher{border:1px solid #ffffff1f;border-radius:7px;gap:0;display:flex;overflow:hidden}.prp-mode-switcher button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:11px;font-weight:600}.prp-mode-switcher button.active{color:#a5b4fc;background:#6366f133}.prp-print-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f159;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.prp-print-btn:hover{background:#6366f140}.prp-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.prp-close:hover{background:#ffffff24}.prp-scroll{background:#f8fafc;max-height:calc(100vh - 120px);padding:24px;overflow-y:auto}.prp-report{color:#1e293b;background:#fff;border-radius:12px;padding:36px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 2px 16px #00000014}.prp-report-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.prp-logo-row{align-items:center;gap:12px;display:flex}.prp-logo-mark{font-size:36px}.prp-logo-name{color:#4f46e5;font-size:22px;font-weight:800;line-height:1}.prp-logo-sub{color:#64748b;margin-top:2px;font-size:12px}.prp-report-meta{text-align:right;flex-direction:column;gap:4px;display:flex}.prp-report-meta div{justify-content:flex-end;gap:8px;font-size:12px;display:flex}.prp-report-meta span{color:#64748b}.prp-report-meta strong{color:#1e293b}.prp-student-banner{background:#f1f5f9;border-radius:10px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.prp-student-avatar{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.prp-student-name{color:#0f172a;font-size:20px;font-weight:700}.prp-student-sub{color:#64748b;margin-top:3px;font-size:12px}.prp-no-email{color:#ef4444}.prp-summary-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:28px;display:grid}.prp-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:16px 14px;display:flex}.prp-summary-card span{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:11px;font-weight:600}.prp-summary-card strong{color:#0f172a;font-weight:700}.prp-summary-card small{color:#94a3b8;font-size:11px}.prp-scorebar-wrap{align-items:center;gap:8px;margin-top:6px;display:flex}.prp-scorebar-track{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.prp-scorebar-fill{border-radius:3px;height:100%;transition:width .3s}.prp-scorebar-wrap span{white-space:nowrap;font-size:12px;font-weight:700}.prp-section{margin-bottom:28px}.prp-section-title{text-transform:uppercase;letter-spacing:.1em;color:#64748b;border-bottom:1px solid #e2e8f0;margin:0 0 14px;padding-bottom:8px;font-size:12px;font-weight:700}.prp-section-title--missing{color:#ef4444}.prp-subject-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.prp-subject-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.prp-subject-label{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:600}.prp-subject-avg{font-size:22px;font-weight:800}.prp-subject-count{color:#94a3b8;margin-top:4px;font-size:10px;display:block}.prp-table{border-collapse:collapse;width:100%;font-size:13px}.prp-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #e2e8f0;padding:0 8px 10px 0;font-size:10px;font-weight:700}.prp-table tbody tr{border-bottom:1px solid #f1f5f9}.prp-table tbody td{color:#334155;vertical-align:middle;padding:9px 8px 9px 0}.prp-td-title{color:#0f172a;font-weight:500}.prp-status{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.prp-status--pass{color:#16a34a;background:#dcfce7}.prp-status--support{color:#dc2626;background:#fee2e2}.prp-status--missing{color:#d97706;background:#fef3c7}.prp-empty-text{color:#94a3b8;font-size:13px}.prp-detail-block{margin-bottom:20px}.prp-detail-title{color:#0f172a;border-bottom:1px solid #f1f5f9;margin:0 0 10px;padding-bottom:6px;font-size:13px;font-weight:700}.prp-detail-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;font-size:12px;display:flex}.prp-detail-q{flex-direction:column;flex:1;gap:3px;display:flex}.prp-detail-q strong{color:#1e293b;font-size:12px}.prp-detail-q span{color:#64748b}.prp-detail-q em{color:#7c3aed;font-size:11px;font-style:normal}.prp-detail-pts{white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.prp-comment-text{color:#334155;border-left:3px solid #4f46e5;margin:0 0 12px;padding-left:14px;font-size:14px;line-height:1.7}.prp-comment-input{color:#1e293b;resize:vertical;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;width:100%;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:13px}.prp-comment-input:focus{border-color:#4f46e5;outline:none}.prp-report-footer{color:#94a3b8;text-align:center;border-top:1px solid #e2e8f0;margin-top:32px;padding-top:16px;font-size:11px;line-height:1.7}@media print{.prp-no-print{display:none!important}.prp-overlay{background:0 0;padding:0;position:static}.prp-shell{border:none;border-radius:0}.prp-toolbar{display:none}.prp-scroll{background:#fff;max-height:none;padding:0;overflow:visible}.prp-report{box-shadow:none;padding:0}}.srp-overlay{z-index:8500;background:#000c;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.srp-panel{background:#0f172a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:min(900px,100%);display:flex;overflow:hidden}.srp-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;padding:24px 24px 18px;display:flex}.srp-eyebrow{letter-spacing:.12em;color:#6366f1;margin:0 0 4px;font-size:10px;font-weight:700}.srp-name{color:#f1f5f9;margin:0 0 4px;font-size:22px;font-weight:700}.srp-class{color:#94a3b8;font-size:12px}.srp-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.srp-btn{cursor:pointer;border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.srp-btn--secondary{color:#a5b4fc;background:#6366f126;border:1px solid #6366f159}.srp-btn--secondary:hover{background:#6366f140}.srp-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:flex}.srp-close:hover{color:#f1f5f9;background:#ffffff24}.srp-stats-row{background:#ffffff0d;border-bottom:1px solid #ffffff12;flex-wrap:wrap;gap:1px;display:flex}.srp-stat{background:#0f172a;flex-direction:column;flex:1;gap:3px;min-width:100px;padding:14px 18px;display:flex}.srp-stat span{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:10px;font-weight:600}.srp-stat strong{color:#e2e8f0;font-size:16px;font-weight:700}.srp-subject-row{border-bottom:1px solid #ffffff12;flex-wrap:wrap;gap:10px;padding:14px 20px;display:flex}.srp-subject-chip{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:8px 14px;display:flex}.srp-subject-chip strong{font-size:15px;font-weight:700}.srp-subject-chip span{color:#94a3b8;font-size:11px;font-weight:500}.srp-subject-chip small{color:#64748b;font-size:10px}.srp-body{flex-direction:column;gap:24px;max-height:60vh;padding:20px 24px 28px;display:flex;overflow-y:auto}.srp-section-title{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin:0 0 12px;font-size:12px;font-weight:700}.srp-section-title--missing{color:#f87171}.srp-table-wrap{overflow-x:auto}.srp-table{border-collapse:collapse;width:100%;font-size:13px}.srp-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:0 0 10px;font-size:10px;font-weight:700}.srp-table tbody tr{border-top:1px solid #ffffff0d}.srp-table td{color:#cbd5e1;vertical-align:middle;padding:9px 0}.srp-td-title{color:#e2e8f0;font-weight:500}.srp-action-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #6366f166;border-radius:5px;padding:3px 10px;font-size:11px}.srp-action-btn:hover{background:#6366f11f}.srp-badge{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.srp-badge--missing{color:#f87171;background:#f8717126}.srp-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;display:flex}.srp-empty span{font-size:30px}.srp-empty p{font-size:13px}@media (width<=640px){.srp-header{flex-direction:column;gap:12px;padding:16px}.srp-body{max-height:none;padding:14px}.srp-stats-row{flex-direction:column;gap:0}}.sql-root{color:#e2e8f0;font-family:inherit}.sql-header{background:linear-gradient(135deg,#6366f124 0%,#0f172ae6 100%);border:1px solid #6366f140;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:20px;padding:24px 28px;display:flex}.sql-header-avatar{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:grid}.sql-header-info{flex:1;min-width:0}.sql-header-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#a5b4fcb3;margin:0 0 4px;font-size:10px}.sql-header-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:22px;font-weight:700;overflow:hidden}.sql-header-meta{color:#94a3b8d9;margin:0;font-size:12px}.sql-summary-pills{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sql-summary-pill{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;min-width:80px;padding:10px 16px}.sql-summary-pill .pill-value{color:#f1f5f9;margin-bottom:4px;font-size:20px;font-weight:700;line-height:1;display:block}.sql-summary-pill .pill-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8bf;font-size:10px;display:block}.sql-summary-pill.avg-pill .pill-value{color:#a5b4fc}.sql-table-wrap{background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;overflow:auto}.sql-table{border-collapse:collapse;width:100%;font-size:13px}.sql-table thead th{text-align:left;letter-spacing:.15em;text-transform:uppercase;color:#94a3b8b3;white-space:nowrap;background:#ffffff04;border-bottom:1px solid #ffffff12;padding:11px 14px;font-size:10px;font-weight:700}.sql-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .12s}.sql-table tbody tr:last-child{border-bottom:none}.sql-table tbody tr:hover{background:#6366f10d}.sql-table td{color:#cbd5e1;vertical-align:middle;padding:13px 14px}.sql-td-course{color:#f1f5f9;max-width:200px;font-weight:600}.sql-score-cell{font-size:14px;font-weight:700}.sql-na{color:#94a3b873;font-size:12px}.sql-summary-row td{color:#e2e8f0;background:#6366f10d;border-top:2px solid #6366f140;padding:13px 14px;font-size:12px;font-weight:700}.sql-summary-label{letter-spacing:.15em;text-transform:uppercase;color:#a5b4fccc;font-size:10px}.sql-badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.sql-badge--excellent{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.sql-badge--good{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.sql-badge--passing{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.sql-badge--focus{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.sql-badge--risk{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.sql-badge--nodata{color:#94a3b8;background:#64748b1f;border:1px solid #64748b33}.sql-loading,.sql-empty,.sql-error{text-align:center;color:#94a3b8b3;padding:48px 24px}.sql-loading-spinner{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite sql-spin}@keyframes sql-spin{to{transform:rotate(360deg)}}.sql-empty-icon{margin-bottom:12px;font-size:36px}.sql-error{color:#fca5a5}.sql-close-row{justify-content:flex-end;margin-bottom:14px;display:flex}.sql-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:7px;padding:5px 14px;font-size:12px}.sql-close-btn:hover{background:#ffffff0f}@media (width<=640px){.sql-table-wrap{border-left:none;border-right:none;border-radius:0}.sql-table thead{display:none}.sql-table tbody tr{border-bottom:1px solid #ffffff12;padding:14px 16px;display:block}.sql-table td{border:none;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.sql-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.12em;color:#94a3b899;font-size:10px;font-weight:600}.sql-td-course{color:#f1f5f9;padding-bottom:8px;font-size:15px;font-weight:700}.sql-td-course:before,.sql-summary-row{display:none}.sql-header{padding:18px}.sql-header-name{font-size:18px}.sql-summary-pills{gap:8px}.sql-summary-pill{min-width:70px;padding:8px 12px}.sql-summary-pill .pill-value{font-size:17px}}.sql-search-wrap{width:100%;position:relative}.sql-search-input{color:#e2e8f0;box-sizing:border-box;background:#ffffff0d;border:1px solid #6366f159;border-radius:10px;outline:none;width:100%;padding:11px 40px 11px 14px;font-size:14px;transition:border-color .15s}.sql-search-input:focus{border-color:#6366f1a6}.sql-search-input::placeholder{color:#94a3b880}.sql-search-spinner{border:2px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sql-spin;display:block;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.sql-search-dropdown{z-index:200;background:#0f172a;border:1px solid #6366f159;border-radius:10px;max-height:340px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 16px 48px #0009}.sql-search-result{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:12px 16px;transition:background .1s}.sql-search-result:last-child{border-bottom:none}.sql-search-result:hover,.sql-search-result.highlighted{background:#6366f11f}.sql-search-result strong{color:#f1f5f9;margin-bottom:2px;font-size:14px;display:block}.sql-search-result span{color:#94a3b8bf;margin-bottom:2px;font-size:12px;display:block}.sql-search-result small{color:#6366f1cc;font-size:11px;display:block}.sql-search-empty{color:#94a3b899;text-align:center;padding:18px 16px;font-size:13px}.cg-root{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin-bottom:24px;overflow:hidden}.cg-top-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.cg-eyebrow{letter-spacing:.12em;color:#6366f1;margin:0 0 3px;font-size:10px;font-weight:700}.cg-class-title{color:#f1f5f9;margin:0;font-size:16px;font-weight:700}.cg-refresh-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600}.cg-refresh-btn:hover:not(:disabled){background:#ffffff1a}.cg-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.cg-tab-bar{scrollbar-width:none;border-bottom:1px solid #ffffff0f;gap:0;padding:0 16px;display:flex;overflow-x:auto}.cg-tab-bar::-webkit-scrollbar{display:none}.cg-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s}.cg-tab:hover{color:#94a3b8}.cg-tab--active{color:#a5b4fc;border-bottom-color:#6366f1}.cg-content{padding:20px}.cg-error-banner{color:#f87171;background:#f871711a;border-left:3px solid #f87171;margin:0 20px 12px;padding:10px 16px;font-size:13px}.cg-loading-state{color:#64748b;text-align:center;padding:32px 20px;font-size:13px}.cg-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.cg-empty span{font-size:30px}.cg-empty p{max-width:360px;font-size:13px}.cg-empty-inline{color:#64748b;text-align:center;padding:20px;font-size:13px}.cg-overview-class{color:#94a3b8;margin-bottom:16px;font-size:13px;font-weight:600}.cg-overview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:8px;display:grid}.cg-overview-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:16px 14px;display:flex}.cg-overview-icon{margin-bottom:2px;font-size:20px}.cg-overview-value{color:#e2e8f0;font-size:22px;font-weight:700}.cg-overview-label{color:#94a3b8;font-size:12px;font-weight:600}.cg-overview-sub{color:#64748b;font-size:10px}.cg-table-wrap{overflow-x:auto}.cg-table{border-collapse:collapse;width:100%;font-size:13px}.cg-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:0 8px 10px 0;font-size:10px;font-weight:700}.cg-table tbody tr{border-top:1px solid #ffffff0a}.cg-table tbody tr:hover{background:#ffffff05}.cg-table td{color:#cbd5e1;vertical-align:middle;padding:10px 8px 10px 0}.cg-td-title{color:#e2e8f0;max-width:220px;font-weight:500}.cg-of-total,.cg-na{color:#64748b}.cg-row--selected{background:#6366f10f!important}.cg-row--concern{background:#f8717108!important}.cg-action-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #6366f166;border-radius:5px;padding:3px 10px;font-size:11px}.cg-action-btn:hover{background:#6366f11f}.cg-action-btn--ghost{color:#94a3b8;border-color:#ffffff26}.cg-action-btn--ghost:hover{background:#ffffff0f}.cg-action-btn--danger-ghost{color:#fca5a5;border-color:#ef444459}.cg-action-btn--danger-ghost:hover{background:#ef44441a}.cg-action-btn--danger{color:#f87171;background:#ef444414;border-color:#ef444499}.cg-action-btn--danger:hover{background:#ef44442e}.cg-action-btn--danger:disabled{opacity:.5;cursor:not-allowed}.cg-delete-confirm-label{color:#fca5a5;white-space:nowrap;font-size:11px}.cg-sub-actions{align-items:center;gap:6px;display:flex}.cg-status{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.cg-status--pass{color:#4ade80;background:#4ade801f}.cg-status--support{color:#f87171;background:#f871711f}.cg-results-row td{padding:0 0 12px}.cg-results-panel{background:#6366f10f;border:1px solid #6366f12e;border-radius:10px;margin:2px 0 6px;padding:16px}.cg-results-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.cg-results-header>div:first-child{flex-direction:column;gap:3px;display:flex}.cg-results-header strong{color:#a5b4fc;font-size:13px}.cg-results-header span{color:#94a3b8;font-size:12px}.cg-results-stats{flex-shrink:0;gap:16px;display:flex}.cg-results-stats>div{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.cg-results-stats span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.cg-results-stats strong{color:#e2e8f0;font-size:15px;font-weight:700}.cg-sub-table{border-collapse:collapse;width:100%;font-size:12px}.cg-sub-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:0 8px 8px 0;font-size:10px;font-style:normal;font-weight:600}.cg-sub-table tbody tr{border-top:1px solid #ffffff0a}.cg-sub-table td{color:#cbd5e1;vertical-align:middle;padding:7px 8px 7px 0}.cg-loading{color:#64748b;padding:8px 0;font-size:13px}.cg-error{color:#f87171;padding:8px 0;font-size:13px}.cg-scorecard-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cg-search{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;min-width:160px;padding:7px 12px;font-size:12px}.cg-search:focus{border-color:#6366f180;outline:none}.cg-search::placeholder{color:#64748b}.cg-filter-toggle{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.cg-assignments-toolbar{border-bottom:1px solid #94a3b81a;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.cg-btn-add-asgn{color:#4ade80;border-color:#4ade8066;margin-left:auto}.cg-btn-add-asgn:hover{background:#4ade801a}.cg-manual-form{background:#ffffff05;border-bottom:1px solid #94a3b81a;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cg-form-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.cg-form-field{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.cg-form-field--grow{flex:2}.cg-form-field--narrow{flex:0 0 100px;min-width:80px}.cg-form-field label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:10px;font-weight:700}.cg-form-field select.cg-search{appearance:none;cursor:pointer}.cg-form-actions{justify-content:flex-end;display:flex}.cg-btn-save-asgn{color:#a5b4fc;background:#6366f126;border-color:#6366f180;padding:5px 18px;font-size:12px}.cg-btn-save-asgn:hover:not(:disabled){background:#6366f140}.cg-btn-save-asgn:disabled{opacity:.5;cursor:not-allowed}.cg-score-entry-panel{background:#6366f10a;border:1px solid #6366f126;border-radius:10px;margin:2px 0 6px;padding:14px 16px}.cg-score-entry-title{color:#94a3b8;margin:0 0 12px;font-size:12px}.cg-score-entry-title strong{color:#e2e8f0}.cg-score-entry-title span{color:#64748b}.cg-score-entry-list{flex-direction:column;gap:8px;display:flex}.cg-score-entry-row{border-top:1px solid #ffffff0a;align-items:center;gap:10px;padding:6px 0;display:flex}.cg-score-entry-name{color:#e2e8f0;flex:1;font-size:13px;font-weight:500}.cg-score-entry-saved{flex-shrink:0;font-size:11px;font-weight:600}.cg-score-input{color:#e2e8f0;text-align:right;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:72px;padding:5px 8px;font-size:13px}.cg-score-input:focus{border-color:#6366f180;outline:none}.cg-btn-save-score{flex-shrink:0}.cg-btn-save-score:disabled{opacity:.4;cursor:not-allowed}.cg-missing-badge{color:#f87171;background:#f8717126;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.cg-ok-badge{color:#4ade80;font-size:12px;font-weight:600}.cg-pr-tabs{gap:6px;margin-bottom:16px;display:flex}.cg-pr-tabs button{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.cg-pr-tabs button.active{color:#a5b4fc;background:#6366f12e;border-color:#6366f166}.cg-pr-student-list{flex-direction:column;gap:8px;display:flex}.cg-pr-student-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;display:flex}.cg-pr-student-avatar{color:#a5b4fc;background:#6366f133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.cg-pr-student-info{flex-direction:column;flex:1;gap:2px;display:flex}.cg-pr-student-info strong{color:#e2e8f0;font-size:13px;font-weight:600}.cg-pr-student-info small{color:#64748b;font-size:11px}.cg-pr-avg{margin-right:4px;font-size:16px;font-weight:700}.cg-pr-assignment-list{flex-direction:column;gap:12px;display:flex}.cg-pr-assignment-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cg-pr-assignment-card>div:first-child strong{color:#e2e8f0;margin-bottom:3px;font-size:13px;display:block}.cg-pr-assignment-card>div:first-child small{color:#64748b;font-size:11px}.cg-pr-asgn-meta{color:#94a3b8;gap:12px;font-size:12px;display:flex}.cg-pr-subs-list{border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;padding-top:10px;display:flex}.cg-pr-sub-row{color:#94a3b8;align-items:center;gap:14px;font-size:12px;display:flex}.cg-pr-sub-row span:first-child{color:#e2e8f0;flex:1}@media (width<=680px){.cg-content{padding:12px}.cg-table thead{display:none}.cg-table tbody td{padding:4px 0;display:block}.cg-table tbody tr{border-top:1px solid #ffffff0f;padding:8px 0;display:block}.cg-overview-grid{grid-template-columns:repeat(2,1fr)}.cg-sub-actions{flex-direction:column;align-items:flex-start}}:root{--edufun-bg:#061223;--edufun-card:#0f172ab8;--edufun-card-strong:#0f172aeb;--edufun-border:#94a3b838;--edufun-text:#f8fafc;--edufun-muted:#b6c6dd;--edufun-blue:#38bdf8;--edufun-cyan:#22d3ee;--edufun-green:#34d399;--edufun-amber:#fbbf24;--edufun-rose:#fb7185;--edufun-purple:#a78bfa}*{box-sizing:border-box}body{background:var(--edufun-bg);margin:0}button,select{font:inherit}.edufun-command{min-height:100vh;color:var(--edufun-text);background:radial-gradient(circle at 0 0,#38bdf838,#0000 28rem),radial-gradient(circle at 78% 12%,#a78bfa2e,#0000 30rem),linear-gradient(135deg,#020617 0%,#07172a 48%,#0b1730 100%);padding:34px clamp(18px,3vw,44px) 120px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.edufun-bg-orb{pointer-events:none;filter:blur(18px);opacity:.7;z-index:0;position:fixed}.orb-one{background:radial-gradient(circle,#22d3ee42,#0000 67%);border-radius:999px;width:460px;height:460px;top:80px;left:-160px}.orb-two{background:radial-gradient(circle,#3b82f63d,#0000 68%);border-radius:999px;width:520px;height:520px;bottom:20%;right:-180px}.edufun-command>:not(.edufun-bg-orb):not(.tools-overlay){z-index:1;position:relative}.edufun-glass{border:1px solid var(--edufun-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f172adb,#0f172a94),linear-gradient(#ffffff14,#ffffff05);box-shadow:0 32px 90px #00000061,inset 0 1px #ffffff14}.edufun-hero{border-radius:36px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:28px;padding:clamp(26px,4vw,48px);display:grid;overflow:hidden}.edufun-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#38bdf82e,#0000 42%),radial-gradient(circle at 70% 20%,#facc1529,#0000 20rem);position:absolute;inset:0}.edufun-hero-copy,.edufun-hero-panel{position:relative}.edufun-eyebrow,.edufun-section-heading p,.focus-copy p,.class-command-window header p,.tools-groups p{color:#fde68a;letter-spacing:.33em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.edufun-hero h1{letter-spacing:-.07em;max-width:930px;margin:18px 0 16px;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.94}.edufun-hero-copy>span{color:#dbeafe;max-width:760px;font-size:clamp(1.02rem,1.6vw,1.32rem);line-height:1.65;display:block}.edufun-hero-meta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.edufun-hero-meta span{color:#bfdbfe;background:#0f172a8f;border:1px solid #bfdbfe33;border-radius:999px;padding:10px 14px;font-weight:800}.edufun-hero-panel{background:#02061761;border:1px solid #bfdbfe2e;border-radius:30px;flex-direction:column;justify-content:center;gap:12px;min-height:260px;padding:24px;display:flex}.teacher-avatar{color:#020617;background:linear-gradient(135deg,#fde68a,#22d3ee);border-radius:24px;place-items:center;width:76px;height:76px;font-size:1.7rem;font-weight:1000;display:grid;box-shadow:0 20px 50px #22d3ee2e}.edufun-hero-panel strong{font-size:1.25rem}.edufun-hero-panel span{color:var(--edufun-muted)}.edufun-hero-actions,.edufun-focus-actions,.edufun-card-actions,.edufun-import-card div,.quick-launch-grid{flex-wrap:wrap;gap:10px;display:flex}button{color:#f8fafc;cursor:pointer;background:#0f172ab8;border:1px solid #bfdbfe38;border-radius:999px;padding:11px 15px;font-weight:900;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}button:hover:not(:disabled){border-color:#7dd3fca6;transform:translateY(-2px);box-shadow:0 16px 34px #082f4952}button:disabled{cursor:not-allowed;opacity:.55}button.primary,.primary{color:#04111f;background:linear-gradient(135deg,#fef3c7,#22d3ee 45%,#60a5fa);border-color:#0000}button.danger,.danger{color:#fecdd3;background:#7f1d1d61;border-color:#fb718566}button.ghost{background:#ffffff0f}.edufun-alert{background:#082f4985;border:1px solid #7dd3fc38;border-radius:20px;align-items:center;gap:12px;margin:20px 0;padding:16px 18px;display:flex}.edufun-alert span{color:#dbeafe}.edufun-alert.danger{background:#7f1d1d52;border-color:#fb718552}.edufun-alert.success{background:#064e3b47;border-color:#34d39952}.edufun-analytics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.metric-card{border:1px solid var(--edufun-border);background:#0f172ab8;border-radius:28px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000047}.metric-card:after{content:"";background:#38bdf82e;border-radius:999px;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.metric-card span{color:var(--edufun-muted);font-size:.82rem;font-weight:800}.metric-card strong{letter-spacing:-.06em;margin:8px 0 4px;font-size:clamp(2rem,4vw,3.2rem);display:block}.metric-card p{color:#93c5fd;margin:0;font-size:.9rem;font-weight:750}.live-metric:after{background:#34d39938}.warning-metric:after{background:#fbbf2438}.parent-metric:after{background:#a78bfa38}.edufun-focus-panel{border-radius:34px;grid-template-columns:minmax(0,1.2fr) minmax(250px,.6fr) auto;align-items:center;gap:22px;margin:24px 0;padding:26px;display:grid;overflow:hidden}.edufun-focus-panel:before,.edufun-class-card:before,.class-command-window:before{content:"";pointer-events:none;background:radial-gradient(circle at top right, var(--theme-glow,#38bdf838), transparent 42%);position:absolute;inset:0}.focus-copy,.focus-insight,.edufun-focus-actions,.class-card-title,.edufun-card-topline,.edufun-mini-stats,.edufun-card-actions,.class-command-window>*{position:relative}.class-switch-row{align-items:center;gap:12px;margin:12px 0 10px;display:flex}.subject-emblem{background:#ffffff17;border:1px solid #ffffff29;border-radius:20px;flex:none;place-items:center;width:56px;height:56px;font-size:1.7rem;display:grid}.subject-emblem.small{border-radius:16px;width:46px;height:46px;font-size:1.35rem}select{color:#f8fafc;background:#020617b8;border:1px solid #bfdbfe42;border-radius:18px;width:min(100%,420px);padding:12px 14px;font-weight:900}.focus-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(1.9rem,4vw,3.8rem);line-height:1}.focus-copy>span,.focus-insight span{color:#dbeafe}.focus-insight{align-items:center;gap:15px;min-width:270px;display:flex}.progress-ring{--value:0%;background:radial-gradient(circle at center, #0f172a 56%, transparent 57%), conic-gradient(#22d3ee var(--value), #94a3b82e 0);border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.progress-ring strong{font-size:1.35rem}.progress-ring span{margin-top:-22px;font-size:.62rem;font-weight:900}.edufun-dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.edufun-panel{border-radius:32px;margin-bottom:22px;padding:24px}.edufun-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.edufun-section-heading h2{letter-spacing:-.04em;margin:5px 0 0;font-size:clamp(1.4rem,2.6vw,2.35rem)}.edufun-section-heading>span{color:#bfdbfe;background:#0f172ab3;border:1px solid #bfdbfe29;border-radius:999px;padding:10px 13px;font-weight:900}.edufun-class-grid,.edufun-import-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.edufun-class-card,.edufun-import-card{background:#0f172abd;border:1px solid #bfdbfe2e;border-radius:28px;min-height:260px;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000003d}.edufun-class-card:hover,.edufun-import-card:hover{transition:transform .2s;transform:translateY(-3px)}.edufun-card-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.badge,.edufun-import-card>span{color:#dbeafe;text-transform:uppercase;letter-spacing:.08em;background:#0f172a99;border:1px solid #ffffff26;border-radius:999px;align-items:center;width:fit-content;padding:8px 10px;font-size:.72rem;font-weight:950;display:inline-flex}.badge.live{color:#bbf7d0;background:#064e3b8c;border-color:#34d39957}.badge.soft{color:#fde68a}.class-card-title{align-items:flex-start;gap:13px;display:flex}.class-card-title small,.edufun-import-card small{color:#93c5fd;font-weight:850}.class-card-title h3,.edufun-import-card h3{letter-spacing:-.035em;margin:4px 0;font-size:1.55rem;line-height:1.08}.class-card-title p,.edufun-import-card p{color:var(--edufun-muted);margin:0}.edufun-mini-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.edufun-mini-stats div{background:#0206175c;border:1px solid #ffffff14;border-radius:16px;padding:10px}.edufun-mini-stats strong{font-size:1.15rem;display:block}.edufun-mini-stats span{color:var(--edufun-muted);font-size:.73rem;font-weight:800}.attendance-bar{background:#94a3b829;border-radius:999px;height:8px;margin-bottom:16px;overflow:hidden}.attendance-bar span{border-radius:inherit;background:linear-gradient(90deg,#34d399,#22d3ee);height:100%;display:block}.compact-actions{justify-content:flex-start}.compact-actions button{padding:9px 12px;font-size:.84rem}.edufun-empty{color:#c7d2fe;background:#0f172a75;border:1px dashed #bfdbfe3d;border-radius:24px;padding:28px;font-weight:800}.edufun-side-stack{gap:22px;display:grid}.attention-list{gap:12px;display:grid}.attention-list div{background:#0206175c;border:1px solid #bfdbfe26;border-radius:20px;padding:16px}.attention-list strong,.attention-list span{display:block}.attention-list span{color:var(--edufun-muted);margin-top:5px}.quick-launch-grid{grid-template-columns:1fr 1fr;display:grid}.edufun-import-card{min-height:220px}.edufun-import-card div{margin-top:18px}.floating-tools-button{z-index:30;color:#04111f;background:linear-gradient(135deg,#fde68a,#22d3ee 45%,#60a5fa);border:none;border-radius:999px;align-items:center;gap:10px;padding:16px 20px;display:inline-flex;position:fixed;bottom:26px;right:28px;box-shadow:0 24px 60px #22d3ee42}.floating-tools-button span{background:#fff6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.tools-overlay{z-index:100;justify-content:flex-end;padding:20px;display:flex;position:fixed;inset:0}.tools-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);width:auto;height:auto;box-shadow:none;background:#020617a3;border:0;border-radius:0;position:absolute;inset:0}.tools-backdrop:hover{box-shadow:none!important;transform:none!important}.class-command-window{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee42), transparent 45%), linear-gradient(145deg, #0f172af5, #020617e6);border:1px solid #bfdbfe47;border-radius:34px;width:min(520px,100vw - 30px);height:min(880px,100vh - 40px);padding:24px;animation:.22s both slideIn;position:relative;overflow:auto;box-shadow:-28px 0 100px #00000085,inset 0 1px #ffffff1a}@keyframes slideIn{0%{opacity:0;transform:translate(28px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.class-command-window header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.class-command-window h2{letter-spacing:-.045em;margin:8px 0 6px;font-size:2rem;line-height:1}.class-command-window header span{color:#dbeafe}.close-tools{border-radius:16px;width:44px;height:44px;padding:0;font-size:1.6rem}.tools-class-select{gap:8px;margin-bottom:18px;display:grid}.tools-class-select span{color:var(--edufun-muted);font-weight:850}.tools-class-select select{width:100%}.tools-groups{gap:14px;display:grid}.tools-groups section{background:#02061761;border:1px solid #bfdbfe29;border-radius:24px;gap:10px;padding:16px;display:grid}.tools-groups section button{border-radius:16px;justify-content:center}.theme-blue{--theme-glow:#3b82f657}.theme-purple{--theme-glow:#a855f759}.theme-teal{--theme-glow:#14b8a659}.theme-emerald{--theme-glow:#10b98157}.theme-amber{--theme-glow:#f59e0b57}.theme-rose{--theme-glow:#f43f5e57}.theme-cyan{--theme-glow:#06b6d457}.theme-indigo{--theme-glow:#6366f157}@media (width<=1120px){.edufun-hero,.edufun-focus-panel,.edufun-dashboard-grid{grid-template-columns:1fr}.edufun-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.edufun-command{padding:18px 14px 110px}.edufun-hero,.edufun-panel,.edufun-focus-panel{border-radius:24px;padding:18px}.edufun-analytics-grid,.edufun-class-grid,.edufun-import-grid,.edufun-mini-stats,.quick-launch-grid{grid-template-columns:1fr}.edufun-hero h1{font-size:2.5rem}.class-switch-row,.focus-insight{flex-direction:column;align-items:flex-start}.floating-tools-button{bottom:16px;right:16px}.tools-overlay{padding:10px}.class-command-window{height:calc(100vh - 20px)}}.edufun-command-ribbon{background:radial-gradient(circle at 0 0,#22d3ee24,#0000 34%),linear-gradient(135deg,#0f172ad1,#020617ad);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:22px 0;padding:16px;display:grid}.ribbon-status{align-items:center;gap:14px;min-width:0;display:flex}.ribbon-status .pulse{background:#94a3b8;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 6px #94a3b814}.ribbon-status .pulse.live{background:#34d399;animation:1.8s ease-in-out infinite livePulse;box-shadow:0 0 0 7px #34d3991f,0 0 24px #34d399b8}.ribbon-status small,.tools-snapshot small{color:#bfdbfea8;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:950;display:block}.ribbon-status strong{color:#fff;overflow-wrap:anywhere;margin-top:3px;font-size:1.06rem;display:block}.ribbon-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.floating-command-dock{pointer-events:none;justify-items:end;gap:10px;display:grid;right:max(24px, env(safe-area-inset-right))!important;bottom:max(24px, env(safe-area-inset-bottom))!important;z-index:2147483000!important;position:fixed!important;transform:none!important}.floating-command-dock *{pointer-events:auto}.floating-tools-button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:46px minmax(0,1fr) 12px;align-items:center;gap:12px;min-width:min(360px,100vw - 32px);z-index:2147483001!important;color:#04111f!important;background:linear-gradient(135deg,#fef3c7fa,#22d3eefa 48%,#60a5fafa)!important;border:1px solid #ffffff6b!important;border-radius:24px!important;padding:13px 15px!important;display:grid!important;position:relative!important;bottom:auto!important;right:auto!important;box-shadow:0 28px 80px #22d3ee52,0 12px 28px #00000057!important}.floating-tools-button .dock-icon{background:#ffffff7a;border-radius:18px;place-items:center;width:46px;height:46px;font-size:1.22rem;display:grid;box-shadow:inset 0 1px #ffffff80}.dock-copy{text-align:left;gap:3px;min-width:0;display:grid}.dock-copy strong{color:#04111f;font-size:.98rem;line-height:1.1}.dock-copy small{color:#04111fb8;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.dock-live{background:#0f172a61;border-radius:999px;width:11px;height:11px}.dock-live.live{background:#16a34a;box-shadow:0 0 18px #16a34acc}.dock-mini-actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617ad;border:1px solid #bfdbfe2e;border-radius:999px;gap:8px;padding:8px;display:flex;box-shadow:0 20px 60px #00000052}.dock-mini-actions button{border-radius:999px;padding:9px 12px;font-size:.78rem}.tools-overlay{isolation:isolate;z-index:2147482000!important;justify-content:flex-end!important;align-items:stretch!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.class-command-window{flex-direction:column;display:flex;z-index:2147482002!important;width:min(560px,100vw - 40px)!important;height:auto!important;position:fixed!important;top:20px!important;bottom:20px!important;right:20px!important;overflow:hidden!important}.class-command-window header{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f172af5,#0f172ab8);border-bottom:1px solid #bfdbfe1f;padding-bottom:16px;position:sticky;top:0}.tools-class-select,.tools-snapshot,.tools-groups{flex:none}.tools-groups{flex:1 1 0;min-height:0;padding-right:3px;overflow-y:auto}.tools-snapshot{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.tools-snapshot div{background:#02061757;border:1px solid #bfdbfe24;border-radius:18px;min-width:0;padding:13px}.tools-snapshot strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:1.05rem;display:block;overflow:hidden}.tools-groups section{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee2e), transparent 52%), #02061770}@media (width<=820px){.edufun-command-ribbon{grid-template-columns:1fr}.ribbon-actions{justify-content:flex-start}.floating-command-dock{justify-items:stretch;bottom:14px!important;left:14px!important;right:14px!important}.floating-tools-button{width:100%;min-width:0}.dock-mini-actions{justify-content:center}.class-command-window{width:auto!important;inset:10px!important}.tools-snapshot{grid-template-columns:1fr}}.teacher-course-command{z-index:1;border-radius:30px;margin:6px 0 4px;padding:24px;position:relative;overflow:hidden}.teacher-course-command:before{content:"";pointer-events:none;opacity:.95;background:radial-gradient(circle at 0 0,#f5cd4121,#0000 36%),radial-gradient(circle at 85% 10%,#22d3ee29,#0000 42%);position:absolute;inset:-1px}.course-command-hero,.course-ops-grid{z-index:1;position:relative}.course-command-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.course-command-hero p{color:#f5cd41;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:950}.course-command-hero h2{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(1.75rem,3.2vw,3.35rem);line-height:.98}.course-command-hero span{color:#e2efffb8;max-width:860px;margin-top:12px;line-height:1.65;display:block}.course-command-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.course-command-metrics div,.course-attendance-numbers div{background:#02061759;border:1px solid #ffffff1a;border-radius:18px;padding:14px}.course-command-metrics small,.course-attendance-numbers small,.course-ops-top small{color:#bfdbfea3;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.course-command-metrics strong{color:#fff;margin-top:4px;font-size:1.75rem;line-height:1;display:block}.course-ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.course-ops-card{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee26), transparent 44%), linear-gradient(145deg, #0f172ae0, #020617c2);border:1px solid #ffffff1b;border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000003d}.course-ops-card.is-live{border-color:#34d39961;box-shadow:0 24px 70px #10b9812e,0 20px 60px #00000040}.course-ops-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.course-ops-top h3{color:#fff;margin:4px 0;font-size:1.15rem;line-height:1.15}.course-ops-top span{color:#e2efff9e;font-size:.88rem}.course-ops-top b{color:#e2efffc7;letter-spacing:.12em;background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;padding:7px 10px;font-size:.72rem}.course-ops-card.is-live .course-ops-top b{color:#bbf7d0;background:#10b98121;border-color:#34d39959}.course-attendance-strip{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:18px 0 14px;display:grid}.progress-ring.mini{flex:none;width:94px;height:94px}.progress-ring.mini strong{font-size:1.1rem}.course-attendance-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.course-attendance-numbers strong{color:#fff;margin-top:4px;font-size:1.05rem;display:block}.course-signal-stack{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.course-signal-stack span{color:#e2efffb8;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;padding:8px 10px;font-size:.77rem;font-weight:850}.course-ops-actions{flex-wrap:wrap;gap:9px;display:flex}.course-ops-actions button{color:#eaf2ff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;padding:10px 12px;font-weight:900}.course-ops-actions button.primary{color:#04111f;background:linear-gradient(135deg,#67e8f9,#3b82f6);border:0;box-shadow:0 14px 30px #3b82f63d}.course-ops-actions button:hover:not(:disabled){transform:translateY(-1px)}@media (width<=980px){.course-command-hero,.course-ops-grid,.course-attendance-strip{grid-template-columns:1fr}.course-command-metrics,.course-attendance-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}}.teacher-attendance-command{border-radius:30px;margin-top:22px;padding:clamp(16px,2vw,24px);position:relative;overflow:visible}.teacher-attendance-command .attendance-ops-shell{margin:0}.teacher-attendance-command .attendance-ops-hero{border-radius:26px}.teacher-attendance-command .attendance-ops-card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.teacher-attendance-command .school-attendance-console-panel .attendance-ops-panel-head h3,.teacher-attendance-command .attendance-ops-panel-head h3{letter-spacing:-.035em}.teacher-attendance-command .school-attendance-console-row{grid-template-columns:minmax(220px,1fr) minmax(340px,1.1fr) minmax(340px,1.15fr)}@media (width<=1180px){.teacher-attendance-command .school-attendance-console-row{grid-template-columns:1fr}}@media (width<=760px){.teacher-attendance-command{border-radius:24px;padding:12px}}.teacher-attendance-command .attendance-ops-hero{align-items:center;min-height:220px;padding:28px 32px}.teacher-attendance-command .attendance-ops-hero h2{letter-spacing:-.065em;max-width:900px;font-size:clamp(2.4rem,4.4vw,4.8rem);line-height:.94}.teacher-attendance-command .attendance-ops-hero span{max-width:780px;font-size:1rem}.teacher-attendance-command .attendance-ops-actions{align-items:end}.teacher-attendance-command .attendance-calendar-trigger{border-radius:26px;min-height:54px}.teacher-attendance-command .attendance-ops-actions button{border-radius:24px;min-height:54px;padding:0 22px}.teacher-attendance-command .attendance-ops-panel{scroll-margin-top:24px}.edufun-attendance-command,.teacher-attendance-command,.edufun-command-section{z-index:1;margin-top:22px;position:relative;overflow:visible}.edufun-command,.teacher-command-center,.teacher-dashboard-shell{overflow:visible}.edufun-floating-tools,.teacher-floating-tools,.class-command-floating{z-index:50000;position:fixed;bottom:24px;right:24px}@media (width<=760px){.class-settings-locked-grid,.class-settings-form-grid{grid-template-columns:1fr}.class-settings-modal{padding:22px}.class-settings-actions{justify-content:stretch}.class-settings-actions button{width:100%}}.class-settings-backdrop{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:radial-gradient(circle at 12% 15%,#38bdf82e,#0000 34%),radial-gradient(circle at 86% 12%,#f5cd4124,#0000 28%),#020617ad;border:0;position:fixed;inset:0}.class-settings-modal:before{content:"";background:linear-gradient(90deg,#fde68a,#38bdf8,#6366f1);border-radius:34px 34px 0 0;height:5px;position:absolute;inset:0 0 auto;box-shadow:0 0 30px #38bdf885}.class-settings-header p,.class-settings-preview span{color:#fde68a;letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:1000}.class-settings-header h2{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:.98}.class-settings-header span{color:#b9c8dc;margin-top:10px;font-weight:800;display:block}.class-settings-locked-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.class-settings-locked-grid div,.class-settings-preview{background:#0f172aa8;border:1px solid #93c5fd29;border-radius:20px;min-width:0;padding:14px}.class-settings-locked-grid small{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.class-settings-locked-grid strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.9rem;display:block;overflow:hidden}.class-settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.class-settings-form-grid label{background:#0f172a8f;border:1px solid #93c5fd29;border-radius:22px;gap:8px;padding:14px;display:grid}.class-settings-form-grid label span{color:#bfdbfe;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:1000}.class-settings-form-grid input,.class-settings-form-grid select{color:#fff;background:#020617cc;border:1px solid #93c5fd3d;border-radius:16px;outline:none;width:100%;min-height:48px;padding:0 14px;font-weight:850}.class-settings-form-grid small{color:#91a4bd;font-weight:700;line-height:1.42}.class-settings-preview strong{color:#fff;letter-spacing:-.03em;font-size:1.55rem;display:block}.class-settings-message{color:#bbf7d0;background:#22c55e1f;border:1px solid #86efac42;border-radius:16px;margin-top:14px;padding:12px 14px;font-weight:850}.class-settings-actions button.primary{color:#04111f;background:linear-gradient(135deg,#fde68a,#38bdf8);border-color:#fde68a61;box-shadow:0 18px 36px #38bdf833}@media (width<=760px){.class-settings-locked-grid,.class-settings-form-grid{grid-template-columns:1fr}.class-settings-modal{padding:22px}.class-settings-actions{justify-content:stretch}.class-settings-actions button{width:100%}}.class-settings-overlay{z-index:1000000;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.class-settings-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:radial-gradient(circle at 18% 18%,#38bdf82e,#0000 34%),#020617ad;border:0;position:fixed;inset:0}.class-settings-modal{z-index:1000001;color:#eef6ff;background:radial-gradient(circle at 0 0,#5bc0ff33,#0000 30%),radial-gradient(circle at 100% 0,#f5cd411f,#0000 28%),linear-gradient(145deg,#09142afa,#020617fc);border:1px solid #93c5fd42;border-radius:34px;width:min(860px,96vw);max-height:min(92vh,920px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 42px 120px #000000b8,inset 0 1px #ffffff14}.class-settings-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.class-settings-header p,.class-settings-preview span{color:#fde68a;letter-spacing:.2em;margin:0 0 8px;font-size:.72rem;font-weight:950}.class-settings-header h2{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(1.65rem,3vw,2.6rem)}.class-settings-header span{color:#bfdbfe;margin-top:8px;font-weight:800;line-height:1.45;display:block}.class-settings-header button{color:#fff;cursor:pointer;background:#0f172ac7;border:1px solid #93c5fd47;border-radius:18px;width:52px;height:52px;font-size:1.7rem;font-weight:950}.class-settings-locked-grid,.class-settings-form-grid{gap:14px;display:grid}.class-settings-locked-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.class-settings-locked-grid>div,.class-settings-preview,.class-settings-message{background:#0f172abd;border:1px solid #93c5fd2e;border-radius:20px;padding:14px 16px}.class-settings-locked-grid small,.class-settings-form-grid label span{color:#9fb7d5;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.class-settings-locked-grid strong{color:#fff;word-break:break-word;margin-top:6px;display:block}.class-settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-settings-form-grid label{gap:8px;display:grid}.class-settings-form-grid input,.class-settings-form-grid select{color:#fff;background:#020817d6;border:1px solid #93c5fd3d;border-radius:18px;outline:none;min-height:54px;padding:0 15px;font-weight:850}.class-settings-form-grid input:focus,.class-settings-form-grid select:focus{border-color:#7dd3fcb8;box-shadow:0 0 0 4px #0ea5e924}.class-settings-form-grid small{color:#8ea7c8;line-height:1.35}.class-settings-preview{background:radial-gradient(circle at 0 0,#38bdf82e,#0000 34%),#0f172ac7;margin-top:18px}.class-settings-preview strong{color:#fff;font-size:1.65rem;display:block}.class-settings-preview small{color:#93c5fd;margin-top:6px;font-weight:900;display:block}.class-settings-message{color:#bfdbfe;margin-top:14px;font-weight:850}.class-settings-message.error{color:#fecaca;background:#7f1d1d3d;border-color:#f8717161}.class-settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.class-settings-actions button{color:#fff;cursor:pointer;background:#0f172ad1;border:1px solid #93c5fd42;border-radius:999px;min-height:50px;padding:0 18px;font-weight:950}.class-settings-actions button.primary{color:#04111f;background:linear-gradient(135deg,#d9f99d,#22d3ee,#60a5fa)}.class-settings-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.class-settings-locked-grid,.class-settings-form-grid{grid-template-columns:1fr}.class-settings-header,.class-settings-actions{flex-direction:column}.class-settings-actions button{width:100%}}body:has(.class-settings-overlay) .tools-overlay{pointer-events:none!important}.class-settings-overlay{z-index:2147483600!important;isolation:isolate!important;place-items:center!important;padding:22px!important;display:grid!important;position:fixed!important;inset:0!important}.class-settings-backdrop{z-index:2147483601!important;-webkit-backdrop-filter:blur(12px)!important;width:auto!important;height:auto!important;box-shadow:none!important;cursor:pointer!important;background:radial-gradient(circle at 18% 18%,#38bdf833,#0000 34%),radial-gradient(circle at 84% 12%,#f5cd4129,#0000 30%),#020617c7!important;border:0!important;border-radius:0!important;position:fixed!important;inset:0!important}.class-settings-backdrop:hover{box-shadow:none!important;transform:none!important}.class-settings-modal{z-index:2147483602!important;pointer-events:auto!important;width:min(860px,96vw)!important;max-height:min(92vh,920px)!important;position:relative!important;overflow-y:auto!important}.class-settings-overlay~.tools-overlay{pointer-events:none!important}body:has(.class-settings-overlay) .tools-overlay{pointer-events:none!important}.elite-upgrade-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0;display:grid;position:relative}.elite-upgrade-card{background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee2e), transparent 48%), linear-gradient(145deg, #0f172ad6, #020617b8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #bfdbfe2e;border-radius:28px;min-height:210px;padding:20px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff12}.elite-upgrade-card.identity,.elite-upgrade-card.wide{grid-column:span 2}.elite-upgrade-card>span{color:#04111f;background:linear-gradient(135deg,#fde68a,#22d3ee);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:1000;display:inline-grid;box-shadow:0 18px 34px #22d3ee29}.elite-upgrade-card h3{color:#fff;letter-spacing:-.035em;margin:16px 0 8px;font-size:1.35rem;line-height:1.08}.elite-upgrade-card p{color:#e2efffb8;min-height:74px;margin:0 0 16px;line-height:1.55}.parent-comms-overlay{z-index:2147483600!important}.parent-comms-modal{width:min(980px,100vw - 34px)!important}.message-audience-grid,.mass-message-dashboard,.student-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.message-audience-grid button{border-radius:16px}.communication-form label.full{grid-column:1/-1}.communication-form textarea,.communication-form input,.communication-form select,.class-settings-form-grid textarea{color:#f8fafc;width:100%;font:inherit;resize:vertical;background:#020617b8;border:1px solid #bfdbfe38;border-radius:18px;outline:none;padding:13px 14px;font-weight:750}.parent-preview-panel,.mass-message-dashboard div,.student-signal-grid div,.student-note-card{background:#0206176b;border:1px solid #bfdbfe24;border-radius:22px;padding:16px}.parent-preview-panel span,.mass-message-dashboard small,.student-signal-grid small{color:#bfdbfea3;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:950;display:block}.parent-preview-panel strong,.mass-message-dashboard strong,.student-signal-grid strong{color:#fff;text-transform:capitalize;margin-top:6px;font-size:1.25rem;display:block}.parent-preview-panel small{color:#e2efffa8;margin-top:6px;display:block}.student-drawer-overlay{z-index:2147483500;isolation:isolate;justify-content:flex-end;padding:18px;display:flex;position:fixed;inset:0}.student-drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617ad;border:0;border-radius:0;width:auto;height:auto;position:absolute;inset:0}.student-drawer-backdrop:hover{box-shadow:none!important;transform:none!important}.student-command-drawer{z-index:1;background:radial-gradient(circle at top right, var(--theme-glow,#22d3ee38), transparent 46%), linear-gradient(145deg, #0f172af5, #020617e6);border:1px solid #bfdbfe3d;border-radius:32px;width:min(520px,100vw - 32px);height:calc(100vh - 36px);padding:24px;animation:.22s both slideIn;position:relative;overflow:auto;box-shadow:-28px 0 100px #00000085,inset 0 1px #ffffff1a}.student-command-drawer header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.student-command-drawer header p{color:#fde68a;letter-spacing:.23em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.student-command-drawer header h2{color:#fff;letter-spacing:-.045em;margin:8px 0 4px;font-size:2rem;line-height:1}.student-command-drawer header span{color:#e2efffb3}.student-command-drawer header button{border-radius:16px;width:44px;height:44px;padding:0;font-size:1.5rem}.student-action-stack{gap:10px;margin:18px 0;display:grid}.student-action-stack button{border-radius:16px;justify-content:center}.student-note-card{color:#e2efffb8;gap:8px;line-height:1.55;display:grid}.student-note-card strong{color:#fff}@media (width<=1120px){.elite-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.elite-upgrade-grid,.message-audience-grid,.mass-message-dashboard,.student-signal-grid{grid-template-columns:1fr}.elite-upgrade-card.identity,.elite-upgrade-card.wide{grid-column:span 1}.student-drawer-overlay{padding:10px}.student-command-drawer{width:100%;height:calc(100vh - 20px)}}.elite-upgrade-grid{align-items:stretch}.elite-upgrade-card{flex-direction:column;justify-content:flex-start;min-height:420px;padding:28px 24px;display:flex}.elite-upgrade-card.identity{min-height:420px}.elite-upgrade-card span:first-child{margin-bottom:12px}.elite-upgrade-card h3{margin-top:14px;margin-bottom:8px;font-size:2rem;line-height:1.1}.elite-upgrade-card p{margin-bottom:20px;line-height:1.5}.settings-pill-row{flex-wrap:wrap;gap:10px;margin-top:22px;margin-bottom:18px;display:flex}.settings-pill{border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:700}.settings-course-pill{margin-top:20px;margin-bottom:14px}.settings-divider{margin:18px 0}.settings-action-row{gap:14px;margin-top:12px}.settings-action-row button{height:56px}.settings-links{margin-top:16px}.elite-upgrade-card:not(.identity),.parent-center-card,.oneclick-email-card,.classroom-settings-card{min-height:420px}@media (width>=1400px){.elite-upgrade-card,.elite-upgrade-card.identity{min-height:390px}}.edufun-focus-panel{min-height:160px!important;margin:20px 0 22px!important;padding:22px 28px!important}.focus-copy h2{letter-spacing:-.065em!important;font-size:clamp(2.8rem,4.8vw,4.6rem)!important;line-height:.92!important}.focus-copy>span{font-size:clamp(1rem,1.25vw,1.2rem)!important}.floating-command-dock{right:max(22px, env(safe-area-inset-right))!important;bottom:max(22px, env(safe-area-inset-bottom))!important;justify-items:end!important;gap:0!important;width:auto!important;left:auto!important}.floating-tools-button{border-radius:22px!important;grid-template-columns:1fr!important;place-items:center!important;gap:0!important;width:62px!important;min-width:62px!important;height:62px!important;padding:8px!important;overflow:hidden!important}.floating-tools-button .dock-icon{border-radius:17px!important;width:44px!important;height:44px!important;font-size:1.18rem!important}.floating-tools-button .dock-copy,.floating-tools-button .dock-live,.dock-mini-actions{display:none!important}.floating-tools-button:hover:not(:disabled){transform:translateY(-4px)scale(1.03)!important}@media (width>=1180px){.course-settings-pill-row.compact-pills{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}.course-settings-pill-row .active-course-pill{flex:auto!important;min-width:0!important}.course-settings-pill-row .linked-pill,.course-settings-pill-row .room-pill,.course-settings-pill-row .theme-pill{flex:none!important}}.course-settings-pill-row .settings-pill{min-height:34px!important;padding:0 10px!important;font-size:.8rem!important}.course-settings-pill-row .settings-pill b{width:22px!important;height:22px!important;font-size:.72rem!important}.course-health-pill{letter-spacing:.075em!important;min-height:28px!important;padding:0 10px!important;font-size:.62rem!important}.course-health-pill.connected{box-shadow:0 0 12px #22c55e73,0 0 24px #22c55e40!important}.course-health-pill i{width:8px!important;height:8px!important}.compact-command-actions .settings-blue-button,.refined-command-actions .settings-blue-button{background:linear-gradient(135deg,#5da9ff,#2563eb)!important;box-shadow:0 14px 30px #2563eb38!important}.compact-command-actions .settings-gold-button,.refined-command-actions .settings-gold-button{box-shadow:0 16px 34px #ffb72040!important}.elite-upgrade-card{transition:transform .2s,box-shadow .2s,border-color .2s!important}.elite-upgrade-card:hover{border-color:#7dd3fc6b!important;transform:translateY(-4px)!important;box-shadow:0 30px 80px #00000059,0 0 30px #38bdf826,inset 0 1px #ffffff14!important}@media (width<=820px){.floating-command-dock{justify-items:end!important;width:auto!important;bottom:14px!important;left:auto!important;right:14px!important}.floating-tools-button{width:58px!important;min-width:58px!important;height:58px!important}}.classroom-settings-card,.course-settings-card,.elite-upgrade-card.identity{overflow:visible!important}.course-settings-pill-row,.course-settings-pill-row.compact-pills,.settings-pill-row{flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}.course-settings-pill-row .active-course-pill,.settings-course-pill{flex:1 0 100%!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:100%!important}.course-settings-pill-row .active-course-pill span,.course-settings-pill-row .active-course-pill strong,.course-settings-pill-row .active-course-pill em,.settings-course-pill .settings-pill-text{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.course-settings-pill-row .linked-pill,.course-settings-pill-row .room-pill,.course-settings-pill-row .theme-pill{flex:0 auto!important;min-width:fit-content!important}@media (width>=1180px){.course-settings-pill-row.compact-pills{flex-wrap:wrap!important}.course-settings-pill-row .active-course-pill{flex:1 0 100%!important}}.option-three-course-head{align-items:center!important}.course-title-status{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0;display:flex}.course-title-status strong{color:#f8fafc;letter-spacing:-.025em;font-size:clamp(1.02rem,1.25vw,1.28rem);font-weight:1000}.course-title-status span{color:#86efac;letter-spacing:.08em;text-transform:uppercase;background:#064e3b38;border:1px solid #34d3994d;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.7rem;font-weight:950;display:inline-flex}.option-three-pills{flex-wrap:wrap!important;gap:10px!important;width:100%!important;margin-top:18px!important;display:flex!important}.option-three-pills .settings-pill{flex:0 auto!important;width:auto!important;min-width:fit-content!important;max-width:100%!important}.option-three-pills .linked-pill,.option-three-pills .room-pill,.option-three-pills .theme-pill{flex:0 auto!important}.option-three-pills .active-course-pill{display:none!important}@media (width<=680px){.course-title-status{flex-direction:column;align-items:flex-start}.option-three-pills .settings-pill{flex:100%!important}}.course-ops-actions .settings-direct-button{color:#07111f;background:linear-gradient(135deg,#fef3c7,#fbbf24 52%,#38bdf8);border:0;box-shadow:0 14px 34px #fbbf2433}.class-settings-modal{width:min(1120px,100vw - 34px)}.class-settings-suite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.settings-suite-panel{background:radial-gradient(circle at top right, var(--theme-glow,#38bdf829), transparent 46%), #0206176b;border:1px solid #bfdbfe29;border-radius:24px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.settings-suite-panel.wide{grid-column:1/-1}.settings-suite-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-suite-title>span{color:#07111f;background:linear-gradient(135deg,#fef3c7,#22d3ee);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.settings-suite-title p{color:#fde68a;letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:950}.settings-suite-title h3{color:#fff;letter-spacing:-.02em;margin:3px 0 0;font-size:1.08rem}.expanded-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expanded-settings-grid .full{grid-column:1/-1}.settings-signal-list{gap:10px;display:grid}.settings-signal-list div{background:#0f172a6b;border:1px solid #bfdbfe1f;border-radius:16px;padding:13px}.settings-signal-list strong,.settings-signal-list span{display:block}.settings-signal-list strong{color:#fff;font-size:1.15rem}.settings-signal-list span{color:var(--edufun-muted);margin-top:4px;font-size:.82rem;font-weight:750}.settings-signal-list button{border-radius:16px;width:100%}.enhanced-settings-preview{gap:8px;display:grid}.settings-preview-row{border-top:1px solid #bfdbfe24;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin-top:8px;padding-top:10px;display:grid}.settings-preview-row b{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.settings-preview-row em{color:#e0f2fe;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}@media (width<=860px){.class-settings-suite-grid,.expanded-settings-grid{grid-template-columns:1fr}}.class-grade-badges{flex-wrap:wrap;align-items:center;gap:8px;margin:9px 0 4px;display:flex}.grade-stage,.grade-level{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.7rem;font-weight:950;line-height:1;display:inline-flex}.grade-stage{color:#67e8f9;background:#22d3ee24;border:1px solid #22d3ee59;box-shadow:inset 0 1px #ffffff0f}.grade-stage-primary{color:#bbf7d0;background:#064e3b57;border-color:#34d3995c}.grade-stage-middle{color:#c4b5fd;background:#4c1d954d;border-color:#a78bfa61}.grade-stage-high{color:#fde68a;background:#78350f47;border-color:#fbbf2466}.grade-level{color:#fef3c7;background:#fbbf241f;border:1px solid #fbbf2452}.course-ops-top .class-grade-badges,.class-card-title .class-grade-badges{margin-top:8px}.tools-snapshot{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=720px){.grade-stage,.grade-level{padding:6px 9px;font-size:.66rem}.tools-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}.sync-status{flex-direction:column;gap:5px;margin:8px 0 4px;display:flex}.sync-status-row{flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem;display:flex}.sync-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;min-width:48px;font-weight:700}.sync-badge{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:#94a3b82e;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.sync-badge.success{color:#34d399;background:#34d3992e}.sync-badge.error{color:#fb7185;background:#fb71852e}.sync-badge.pending{color:#fbbf24;background:#fbbf242e}.sync-time{color:#64748b;font-size:.7rem}.sync-error{color:#fb7185;width:100%;margin-top:2px;font-size:.7rem}.sync-btn{padding:7px 11px!important;font-size:.78rem!important}.sync-btn.roster{color:#34d399;border-color:#34d39959}.sync-btn.roster:hover:not(:disabled){background:#34d3991f;border-color:#34d399}.sync-btn.content{color:#60a5fa;border-color:#60a5fa59}.sync-btn.content:hover:not(:disabled){background:#60a5fa1f;border-color:#60a5fa}.sync-all-btn{color:#a78bfa;border-color:#a78bfa66}.sync-all-btn:hover:not(:disabled){background:#a78bfa1f;border-color:#a78bfa}.sync-all-summary{background:#34d39914;border:1px solid #34d39938;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:10px;padding:10px 14px;font-size:.82rem;display:flex}.sync-all-summary strong{color:#34d399;font-weight:900}.sync-all-summary span{color:#94a3b8}.sync-all-errors{color:#fb7185;width:100%;margin:4px 0 0;padding-left:16px;font-size:.75rem;list-style:outside}.metric-card.sync-metric{border-color:#a78bfa33}.metric-card.sync-metric span{color:#a78bfa}.metric-card.sync-health-metric.healthy{border-color:#34d39940}.metric-card.sync-health-metric.healthy strong{color:#34d399}.metric-card.sync-health-metric.partial{border-color:#fbbf2440}.metric-card.sync-health-metric.partial strong{color:#fbbf24}.disconnect-google-btn{color:#fb7185;border-color:#fb718559}.disconnect-google-btn:hover:not(:disabled){background:#fb71851a;border-color:#fb7185}.disconnect-confirm{background:#7f1d1d38;border:1px solid #fb71854d;border-radius:10px;margin-top:10px;padding:12px 16px}.disconnect-warning{color:#fca5a5;margin:0 0 10px;font-size:.84rem;font-weight:600}.disconnect-confirm-actions{flex-wrap:wrap;gap:10px;display:flex}.td-activity-results-section{background:var(--edufun-card);border:1px solid var(--edufun-border);border-radius:16px;margin:18px 0;padding:20px 22px}.td-ar-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.td-ar-eyebrow{letter-spacing:.1em;color:var(--edufun-muted);text-transform:uppercase;margin:0 0 2px;font-size:.67rem;font-weight:800}.td-ar-header h3{color:var(--edufun-text);margin:0;font-size:1rem;font-weight:700}.td-ar-updated{color:var(--edufun-muted);margin-top:2px;font-size:.72rem;display:block}.td-ar-refresh-btn{border:1px solid var(--edufun-border);color:var(--edufun-muted);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:.78rem;transition:background .15s,color .15s}.td-ar-refresh-btn:hover:not(:disabled){color:var(--edufun-text);background:#ffffff12}.td-ar-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.td-ar-loading,.td-ar-empty{text-align:center;color:var(--edufun-muted);padding:20px;font-size:.86rem}.td-ar-table-wrap{overflow-x:auto}.td-ar-table{border-collapse:collapse;width:100%;font-size:.84rem}.td-ar-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--edufun-muted);border-bottom:1px solid var(--edufun-border);padding:6px 10px;font-size:.67rem;font-weight:800}.td-ar-table td{color:var(--edufun-text);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:8px 10px}.td-ar-table tr:last-child td{border-bottom:none}.td-ar-row--low td{background:#fbbf240f}.td-ar-name{font-weight:600}.td-ar-badge-r{color:#a5b4fc;vertical-align:middle;background:#6366f140;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.65rem;font-weight:800;display:inline-block}.td-ar-unit{color:var(--edufun-muted);margin-left:2px;font-size:.72rem}.td-ar-acc{font-weight:700}.td-ar-acc--low{color:var(--edufun-amber)}.td-ar-chip{color:var(--edufun-muted);background:#ffffff12;border-radius:999px;margin-right:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.td-ar-chip--done{color:#6ee7b7;background:#34d39926}.td-ar-chip--support{color:var(--edufun-amber);background:#fbbf242e}.student-command-center{color:#eaf2ff;background:radial-gradient(circle at 8% 8%,#2463eb38,#0000 34%),radial-gradient(circle at 94% 8%,#facc1526,#0000 30%),linear-gradient(135deg,#020617 0%,#061225 48%,#020617 100%);min-height:100vh;padding:34px;position:relative;overflow:hidden}.student-bg-orb{filter:blur(16px);opacity:.36;pointer-events:none;border-radius:50%;width:380px;height:380px;position:fixed}.student-orb-one{background:radial-gradient(circle,#38bdf873,#0000 62%);top:80px;left:-130px}.student-orb-two{background:radial-gradient(circle,#facc1559,#0000 64%);top:210px;right:-140px}.student-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f172ad1,#020617c7);border:1px solid #94a3b82e;position:relative;box-shadow:0 28px 90px #00000057,inset 0 1px #ffffff0f}.student-mission-hero{border-radius:28px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:16px;padding:18px;display:grid}.student-mission-copy{align-content:center;gap:7px;display:grid}.student-eyebrow,.student-section-heading p{color:#fde68a;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.student-mission-copy h1{color:#fff;letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,2.6vw,2.6rem);line-height:1}.student-mission-copy>span{color:#bfdbfe;background:#2563eb24;border:1px solid #60a5fa38;border-radius:999px;width:fit-content;padding:8px 13px;font-weight:850}.student-today-summary{flex-wrap:wrap;gap:6px;margin:6px 0 2px;display:flex}.student-today-summary article{background:#02061775;border:1px solid #94a3b824;border-radius:12px;align-items:center;gap:7px;min-height:0;padding:7px 12px;display:flex}.student-today-summary b{color:#fff;font-size:.95rem;font-weight:800;line-height:1}.student-today-summary span{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:800;line-height:1}.student-hero-actions,.student-focus-actions,.student-card-actions,.student-live-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.student-hero-actions button,.student-focus-actions button,.student-card-actions button,.student-live-actions button,.student-mission-card button,.student-tabbar button,.student-backpack-grid button,.student-mood-grid button,.student-ai-card button{cursor:pointer;border:1px solid #94a3b82e;border-radius:14px;min-height:44px;padding:0 16px;font-weight:950;transition:transform .18s,filter .18s,opacity .18s}.student-hero-actions button:hover:not(:disabled),.student-focus-actions button:hover:not(:disabled),.student-card-actions button:hover:not(:disabled),.student-live-actions button:hover:not(:disabled),.student-mission-card button:hover,.student-tabbar button:hover,.student-backpack-grid button:hover,.student-mood-grid button:hover,.student-ai-card button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}button:disabled{opacity:.48;cursor:not-allowed}.student-primary-btn,.student-mission-card button,.student-ai-card button{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c);box-shadow:0 16px 34px #ffb72038}.student-blue-btn,.student-live-actions .blue,.student-card-actions .blue{color:#fff;background:linear-gradient(135deg,#73d5ff,#2f87ff 55%,#1454ff);box-shadow:0 16px 34px #1f7dff3d}.student-live-actions .green,.student-card-actions .green{color:#fff;background:linear-gradient(135deg,#4ade80,#16a34a 55%,#166534);box-shadow:0 16px 34px #16a34a3d}.student-soft-btn{color:#eaf2ff;background:#ffffff0b}.student-player-card{text-align:center;background:radial-gradient(circle at 50% 10%,#38bdf833,#0000 42%),#0206178a;border:1px solid #94a3b824;border-radius:22px;align-content:center;justify-items:center;gap:6px;padding:16px;display:grid}.student-live-pill{color:#fde68a;letter-spacing:.1em;background:#facc151a;border:1px solid #facc1538;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:.72rem;font-weight:950;display:inline-flex}.student-live-pill.on{color:#86efac;background:#22c55e21;border-color:#22c55e42}.student-live-pill i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px}.student-main-emblem{background:radial-gradient(circle at 34% 26%,#fff1a02e,#0000 48%),#ffd6590f;border:1px solid #ffd65966;border-radius:30px;place-items:center;width:92px;height:92px;font-size:2.6rem;display:grid}.student-player-card small,.student-class-title small,.student-live-card small,.student-mission-card small,.student-focus-area small{color:#93c5fd;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900}.student-player-card h2{color:#fff;margin:0;line-height:1.05}.student-player-card p{color:#e2e8f0b3;margin:0}.student-level-block{background:#0f172a94;border:1px solid #94a3b829;border-radius:20px;gap:9px;width:100%;padding:14px;display:grid}.student-level-block div{justify-content:space-between;gap:10px;display:flex}.student-level-block strong{color:#fff}.student-level-block span{color:#94a3b8;font-size:.85rem}.student-level-block i,.student-skill-row i{background:#94a3b82e;border-radius:999px;height:10px;display:block;overflow:hidden}.student-level-block em,.student-skill-row em{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#facc15);height:100%;display:block}.student-alert{border-radius:18px;margin:18px 0 0;padding:14px 18px;font-weight:850}.student-alert.error{color:#fecaca;background:#7f1d1d47;border:1px solid #f8717140}.student-alert.info{color:#bfdbfe;background:#1e40af38;border:1px solid #60a5fa38}.student-tabbar{border-radius:24px;flex-wrap:wrap;gap:10px;margin:18px 0;padding:10px;display:flex}.student-tabbar button{color:#cbd5e1;background:#ffffff0b}.student-tabbar button.active{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c)}.student-tabbar button span{margin-right:8px}.student-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.student-stat-card{border-radius:18px;align-items:center;gap:10px;min-height:68px;padding:12px 14px;display:flex}.student-stat-card>span{background:#38bdf81f;border-radius:14px;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.student-stat-card strong{color:#fff;font-size:1.25rem;line-height:1;display:block}.student-stat-card small{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.student-home-grid,.student-ai-grid,.student-portfolio-grid,.student-future-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;margin-bottom:18px;display:grid}.student-panel{border-radius:28px;padding:22px}.student-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.student-section-heading h2{color:#fff;margin:4px 0 0;font-size:1.45rem}.student-section-heading>span{color:#fde68a;background:#facc1514;border:1px solid #facc1538;border-radius:999px;padding:7px 11px;font-weight:950}.student-empty{text-align:center;color:#94a3b8;border:1px dashed #94a3b83d;border-radius:22px;place-items:center;gap:7px;min-height:160px;padding:24px;display:grid}.student-empty.compact{min-height:120px}.student-empty strong{color:#fff;font-size:1.05rem}.student-mission-list,.student-live-stack,.student-focus-area-list,.student-skill-list,.student-feed-list,.student-career-list{gap:12px;display:grid}.student-mission-card,.student-live-card,.student-focus-area,.student-feed-card{background:#02061775;border:1px solid #94a3b829;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.student-mission-icon,.student-live-icon,.student-class-icon,.student-ai-orb,.student-feed-card>div{background:#3b82f61f;border:1px solid #60a5fa29;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.45rem;display:grid}.student-mission-card strong,.student-live-card strong,.student-focus-area strong,.student-feed-card strong{color:#fff;display:block}.student-mission-card span,.student-live-card span,.student-focus-area span,.student-feed-card span{color:#94a3b8;font-size:.9rem}.student-feed-card small{color:#fde68a;font-weight:900}.student-live-card{background:radial-gradient(circle at 0 0,#22c55e1f,#0000 40%),#02061775;border-color:#22c55e38}.student-mood-grid,.student-backpack-grid,.student-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-mood-grid button,.student-backpack-grid button,.student-badge-grid div{color:#eaf2ff;background:#02061775;border:1px solid #94a3b829;border-radius:22px;place-items:center;gap:6px;min-height:112px;display:grid}.student-mood-grid button.active{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c)}.student-mood-grid span,.student-backpack-grid span,.student-badge-grid span{font-size:2rem}.student-backpack-grid strong{color:#fff;font-size:1.65rem}.student-backpack-grid small{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.student-badge-grid b{color:#fff}.student-ai-note{color:#94a3b8;background:#0f172a8f;border:1px solid #94a3b824;border-radius:18px;gap:5px;margin-top:14px;padding:14px;display:grid}.student-ai-note b{color:#fff}.student-ai-card{background:radial-gradient(circle at 0 0,#a855f729,#0000 42%),#02061775;border:1px solid #a855f72e;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:16px;margin-bottom:14px;padding:18px;display:grid}.student-ai-orb{border-radius:24px;width:72px;height:72px;font-size:2.1rem}.student-ai-card h3{color:#fff;margin:0 0 7px;line-height:1.2}.student-ai-card p{color:#94a3b8;margin:0 0 14px;line-height:1.5}.student-focus-area b{color:#fde68a;font-size:1.25rem}.student-skill-row{background:#02061770;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.student-skill-row>span{font-size:1.5rem}.student-skill-row b{color:#fff;margin-bottom:7px;display:block}.student-skill-row strong{color:#fde68a}.student-class-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;display:grid}.student-class-card{cursor:pointer;background:radial-gradient(circle at 5% 5%,#3b82f624,#0000 42%),#0206178a;border:1px solid #94a3b829;border-radius:26px;gap:16px;min-height:300px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.student-class-card:hover,.student-class-card.selected{border-color:#facc1561;transform:translateY(-3px);box-shadow:0 24px 60px #00000047}.student-class-card-top{justify-content:space-between;gap:10px;display:flex}.student-badge{color:#fde68a;letter-spacing:.09em;text-transform:uppercase;background:#facc151a;border:1px solid #facc1529;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.66rem;font-weight:950;display:inline-flex}.student-badge.live{color:#86efac;background:#22c55e1f;border-color:#22c55e3d}.student-badge.soft{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa29}.student-class-title{align-items:center;gap:14px;display:flex}.student-class-title h3{color:#fff;margin:2px 0;line-height:1.05}.student-class-title p{color:#94a3b8;margin:0;font-size:.9rem}.student-class-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.student-class-meta span{color:#eaf2ff;background:#0f172aa3;border:1px solid #94a3b824;border-radius:16px;gap:3px;min-width:0;padding:12px;display:grid}.student-class-meta b{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;font-size:.64rem}.student-card-actions{margin-top:auto}.student-journey-line{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.student-journey-step{text-align:center;background:#02061770;border:1px solid #94a3b824;border-radius:20px;justify-items:center;gap:8px;padding:16px 10px;display:grid}.student-journey-step i{background:#475569;border-radius:50%;width:18px;height:18px}.student-journey-step.complete i{background:#22c55e;box-shadow:0 0 18px #22c55e8c}.student-journey-step.current{border-color:#facc1557}.student-journey-step.current i{background:#facc15;box-shadow:0 0 18px #facc158c}.student-journey-step strong,.student-career-list b{color:#fff}.student-journey-step small,.student-career-list small{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.student-career-list div{background:#02061770;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.student-career-list span{font-size:1.6rem}.student-theme-purple{background:radial-gradient(circle at 5% 5%,#a855f72e,#0000 42%),#0206178a}.student-theme-teal{background:radial-gradient(circle at 5% 5%,#14b8a62e,#0000 42%),#0206178a}.student-theme-emerald{background:radial-gradient(circle at 5% 5%,#10b9812e,#0000 42%),#0206178a}.student-theme-amber{background:radial-gradient(circle at 5% 5%,#f59e0b2e,#0000 42%),#0206178a}.student-theme-rose{background:radial-gradient(circle at 5% 5%,#f43f5e2e,#0000 42%),#0206178a}.student-theme-cyan{background:radial-gradient(circle at 5% 5%,#06b6d42e,#0000 42%),#0206178a}.student-theme-indigo{background:radial-gradient(circle at 5% 5%,#6366f12e,#0000 42%),#0206178a}@media (width<=1280px){.student-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-journey-line{grid-template-columns:repeat(3,minmax(0,1fr))}.student-today-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.student-mission-hero,.student-home-grid,.student-ai-grid,.student-portfolio-grid,.student-future-grid{grid-template-columns:1fr}.student-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.student-command-center{padding:18px}.student-mission-hero,.student-panel{border-radius:24px;padding:18px}.student-stats-grid,.student-class-grid,.student-class-meta,.student-backpack-grid,.student-badge-grid,.student-mood-grid,.student-journey-line,.student-today-summary{grid-template-columns:1fr}.student-live-card,.student-mission-card,.student-focus-area,.student-ai-card,.student-feed-card{text-align:center;grid-template-columns:1fr;justify-items:center}.student-mission-copy h1{font-size:2.4rem}}.student-mode-line{color:#e2e8f073;max-width:760px;margin:0;font-size:.88rem;line-height:1.5}.student-stage-primary{background:radial-gradient(circle at 8% 8%,#38bdf83d,#0000 34%),radial-gradient(circle at 94% 8%,#f472b62e,#0000 30%),linear-gradient(135deg,#07111f 0%,#0b1b34 48%,#03101e 100%)}.student-stage-middle{background:radial-gradient(circle at 8% 8%,#14b8a638,#0000 34%),radial-gradient(circle at 94% 8%,#facc1524,#0000 30%),linear-gradient(135deg,#04111b 0%,#082030 48%,#020617 100%)}.student-stage-high{background:radial-gradient(circle at 8% 8%,#4f46e540,#0000 34%),radial-gradient(circle at 94% 8%,#38bdf829,#0000 30%),linear-gradient(135deg,#020617 0%,#0f172a 48%,#111827 100%)}.student-stage-short-course{background:radial-gradient(circle at 8% 8%,#f59e0b33,#0000 34%),radial-gradient(circle at 94% 8%,#22c55e29,#0000 30%),linear-gradient(135deg,#120b03 0%,#1e1b12 48%,#020617 100%)}.student-stage-ribbon{background:#02061770;border:1px solid #facc1538;border-radius:18px;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-top:2px;padding:10px 12px;display:flex}.student-stage-ribbon>span{background:#facc151f;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.student-stage-ribbon b,.student-grade-stage-pill b{color:#fff;display:block}.student-stage-ribbon small,.student-grade-stage-pill span{color:#93c5fd;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:900;display:block}.student-stage-ribbon strong{color:#061324;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c);border-radius:999px;margin-left:auto;padding:7px 10px;font-size:.72rem}.student-grade-stage-pill{background:#0f172a94;border:1px solid #60a5fa29;border-radius:18px;gap:4px;width:100%;padding:12px 14px;display:grid}.student-identity-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(360px,.9fr);gap:16px;margin:18px 0;display:grid}.student-identity-card,.student-attendance-ring{border-radius:26px;align-items:center;gap:14px;min-height:126px;padding:18px;display:flex}.student-identity-card>span{background:#38bdf81f;border:1px solid #60a5fa29;border-radius:20px;flex:none;place-items:center;width:58px;height:58px;font-size:1.75rem;display:grid}.student-identity-card small,.student-attendance-ring small{color:#fde68a;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:950}.student-identity-card strong{color:#fff;margin:4px 0;font-size:1.16rem;display:block}.student-identity-card p,.student-attendance-ring p{color:#94a3b8;margin:0;line-height:1.35}.student-attendance-ring{justify-content:flex-start}.student-ring{--value:0%;background:radial-gradient(circle at center, #061324 58%, transparent 59%), conic-gradient(#facc15 var(--value), #94a3b82e 0);border:1px solid #facc1538;border-radius:50%;flex:none;place-items:center;width:78px;height:78px;display:grid}.student-ring strong{color:#fff;font-size:1rem}.student-attendance-ring b{color:#fff;margin:4px 0;display:block}.student-learning-timeline{gap:10px;margin-top:16px;display:grid}.student-learning-timeline article{background:#0206176b;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:12px;padding:13px;display:grid}.student-learning-timeline span{color:#061324;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c);border-radius:999px;place-items:center;min-height:34px;font-size:.78rem;font-weight:950;display:inline-grid}.student-learning-timeline strong{color:#fff}.student-learning-timeline p{color:#94a3b8;margin:3px 0 0}.student-stage-primary .student-player-card,.student-stage-primary .student-glass{border-color:#38bdf833}.student-stage-high .student-player-card,.student-stage-high .student-glass{border-color:#818cf833}.student-stage-short-course .student-player-card,.student-stage-short-course .student-glass{border-color:#facc1530}@media (width<=1180px){.student-identity-strip{grid-template-columns:1fr}}@media (width<=760px){.student-stage-ribbon,.student-identity-card,.student-attendance-ring{text-align:center;flex-direction:column;justify-content:center;width:100%}.student-learning-timeline article{text-align:center;grid-template-columns:1fr}}.student-age-aware-panel{border-radius:30px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:18px;margin:18px 0;padding:20px;display:grid;overflow:hidden}.student-age-aware-copy{background:#0206176b;border:1px solid #94a3b824;border-radius:24px;align-content:center;gap:8px;padding:18px;display:grid}.student-age-aware-copy p{color:#fde68a;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:950}.student-age-aware-copy h2{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(1.65rem,2.4vw,2.6rem);line-height:.96}.student-age-aware-copy span{color:#e2e8f0c2;line-height:1.45}.student-age-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.student-age-feature-grid article{background:#02061775;border:1px solid #94a3b824;border-radius:24px;align-content:start;gap:10px;min-height:150px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0d}.student-age-feature-grid article>div{background:#38bdf81f;border:1px solid #60a5fa29;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.55rem;display:grid}.student-age-feature-grid strong{color:#fff;font-size:1rem;line-height:1.15}.student-age-feature-grid span{color:#94a3b8;font-size:.88rem;line-height:1.35}.student-age-early_primary .student-age-feature-grid article>div,.student-age-upper_primary .student-age-feature-grid article>div{background:#f472b624;border-color:#f472b62e}.student-age-middle_school .student-age-feature-grid article>div{background:#14b8a624;border-color:#14b8a62e}.student-age-high_school .student-age-feature-grid article>div{background:#818cf826;border-color:#818cf833}.student-age-short_course .student-age-feature-grid article>div{background:#facc151f;border-color:#facc152e}@media (width<=1180px){.student-age-aware-panel{grid-template-columns:1fr}.student-age-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.student-age-feature-grid{grid-template-columns:1fr}}.student-scores-section{padding:18px 0}.student-scores-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.student-scores-eyebrow{letter-spacing:.1em;opacity:.55;text-transform:uppercase;margin:0 0 2px;font-size:.67rem;font-weight:800}.student-scores-header h2{margin:0;font-size:1.5rem;font-weight:800}.student-scores-refresh{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;flex-shrink:0;padding:7px 16px;font-size:.78rem;transition:background .15s,color .15s}.student-scores-refresh:hover:not(:disabled){color:#fff;background:#ffffff14}.student-scores-refresh:disabled{opacity:.45;cursor:not-allowed}.student-scores-loading,.student-scores-empty{text-align:center;opacity:.6;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:.9rem;display:flex}.student-scores-empty span{font-size:2.4rem}.student-score-card{border:1px solid #ffffff1a;border-radius:16px;margin-bottom:14px;padding:18px 20px}.student-score-card--low{background:#fbbf240d;border-color:#fbbf244d}.student-score-activity{align-items:center;gap:10px;margin-bottom:14px;display:flex}.student-score-icon{font-size:1.5rem}.student-score-activity strong{font-size:.95rem;font-weight:700;display:block}.student-score-activity small{opacity:.55;font-size:.72rem}.student-score-badge-r{color:#a5b4fc;background:#6366f133;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.7rem;font-weight:700}.student-score-numbers{gap:20px;display:flex}.student-score-num{flex-direction:column;align-items:center;min-width:64px;display:flex}.student-score-num span{font-size:1.6rem;font-weight:800;line-height:1}.student-score-num small{opacity:.55;text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:.68rem}.student-score-num--low span{color:#fbbf24}.student-score-encourage{color:#fbbf24;background:#fbbf241a;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.8rem}.slr-table-wrap{margin-top:4px;overflow-x:auto}.slr-table{border-collapse:collapse;width:100%;font-size:13px}.slr-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:0 8px 10px 0;font-size:10px;font-weight:700}.slr-table tbody tr{border-top:1px solid #ffffff0a}.slr-table tbody tr:hover{background:#ffffff05}.slr-table td{color:#cbd5e1;vertical-align:middle;padding:10px 8px 10px 0}.slr-td-title{color:#e2e8f0;font-weight:500}.slr-row--low{background:#f8717108!important}.slr-badge{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.slr-badge--pass{color:#4ade80;background:#4ade801f}.slr-badge--support{color:#facc15;background:#facc151f}.slr-answers-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #6366f166;border-radius:5px;padding:3px 10px;font-size:11px}.slr-answers-btn:hover{background:#6366f11f}@keyframes hero-border-glow{0%,to{opacity:.45;filter:blur(1px)}50%{opacity:.9;filter:blur(2.5px)}}@keyframes emblem-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes live-ring-pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes cta-glow-pulse{0%,to{box-shadow:0 14px 36px #ffb7204d}50%{box-shadow:0 22px 52px #ffb7208c,0 0 0 4px #ffb72014}}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(24px,-18px)scale(1.06)}66%{transform:translate(-16px,10px)scale(.97)}}.student-mission-hero{isolation:isolate;border:1px solid #facc1538;box-shadow:0 48px 120px #0000008c,0 0 80px #facc150f,inset 0 1px #ffffff12}.student-mission-hero:before{content:"";pointer-events:none;z-index:-1;opacity:.52;background:linear-gradient(130deg,#38bdf8 0%,#facc15 35%,#a855f7 70%,#38bdf8 100%);border-radius:36px;animation:5s ease-in-out infinite hero-border-glow;position:absolute;inset:-2px}.student-mission-copy,.student-player-card{z-index:1;position:relative}.student-orb-one{animation:14s ease-in-out infinite orb-drift}.student-orb-two{animation:18s ease-in-out infinite reverse orb-drift}.student-cta-main{letter-spacing:.01em;width:100%;animation:3s ease-in-out infinite cta-glow-pulse;display:block;border-radius:22px!important;min-height:60px!important;font-size:1.05rem!important;font-weight:950!important}.student-cta-row{gap:10px;margin-top:10px;display:flex}.student-cta-row>button{flex:1;border-radius:14px!important;min-height:42px!important;padding:0 14px!important;font-size:.88rem!important}.student-main-emblem{animation:4.5s ease-in-out infinite emblem-float;box-shadow:0 0 0 1px #ffd65940,0 0 32px #ffd6592e,0 18px 44px #0000006b}.student-live-pill.on{animation:2.2s ease-out infinite live-ring-pulse}.student-player-card{background:radial-gradient(at 50% 0,#38bdf838 0%,#0000 58%),#0206179e;border:1px solid #38bdf838;box-shadow:0 0 48px #38bdf812,inset 0 1px #ffffff14}.student-stats-grid{flex-wrap:wrap;gap:10px;margin:14px 0 18px;display:flex}.student-stat-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1224cc;border:1px solid #94a3b829;border-radius:999px;flex:auto;align-items:center;gap:10px;min-width:130px;min-height:52px;padding:10px 18px;transition:transform .18s,border-color .2s;display:flex;box-shadow:0 4px 18px #00000038}.student-stat-card:hover{border-color:#facc1542;transform:translateY(-2px)}.student-stat-card>span{background:#38bdf81f;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.95rem;display:grid}.student-stat-card strong{color:#fff;font-size:1.1rem;font-weight:800;line-height:1;display:block}.student-stat-card small{color:#64748b;text-transform:uppercase;letter-spacing:.13em;margin-top:2px;font-size:.62rem;font-weight:800;display:block}.student-tabbar{z-index:20;scrollbar-width:none;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#070d1ce6;border:1px solid #ffffff12;border-radius:999px;flex-wrap:nowrap;justify-content:center;gap:4px;margin:16px 0 22px;padding:5px 6px;display:flex;position:sticky;top:10px;overflow-x:auto;box-shadow:0 24px 64px #00000080,0 0 0 1px #facc150f}.student-tabbar::-webkit-scrollbar{display:none}.student-tabbar button{color:#94a3b8b8;white-space:nowrap;letter-spacing:.01em;background:0 0;flex-shrink:0;transition:color .18s,background .18s;border:none!important;border-radius:999px!important;min-height:38px!important;padding:0 20px!important;font-size:.84rem!important;font-weight:700!important}.student-tabbar button.active{color:#061324!important;background:linear-gradient(135deg,#fff3a8,#ffbd28 55%,#ff9f1c)!important;box-shadow:0 4px 20px #ffb72061!important}.student-tabbar button:hover:not(.active){color:#ffffffe6;filter:none;transform:none;background:#ffffff0f!important}.student-quest-card{position:relative;background:#0206178f!important;border-left:3px solid #facc158c!important;transition:transform .18s,border-color .2s,box-shadow .2s!important}.student-quest-card:hover{border-left-color:#facc15!important;transform:translate(4px)!important;box-shadow:-4px 0 28px #facc1521!important}.student-quest-card.quest--live{background:radial-gradient(circle at 0%,#22c55e14,#0000 48%),#0206178f!important;border-left-color:#22c55eb3!important}.student-quest-card.quest--live:hover{border-left-color:#22c55e!important;box-shadow:-4px 0 28px #22c55e29!important}.student-live-card{transition:transform .18s,box-shadow .18s}.student-live-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #22c55e24}.student-section-heading h2{letter-spacing:-.025em;font-size:1.18rem;font-weight:800}.student-eyebrow,.student-section-heading p{letter-spacing:.2em;font-size:.68rem}.student-empty{background:#02061752;border:1px dashed #94a3b829}.student-empty strong{color:#ffffffbf}.student-empty span{opacity:.6;font-size:.84rem}@media (width<=760px){.student-stats-grid{gap:8px}.student-stat-card{border-radius:18px;min-width:calc(50% - 4px)}.student-tabbar{border-radius:20px;justify-content:flex-start}.student-cta-main{min-height:52px!important;font-size:.97rem!important}}@media (width<=480px){.student-stat-card{min-width:calc(50% - 4px);min-height:48px;padding:8px 12px}.student-stats-grid{margin:10px 0 14px}}.student-class-strip{margin:12px 0 2px}.student-class-strip-label{letter-spacing:.2em;text-transform:uppercase;color:#fde68a;opacity:.8;margin:0 0 10px 4px;font-size:.64rem;font-weight:900}.student-class-strip-row{scrollbar-width:none;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.student-class-strip-row::-webkit-scrollbar{display:none}.student-class-chip{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1224b8;border:1px solid #94a3b829;border-radius:20px;flex-shrink:0;align-items:center;gap:12px;min-width:210px;max-width:280px;padding:14px 18px;transition:transform .18s,border-color .22s,box-shadow .22s,background .22s;display:flex}.student-class-chip:hover{border-color:#facc1559;transform:translateY(-3px);box-shadow:0 10px 32px #0000004d}.student-class-chip.selected{background:linear-gradient(135deg,#facc1514,#facc1508);border-color:#facc15a6;box-shadow:0 0 0 1px #facc1538,0 10px 36px #facc151f}.student-class-chip.chip--live{background:radial-gradient(circle at 8%,#22c55e1a,#0000 55%),#0a1224b8;border-color:#22c55e66}.student-class-chip.chip--live.selected{background:radial-gradient(circle at 8%,#22c55e24,#0000 55%),#0a1224b8;border-color:#22c55eb8;box-shadow:0 0 0 1px #22c55e38,0 10px 36px #22c55e24}.scc-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.scc-body{flex:1;min-width:0}.scc-body strong{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:750;display:block;overflow:hidden}.scc-body small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.7rem;display:block;overflow:hidden}.student-class-chip.selected .scc-body strong{color:#fef9c3}.scc-live{color:#86efac;letter-spacing:.14em;text-transform:uppercase;background:#22c55e24;border:1px solid #22c55e52;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:.58rem;font-weight:900;animation:2.2s ease-out infinite live-ring-pulse}.scc-badge{color:#fde68a;background:#facc151f;border:1px solid #facc1538;border-radius:999px;flex-shrink:0;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:.7rem;font-weight:900;display:grid}.student-class-chip.selected:after{content:"✓";color:#facc1599;font-size:.65rem;font-weight:900;display:block;position:absolute;top:8px;right:10px}.student-class-chip{position:relative}@media (width<=760px){.student-class-chip{min-width:175px;max-width:230px;padding:12px 14px}.scc-icon{font-size:1.45rem}}@media (width<=480px){.student-class-chip{gap:9px;min-width:155px;padding:10px 12px}.student-class-strip-label{font-size:.6rem}}@keyframes pd-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pd-pop{0%{opacity:0;transform:scale(.5)}65%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes pd-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pd-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pd-pulse-red{0%,to{box-shadow:0 0 #ff3b3040}50%{box-shadow:0 0 0 6px #ff3b3000}}@keyframes pd-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pd-count-in{0%{opacity:0;transform:scale(.7)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.pd-page{background:#f2f2f7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;animation:.3s both pd-fade-in}.pd-nav{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:100;background:#f2f2f7e0;border-bottom:1px solid #3c3c431a;transition:background .2s;position:sticky;top:0}.pd-nav-inner{justify-content:space-between;align-items:center;max-width:860px;height:52px;margin:0 auto;padding:0 1.5rem;display:flex}.pd-nav-brand{align-items:center;gap:.6rem;display:flex}.pd-nav-logo{color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#5856d6,#007aff,#af52de,#5856d6) 0 0/300% 300%;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:900;animation:5s infinite pd-gradient-shift;display:flex}.pd-nav-title{color:#1c1c1e;font-size:.85rem;font-weight:700}.pd-nav-signout{cursor:pointer;color:#007aff;background:0 0;border:none;padding:.3rem 0;font-family:inherit;font-size:.82rem;font-weight:600;transition:opacity .15s}.pd-nav-signout:hover{opacity:.7}.pd-main{max-width:860px;margin:0 auto;padding:1.75rem 1rem 5rem}.pd-hero{flex-wrap:wrap;align-items:center;gap:1.1rem;margin-bottom:2rem;animation:.45s cubic-bezier(.22,1,.36,1) both pd-fade-up;display:flex}.pd-hero-avatar{color:#fff;background:linear-gradient(135deg,#5856d6,#007aff,#34c759,#5856d6) 0 0/300% 300%;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:800;animation:6s infinite pd-gradient-shift;display:flex;box-shadow:0 4px 20px #5856d659}.pd-hero-title{color:#1c1c1e;margin:0;font-size:1.75rem;font-weight:800;line-height:1.15}.pd-hero-meta{color:#8e8e93;margin:.2rem 0 0;font-size:.85rem}.pd-hero-summary{color:#3c3c43;margin:.35rem 0 0;font-size:.82rem;font-weight:600}.pd-hero-action-badge{color:#ff3b30;margin-left:.4rem;font-weight:700}.pd-snapshot-card{margin-bottom:1.75rem;animation:.4s cubic-bezier(.22,1,.36,1) both pd-fade-up}.pd-snapshot-head{border-bottom:1px solid #3c3c431f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.pd-snapshot-head__title{color:#1c1c1e;align-items:center;gap:.4rem;font-size:.95rem;font-weight:800;display:flex}.pd-snapshot-head__icon{opacity:.8;font-size:1rem}.pd-snapshot-controls{flex-wrap:wrap;gap:.5rem;display:flex}.pd-snapshot-search,.pd-snapshot-select{color:#1c1c1e;background:#fff;border:1.5px solid #c7c7cc;border-radius:8px;outline:none;padding:.4rem .65rem;font-family:inherit;font-size:.8rem}.pd-snapshot-body{padding:1.1rem 1.25rem 1.25rem}.pd-snapshot-student{align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.pd-snapshot-connection{color:#34c759;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.78rem;font-weight:600;display:flex}.pd-snapshot-dot{background:#34c759;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pd-snapshot-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.pd-snapshot-stat{text-align:center;background:#f2f2f7;border-radius:14px;padding:.75rem .6rem}.pd-snapshot-stat__value{color:#1c1c1e;margin-bottom:.25rem;font-size:1.35rem;font-weight:800;line-height:1}.pd-snapshot-stat__label{text-transform:uppercase;letter-spacing:.05em;color:#8e8e93;font-size:.62rem;font-weight:700}.pd-snapshot-row{border-top:1px solid #3c3c4314;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.pd-snapshot-row--wrap{align-items:flex-start}.pd-snapshot-row__label{color:#8e8e93;flex-shrink:0;padding-top:.1rem;font-size:.75rem;font-weight:700}.pd-snapshot-row__value{color:#3c3c43;text-align:right;font-size:.83rem}.pd-snapshot-chips{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:.4rem;display:flex}.pd-chip{color:#3c3c43;background:#f2f2f7;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.pd-chip--link{color:#007aff;background:#007aff14;text-decoration:none}.pd-chip--link:hover{opacity:.75}.pd-child-summary{flex-wrap:wrap;align-items:center;gap:1.25rem;padding:0 1.25rem 1.1rem;display:flex}.pd-child-summary__item{flex-direction:column;align-items:center;gap:.15rem;display:flex}.pd-child-summary__item--text{flex:1;align-items:flex-start;min-width:160px}.pd-child-summary__value{color:#1c1c1e;font-size:1.1rem;font-weight:800}.pd-child-summary__label{text-transform:uppercase;letter-spacing:.05em;color:#8e8e93;font-size:.62rem;font-weight:700}.pd-child-summary__text{color:#3c3c43;font-size:.79rem;font-weight:500;line-height:1.4}.pd-section-label{text-transform:uppercase;letter-spacing:.09em;color:#8e8e93;margin:2rem 0 .65rem .25rem;font-size:.68rem;font-weight:700}.pd-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px #0000000a,0 4px 24px #00000014}.pd-card--lift{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.pd-card--lift:hover{transform:translateY(-3px);box-shadow:0 2px #0000000a,0 12px 36px #0000001f}.pd-tiles-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.65rem;display:grid}.pd-tile{text-align:center;border-radius:20px;padding:1.1rem .9rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:.5s cubic-bezier(.22,1,.36,1) both pd-fade-up;box-shadow:0 1px #0000000a,0 4px 24px #00000014}.pd-tile:first-child{animation-delay:0s}.pd-tile:nth-child(2){animation-delay:60ms}.pd-tile:nth-child(3){animation-delay:.12s}.pd-tile:nth-child(4){animation-delay:.18s}.pd-tile:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 2px #0000000a,0 10px 30px #0000001f}.pd-tile-value{margin-bottom:.35rem;font-size:2rem;font-weight:800;line-height:1;animation:.5s cubic-bezier(.22,1,.36,1) .2s both pd-count-in}.pd-tile-label{text-transform:uppercase;letter-spacing:.07em;color:#8e8e93;font-size:.68rem;font-weight:700}.pd-tile-empty-msg{color:#8e8e93;margin-top:.35rem;font-size:.68rem;line-height:1.35}.pd-class-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.pd-class-card{background:#fff;border-radius:20px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;animation:.55s cubic-bezier(.22,1,.36,1) both pd-fade-up;overflow:hidden;box-shadow:0 1px #0000000a,0 4px 24px #00000014}.pd-class-card:first-child{animation-delay:0s}.pd-class-card:nth-child(2){animation-delay:70ms}.pd-class-card:nth-child(3){animation-delay:.14s}.pd-class-card:nth-child(4){animation-delay:.21s}.pd-class-card:hover{transform:translateY(-4px);box-shadow:0 2px #0000000a,0 16px 40px #00000021}.pd-class-card__accent{height:4px;transition:height .2s}.pd-class-card:hover .pd-class-card__accent{height:5px}.pd-class-card__body{padding:1.1rem 1.2rem 1.25rem}.pd-class-card__name{color:#1c1c1e;margin-bottom:.2rem;font-size:1rem;font-weight:700;line-height:1.25}.pd-class-card__teacher{color:#007aff;font-size:.75rem;text-decoration:none;transition:opacity .15s}.pd-class-card__teacher:hover{opacity:.7}.pd-att-block{background:#f2f2f7;border-radius:12px;margin-top:.75rem;padding:.85rem 1rem}.pd-att-dots{flex-wrap:wrap;gap:4px;margin-bottom:.6rem;display:flex}.pd-att-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.35s cubic-bezier(.34,1.56,.64,1) both pd-pop}.pd-att-dot:first-child{animation-delay:0s}.pd-att-dot:nth-child(2){animation-delay:40ms}.pd-att-dot:nth-child(3){animation-delay:80ms}.pd-att-dot:nth-child(4){animation-delay:.12s}.pd-att-dot:nth-child(5){animation-delay:.16s}.pd-att-dot:nth-child(6){animation-delay:.2s}.pd-att-dot:nth-child(7){animation-delay:.24s}.pd-att-dot:nth-child(8){animation-delay:.28s}.pd-att-dot:nth-child(9){animation-delay:.32s}.pd-att-dot:nth-child(10){animation-delay:.36s}.pd-att-dot:nth-child(n+11){animation-delay:.4s}.pd-att-dot--present{background:#34c759}.pd-att-dot--late{background:#ff9500}.pd-att-dot--absent{background:#ff3b30}.pd-att-dot--excused{background:#af52de}.pd-att-dot--unmarked{background:#c7c7cc}.pd-att-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pd-att-stat-group{flex-wrap:wrap;gap:.65rem;display:flex}.pd-att-stat{background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem;font-weight:600}.pd-att-stat--absent{color:#ff3b30;cursor:pointer;text-underline-offset:2px;text-decoration:underline;transition:opacity .15s}.pd-att-stat--absent:hover{opacity:.75}.pd-att-stat--absent-zero{color:#ff3b30;cursor:default}.pd-att-stat--present{color:#34c759}.pd-att-stat--late{color:#ff9500}.pd-att-pct{font-size:1.2rem;font-weight:800;line-height:1;animation:.4s cubic-bezier(.22,1,.36,1) .3s both pd-count-in}.pd-att-pct-small{color:#8e8e93;font-size:.72rem;font-weight:600}.pd-att-empty{text-align:center;color:#8e8e93;padding:.25rem 0;font-size:.8rem;font-weight:500}.pd-att-summary-line{color:#3c3c43;margin-bottom:.6rem;font-size:.83rem;font-weight:600}.pd-att-trend-up{color:#34c759;background:#34c7591a;border-radius:999px;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.pd-att-trend-down{color:#ff3b30;background:#ff3b301a;border-radius:999px;padding:.1rem .4rem;font-size:.68rem;font-weight:700}.pd-absence-list{border-top:1px solid #3c3c431f;margin-top:.65rem;padding-top:.6rem;animation:.25s cubic-bezier(.22,1,.36,1) both pd-slide-down}.pd-absence-list__heading{text-transform:uppercase;letter-spacing:.07em;color:#8e8e93;margin-bottom:.4rem;font-size:.68rem;font-weight:700}.pd-absence-item{background:#ff3b301a;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.3rem;padding:.3rem .55rem;animation:.25s both pd-fade-up;display:flex}.pd-absence-item:first-child{animation-delay:0s}.pd-absence-item:nth-child(2){animation-delay:40ms}.pd-absence-item:nth-child(3){animation-delay:80ms}.pd-absence-item__dot{background:#ff3b30;border-radius:50%;flex-shrink:0;width:7px;height:7px}.pd-absence-item__date{color:#ff3b30;font-size:.8rem;font-weight:600}.pd-student-card{margin-bottom:.85rem;animation:.45s cubic-bezier(.22,1,.36,1) both pd-fade-up}.pd-student-strip{flex-wrap:wrap;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.pd-student-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.pd-student-card:hover .pd-student-avatar{transform:scale(1.08)}.pd-student-name{color:#1c1c1e;font-size:1.05rem;font-weight:700}.pd-student-meta{color:#8e8e93;margin-top:.15rem;font-size:.75rem}.pd-pill{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:.28rem;padding:.22rem .65rem;font-family:inherit;font-size:.75rem;font-weight:700;display:inline-flex}.pd-pill--needs-attention{animation:2.5s ease-in-out infinite pd-pulse-red}.pd-alert-item{border-radius:12px;margin-bottom:.5rem;padding:.85rem 1rem;animation:.35s cubic-bezier(.22,1,.36,1) both pd-fade-up}.pd-alert-item:first-child{animation-delay:0s}.pd-alert-item:nth-child(2){animation-delay:60ms}.pd-content-item{background:#fff;border-radius:12px;margin-bottom:.5rem;padding:.85rem 1rem;transition:transform .18s,box-shadow .18s;animation:.4s cubic-bezier(.22,1,.36,1) both pd-fade-up;box-shadow:0 1px 4px #0000000f}.pd-content-item:hover{transform:translate(2px);box-shadow:0 2px 10px #0000001a}.pd-content-item:first-child{animation-delay:0s}.pd-content-item:nth-child(2){animation-delay:50ms}.pd-content-item:nth-child(3){animation-delay:.1s}.pd-action-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;padding:1.1rem 1.25rem;display:grid}.pd-action-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;padding:.9rem 1rem;font-family:inherit;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),opacity .15s,box-shadow .18s;display:block}.pd-action-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #0000001f}.pd-action-btn:active:not(:disabled){transform:scale(.97)}.pd-action-btn:disabled{cursor:not-allowed;opacity:.45}.pd-pref-intro{color:#8e8e93;margin:0 0 .65rem .25rem;font-size:.83rem}.pd-pref-row{justify-content:space-between;align-items:center;padding:.95rem 1.25rem;transition:background .15s;display:flex}.pd-pref-row:hover{background:#f2f2f799}.pd-alerts-clear{text-align:center;padding:2rem 1.5rem;animation:.4s both pd-fade-in}.pd-alerts-clear__icon{color:#34c759;margin-bottom:.5rem;font-size:1.8rem}.pd-alerts-clear__title{color:#1c1c1e;font-size:.95rem;font-weight:700}.pd-alerts-clear__sub{color:#8e8e93;margin-top:.3rem;font-size:.8rem}.pd-alerts-clear__history{margin-top:.85rem}.pd-alerts-clear__history summary{cursor:pointer;color:#007aff;font-size:.82rem;font-weight:600}.pd-teacher-contact-block{border-top:1px solid #3c3c431f;padding:1rem 1.5rem 1.25rem}.pd-teacher-contact-block__title{color:#1c1c1e;margin-bottom:.65rem;font-size:.85rem;font-weight:700}.pd-teacher-contact-list{flex-direction:column;gap:.5rem;display:flex}.pd-teacher-contact-link{background:#f2f2f7;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;text-decoration:none;transition:background .15s;display:flex}.pd-teacher-contact-link:hover{background:#007aff14}.pd-teacher-contact-link__class{color:#1c1c1e;font-size:.82rem;font-weight:700}.pd-teacher-contact-link__email{color:#007aff;font-size:.78rem}.pd-empty{text-align:center;background:#fff;border-radius:20px;padding:2.25rem 1.5rem;animation:.4s both pd-fade-in;box-shadow:0 1px #0000000a,0 4px 24px #00000014}.pd-empty__icon{opacity:.3;margin-bottom:.6rem;font-size:2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both pd-pop}.pd-empty__msg{color:#3c3c43;margin:0;font-size:.95rem;font-weight:600}.pd-empty__sub{color:#8e8e93;margin:.35rem 0 0;font-size:.8rem;line-height:1.5}.pd-loading{text-align:center;padding:4rem 0;animation:.3s both pd-fade-in}.pd-loading__icon{opacity:.3;margin-bottom:.75rem;font-size:1.5rem;animation:1.5s infinite pd-gradient-shift}.pd-loading__text{color:#8e8e93;font-size:.9rem;font-weight:500}.pd-footer{text-align:center;color:#c7c7cc;margin-top:2.5rem;font-size:.7rem}.pd-error{background:#ff3b3014;border-radius:16px;padding:1.25rem;animation:.3s both pd-fade-up}.pd-error p{color:#ff3b30;margin:0;font-size:.9rem}.pd-section-note{color:#8e8e93;margin:-.35rem 0 .75rem .25rem;font-size:.78rem;line-height:1.45}.pd-coursework-group{margin-bottom:.85rem;padding:1.1rem 1.25rem 1.25rem}.pd-coursework-group__header{border-bottom:1px solid #3c3c431f;margin-bottom:.9rem;padding-bottom:.85rem}.pd-coursework-group__title{color:#1c1c1e;font-size:1rem;font-weight:700;line-height:1.3}.pd-coursework-group__student{color:#8e8e93;font-size:.85rem;font-weight:500}.pd-coursework-group__teacher{color:#007aff;word-break:break-word;margin-top:.2rem;font-size:.78rem;text-decoration:none;display:inline-block}.pd-coursework-group__teacher:hover{opacity:.75}.pd-coursework-group__sync-note{color:#8e8e93;margin-top:.35rem;font-size:.72rem}.pd-coursework-subsection{margin-top:1rem}.pd-coursework-subsection:first-of-type{margin-top:0}.pd-coursework-subsection__title{text-transform:uppercase;letter-spacing:.07em;color:#8e8e93;margin-bottom:.5rem;font-size:.68rem;font-weight:700}.pd-compact-row{border-top:1px solid #3c3c4314;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.5rem .1rem;display:flex}.pd-compact-row:first-child{border-top:none}.pd-compact-row__title{color:#3c3c43;overflow-wrap:anywhere;flex:1;min-width:0;font-size:.84rem}.pd-compact-row__due{color:#8e8e93;white-space:nowrap;flex-shrink:0;font-size:.73rem}.pd-empty-inline{color:#8e8e93;padding:.5rem .1rem;font-size:.8rem}.pd-empty-inline--block{text-align:center;padding:1.1rem .5rem}.pd-view-more-btn{color:#007aff;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.3rem 0;font-family:inherit;font-size:.79rem;font-weight:600;display:inline-block}.pd-view-more-btn:hover{opacity:.75;text-decoration:underline}.pd-announcement-group{margin-bottom:.85rem;padding:1rem 1.25rem 1.15rem}.pd-announcement-group__title{color:#1c1c1e;margin-bottom:.7rem;font-size:.9rem;font-weight:700}.pd-quicklookup-email{color:#8e8e93;word-break:break-word;margin-top:.1rem;font-size:.78rem}.pd-quicklookup-att-pct{color:#8e8e93;font-weight:500}.pd-quicklookup-class-chip{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.4rem .7rem;display:flex}.pd-quicklookup-class-chip__name{color:#1c1c1e;font-weight:700}.pd-quicklookup-class-chip__teacher{color:#007aff;font-size:.7rem}.pd-quicklookup-class-chip__sync{color:#8e8e93;font-size:.68rem}.pd-quicklookup-upcoming-row,.pd-quicklookup-announcement-row{align-items:flex-start}.pd-quicklookup-upcoming-class{color:#8e8e93;font-weight:400}.pd-progress-summary-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin-bottom:.6rem;display:grid}.pd-progress-stat{text-align:center;background:#f2f2f7;border-radius:14px;padding:.75rem .6rem}.pd-progress-stat--average{background:#007aff14}.pd-progress-stat__value{color:#1c1c1e;margin-bottom:.25rem;font-size:1.35rem;font-weight:800;line-height:1}.pd-progress-stat__label{text-transform:uppercase;letter-spacing:.05em;color:#8e8e93;font-size:.62rem;font-weight:700}.pd-progress-stat__sublabel{color:#007aff;margin-top:.25rem;font-size:.62rem;font-weight:600}.pd-course-progress-note{color:#8e8e93;margin:.6rem 0 0;font-size:.71rem;font-style:italic}.pd-progress-info{background:#f2f2f7;border-radius:12px;margin-bottom:.85rem;padding:.75rem .9rem}.pd-progress-info p{color:#3c3c43;margin:0;font-size:.75rem;line-height:1.55}.pd-progress-info p+p{margin-top:.4rem}.pd-progress-info strong{color:#1c1c1e}.pd-progress-table-wrap{border:1px solid #3c3c431a;border-radius:12px;overflow-x:auto}.pd-progress-table{border-collapse:collapse;width:100%;font-size:.78rem}.pd-progress-table thead th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#8e8e93;white-space:nowrap;background:#f2f2f7;border-bottom:1px solid #3c3c431a;padding:.6rem .75rem;font-size:.62rem;font-weight:700}.pd-progress-table tbody tr{border-bottom:1px solid #3c3c4314}.pd-progress-table tbody tr:last-child{border-bottom:none}.pd-progress-table td{color:#3c3c43;vertical-align:middle;padding:.65rem .75rem}.pd-progress-td-course,.pd-progress-avg-value{color:#1c1c1e;font-weight:700}.pd-progress-missing-value{color:#ff9500;font-weight:700}.pd-progress-na{color:#c7c7cc;font-size:.74rem}.pd-progress-cards{display:none}.pd-progress-card{background:#f2f2f7;border-radius:14px;padding:.85rem .95rem}.pd-progress-card+.pd-progress-card{margin-top:.6rem}.pd-progress-card__name{color:#1c1c1e;font-size:.9rem;font-weight:800}.pd-progress-card__teacher{color:#007aff;word-break:break-word;margin-top:.1rem;font-size:.72rem}.pd-progress-card__row{color:#3c3c43;border-top:1px solid #3c3c4314;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.3rem 0;font-size:.78rem;display:flex}.pd-progress-card__row:first-of-type{border-top:none;margin-top:.5rem}.pd-progress-card__row span:first-child{color:#8e8e93;font-weight:600}.pd-progress-card__row span:last-child{color:#1c1c1e;text-align:right;font-weight:700}.pd-progress-card__sublabel{color:#007aff;margin-top:-.15rem;font-size:.66rem;font-weight:600}.pd-progress-card__status{margin-top:.6rem}.pd-quicklookup-actions{border-top:1px solid #3c3c431f;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.55rem;margin-top:1.1rem;padding-top:1rem;display:grid}.pd-quicklookup-action-btn{cursor:pointer;color:#3c3c43;background:#f2f2f7;border:none;border-radius:12px;padding:.7rem .85rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s}.pd-quicklookup-action-btn:hover{background:#e5e5ea;transform:translateY(-1px)}.pd-quicklookup-action-btn--accent{color:#248a3d;background:#34c7591f}.pd-quicklookup-action-btn--accent:hover{background:#34c75933}.pd-modal-backdrop{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;animation:.2s both pd-fade-in;display:flex;position:fixed;inset:0}.pd-modal{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:1.5rem;animation:.25s cubic-bezier(.22,1,.36,1) both pd-fade-up;box-shadow:0 20px 60px #00000040}.pd-modal__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pd-modal__title{color:#1c1c1e;font-size:1.1rem;font-weight:800}.pd-modal__close{color:#8e8e93;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.15rem .4rem;font-size:1.4rem;line-height:1}.pd-modal__close:hover{background:#f2f2f7}.pd-modal__subtext{color:#8e8e93;margin:.5rem 0 0;font-size:.85rem}.pd-modal__field{color:#3c3c43;flex-direction:column;gap:.35rem;margin-top:1rem;font-size:.82rem;font-weight:600;display:flex}.pd-modal__field input{color:#1c1c1e;box-sizing:border-box;letter-spacing:.03em;border:1.5px solid #c7c7cc;border-radius:10px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.95rem}.pd-modal__field input:focus{border-color:#007aff}.pd-modal__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.pd-modal__btn{cursor:pointer;color:#3c3c43;background:#f2f2f7;border:none;border-radius:10px;flex:1;min-width:120px;padding:.65rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700}.pd-modal__btn--primary{color:#fff;background:#007aff}.pd-modal__btn--primary:disabled{opacity:.6;cursor:default}.pd-nav-signout:focus-visible,.pd-action-btn:focus-visible,.pd-att-stat:focus-visible,.pd-view-more-btn:focus-visible,.pd-chip--link:focus-visible,.pd-class-card__teacher:focus-visible,.pd-coursework-group__teacher:focus-visible,.pd-teacher-contact-link:focus-visible,.pd-snapshot-search:focus-visible,.pd-snapshot-select:focus-visible,.pd-quicklookup-action-btn:focus-visible,.pd-modal__close:focus-visible,.pd-modal__btn:focus-visible,.pd-modal__field input:focus-visible,.pd-alerts-clear__history summary:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #007aff}@media (width<=700px){.pd-progress-table-wrap{display:none}.pd-progress-cards{display:block}}@media (width<=480px){.pd-main{padding:1.25rem .75rem 4rem}.pd-hero-title{font-size:1.45rem}.pd-tile-value{font-size:1.65rem}.pd-class-grid{grid-template-columns:1fr}.pd-action-grid{grid-template-columns:1fr 1fr}.pd-snapshot-controls{flex-direction:column;width:100%}.pd-snapshot-search,.pd-snapshot-select{box-sizing:border-box;width:100%}.pd-progress-summary-grid{grid-template-columns:repeat(2,1fr)}.pd-snapshot-row{flex-direction:column;align-items:flex-start;gap:.35rem}.pd-snapshot-row__value{text-align:left}.pd-snapshot-chips{justify-content:flex-start}.pd-child-summary{gap:1rem}.pd-child-summary__item--text{order:3;min-width:100%}.pd-teacher-contact-link{flex-direction:column;align-items:flex-start;gap:.2rem}.pd-coursework-group,.pd-announcement-group{padding:.9rem 1rem 1.05rem}.pd-compact-row{flex-direction:column;align-items:flex-start;gap:.15rem}.pd-quicklookup-actions{grid-template-columns:1fr 1fr}.pd-modal{padding:1.15rem}.pd-modal__actions{flex-direction:column}.pd-modal__btn{min-width:100%}}.attendance-panel{color:#f8fafc;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 32%),linear-gradient(135deg,#0f172af5,#020617fa);border:1px solid #94a3b840;border-radius:28px;margin-top:22px;padding:22px;box-shadow:0 24px 70px #00000059}.attendance-panel-premium{position:relative;overflow:hidden}.attendance-panel-premium:before{content:"";filter:blur(40px);pointer-events:none;background:#3b82f638;border-radius:999px;width:260px;height:260px;position:absolute;inset:-120px auto auto -120px}.attendance-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex;position:relative}.attendance-eyebrow{letter-spacing:.18em;color:#93c5fd;margin:0 0 6px;font-size:.72rem;font-weight:800}.attendance-header h2{margin:0;font-size:1.55rem}.attendance-header span{color:#cbd5e1;margin-top:5px;display:block}.attendance-header small{color:#7dd3fc;margin-top:6px;font-weight:800;display:block}.attendance-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.attendance-header button,.attendance-actions button,.attendance-toolbar button{color:#e5e7eb;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b847;border-radius:999px;padding:10px 14px;font-weight:800}.attendance-header button:hover,.attendance-actions button:hover,.attendance-toolbar button:hover{background:#2563eb59}.attendance-header button:disabled,.attendance-actions button:disabled,.attendance-toolbar button:disabled{cursor:not-allowed;opacity:.55}.attendance-alert{color:#fecaca;background:#ef44441f;border:1px solid #f8717159;border-radius:18px;margin:14px 0;padding:14px 16px;font-weight:800}.attendance-summary{grid-template-columns:.8fr .8fr 2fr;gap:12px;margin-bottom:18px;display:grid}.attendance-summary.elite{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-summary div,.attendance-status-grid div{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:20px;padding:14px}.attendance-summary strong,.attendance-status-grid strong{color:#fff;word-break:break-all;font-size:1.4rem;display:block}.attendance-summary span,.attendance-status-grid span{color:#94a3b8;margin-top:4px;font-size:.82rem;display:block}.attendance-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.attendance-status-grid .present strong{color:#86efac}.attendance-status-grid .absent strong{color:#fca5a5}.attendance-status-grid .late strong{color:#fcd34d}.attendance-status-grid .excused strong{color:#d8b4fe}.attendance-intel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.attendance-intel-grid div{background:#02061780;border:1px solid #93c5fd29;border-radius:20px;padding:15px}.attendance-intel-grid span{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.attendance-intel-grid strong{color:#fff;margin-top:6px;font-size:1.2rem;display:block}.attendance-intel-grid small{color:#94a3b8;margin-top:5px;line-height:1.4;display:block}.attendance-intel-grid .submitted{border-color:#22c55e59}.attendance-intel-grid .not-submitted{border-color:#f59e0b59}.attendance-session-strip{color:#cbd5e1;background:#02061780;border:1px solid #94a3b824;border-radius:18px;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.attendance-session-strip strong{color:#fff;word-break:break-all}.attendance-controls{gap:14px;margin-bottom:18px;display:flex}.attendance-controls input,.attendance-controls select{color:#fff;background:#0f172ab8;border:1px solid #94a3b833;border-radius:16px;outline:none;padding:12px 14px}.attendance-controls input{flex:1}.attendance-list{gap:10px;display:grid}.attendance-row{background:#0f172a9e;border:1px solid #94a3b829;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:flex}.attendance-row:hover{border-color:#93c5fd59;transform:translateY(-1px)}.attendance-row.status-present{background:linear-gradient(135deg,#22c55e14,#0f172a9e);border-color:#22c55e59}.attendance-row.status-absent{background:linear-gradient(135deg,#ef444414,#0f172a9e);border-color:#ef444459}.attendance-row.status-late{background:linear-gradient(135deg,#f59e0b14,#0f172a9e);border-color:#f59e0b59}.attendance-row.status-excused{background:linear-gradient(135deg,#a855f714,#0f172a9e);border-color:#a855f759}.student-info{align-items:center;gap:12px;display:flex}.student-avatar{color:#fff;background:linear-gradient(135deg,#3b82f659,#0ea5e92e);border:1px solid #93c5fd47;border-radius:16px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.student-info strong{display:block}.student-info span{color:#94a3b8;margin-top:3px;font-size:.85rem;display:block}.student-info small{color:#64748b;margin-top:3px;font-size:.75rem;display:block}.attendance-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:430px;display:flex}.attendance-actions button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#93c5fdd9;box-shadow:0 0 22px #2563eb59}.attendance-intelligence{margin-top:4px}.attendance-pills{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.live-pill,.risk-pill,.alert-pill{border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:800}.live-pill.active{color:#86efac;background:#22c55e2e}.live-pill.idle{color:#fcd34d;background:#f59e0b2e}.live-pill.disconnected{color:#fca5a5;background:#ef44442e}.live-pill.late-candidate{color:#fde68a;background:#fbbf242e}.risk-pill.normal{color:#86efac;background:#22c55e1f}.risk-pill.watch{color:#fde68a;background:#fbbf241f}.risk-pill.intervention{color:#fca5a5;background:#ef44441f}.alert-pill{color:#93c5fd;background:#3b82f629}.parent-alert-btn{cursor:pointer;width:100%;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;border:none!important;border-radius:14px!important;padding:10px!important}.attendance-empty{text-align:center;color:#94a3b8;padding:18px}@media (width<=900px){.attendance-summary.elite,.attendance-status-grid,.attendance-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-row{flex-direction:column;align-items:flex-start}.attendance-actions{justify-content:flex-start;max-width:none}.attendance-controls{flex-direction:column}}.lc-back-link{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 0 14px;font-size:13px;font-weight:600;display:block}.lc-back-link:hover{color:#00778b}.lc-prelaunch{flex-direction:column;gap:14px;display:flex}.lc-prelaunch-header{align-items:center;gap:12px;display:flex}.lc-prelaunch-icon{flex-shrink:0;font-size:36px}.lc-prelaunch-title{color:#1a1a1a;font-size:17px;font-weight:800}.lc-prelaunch-subtitle{color:#6b7280;margin-top:2px;font-size:13px}.lc-prelaunch-chips{flex-wrap:wrap;gap:8px;display:flex}.lc-chip{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.lc-chip-subject{color:#00778b;background:#e8f7f9}.lc-chip-grade{color:#92400e;background:#fef9c3}.lc-chip-time{color:#374151;background:#f3f4f6}.lc-prelaunch-marks{gap:8px;display:flex}.lc-marks-box{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;gap:3px;padding:10px 8px;display:flex}.lc-marks-auto{background:#f0fdf4;border-color:#a7f3d0}.lc-marks-teacher{background:#fef9c3;border-color:#fde68a}.lc-marks-num{color:#00778b;font-size:20px;font-weight:800}.lc-marks-lbl{color:#6b7280;font-size:10px;font-weight:600}.lc-prelaunch-section{background:#f9fafb;border-radius:10px;padding:12px 14px}.lc-prelaunch-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700}.lc-mission-row{color:#374151;padding:3px 0;font-size:12px}.lc-skills-wrap{flex-wrap:wrap;gap:6px;display:flex}.lc-skill-chip{color:#00778b;background:#e8f7f9;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.lc-teacher-notes{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.6}.lc-not-launched-note{color:#1d6f8a;text-align:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600}.lc-prelaunch-actions{flex-direction:column;gap:8px;display:flex}.lc-btn-preview{color:#00778b;cursor:pointer;background:#fff;border:2px solid #00778b;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:700;transition:background .12s}.lc-btn-preview:hover{background:#f0fafa}.lc-btn-launch{color:#fff;cursor:pointer;background:#00778b;border:none;border-radius:8px;padding:13px 16px;font-size:14px;font-weight:800;transition:background .12s}.lc-btn-launch:hover{background:#005f6e}.lc-preview-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.lc-preview-topbar{background:#fef9c3;border-bottom:2px solid #ffc72c;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.lc-preview-label{color:#92400e;font-size:12px;font-weight:700}.lc-preview-exit{color:#fff;cursor:pointer;background:#92400e;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700}.lc-preview-exit:hover{background:#7c3a00}.lc-preview-body{flex:1;padding:0;overflow-y:auto}.lc-monitor{flex-direction:column;gap:14px;display:flex}.lc-monitor-header{background:#f0fafa;border:1.5px solid #a5d8e0;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.lc-monitor-icon{flex-shrink:0;font-size:32px}.lc-monitor-title{color:#1a1a1a;margin-bottom:4px;font-size:16px;font-weight:700}.lc-monitor-status{color:#059669;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.lc-active-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite lc-pulse;display:inline-block}@keyframes lc-pulse{0%,to{opacity:1}50%{opacity:.25}}.lc-monitor-note{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px;font-size:13px;line-height:1.7}.lc-monitor-actions{flex-direction:column;gap:8px;display:flex}.lc-btn-gradebook{color:#fff;cursor:pointer;background:#00778b;border:none;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:700}.lc-btn-gradebook:hover{background:#005f6e}.lc-btn-return{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:600}.lc-btn-return:hover{border-color:#6b7280}.lc-root{color:#f8fafc;background:#0f172a;grid-template:"header panel"52px"wb panel"1fr/1fr 320px;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:grid;overflow:hidden}.lc-root.lc-panel-collapsed{grid-template-columns:1fr 0}.lc-root.lc-panel-collapsed .lc-right-panel{display:none}.lc-root.lc-meet-open{grid-template:"header panel"52px"wb panel"1fr"meet panel"220px/1fr 320px}.lc-root.lc-meet-open.lc-panel-collapsed{grid-template:"header"52px"wb"1fr"meet"220px/1fr}.lc-root.lc-mode-discussion.lc-meet-open{grid-template-rows:52px 1fr 280px}.lc-root.lc-chime-open{grid-template:"header panel"52px"wb panel"1fr"chime panel"400px/1fr 320px}.lc-root.lc-chime-open.lc-panel-collapsed{grid-template:"header"52px"wb"1fr"chime"400px/1fr}.lc-root.lc-mode-discussion.lc-chime-open{grid-template-rows:52px 1fr 400px}.lc-chime-strip{background:#0d1b2e;border-top:1px solid #94a3b824;flex-direction:column;grid-area:chime;min-height:0;display:flex;overflow:hidden}.lc-chime-strip .chime-video-panel{flex:1 1 0;min-height:0}.lc-chime-support-note{color:#fbbf24;background:#fbbf2414;border-bottom:1px solid #fbbf242e;flex:none;padding:5px 12px;font-size:.72rem}.lc-root.lc-mode-activity{grid-template-columns:1fr 360px}.lc-root.lc-mode-presentation{grid-template:"header"52px"wb"1fr/1fr}.lc-root.lc-mode-presentation .lc-right-panel,.lc-root.lc-mode-presentation .lc-meet-area,.lc-root.lc-mode-presentation .lc-meet-compact,.lc-root.lc-mode-presentation .lc-chime-strip{display:none}.lc-root.lc-focus-mode{grid-template:"header panel"52px"wb panel"1fr/1fr 320px}.lc-root.lc-focus-mode .lc-meet-area,.lc-root.lc-focus-mode .lc-meet-compact,.lc-root.lc-focus-mode .lc-chime-strip{display:none}.lc-root.lc-focus-mode.lc-panel-collapsed{grid-template:"header"52px"wb"1fr/1fr}.lc-header{background:#1e293b;border-bottom:1px solid #94a3b81f;grid-area:header;align-items:center;gap:7px;padding:0 8px;display:flex;overflow:hidden}.lc-header-left{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.lc-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 7px;font-size:1.05rem;transition:background .15s,color .15s}.lc-back-btn:hover{color:#f8fafc;background:#94a3b81a}.lc-class-info{flex-direction:column;min-width:0;display:flex}.lc-class-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.lc-teacher-tag{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.61rem;overflow:hidden}.lc-session-badge{color:#f87171;white-space:nowrap;background:#ef44441f;border:1px solid #ef44444d;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:.67rem;font-weight:700;display:flex}.lc-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite lc-pulse}.lc-student-count{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.69rem}.lc-mode-switcher{flex-shrink:0;gap:1px;display:flex}.lc-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:3px 6px;transition:background .15s,color .15s;display:flex}.lc-mode-btn:hover{color:#94a3b8;background:#94a3b814}.lc-mode-btn.active{color:#818cf8;background:#6366f126}.lc-mode-icon{font-size:.9rem}.lc-mode-label{letter-spacing:.02em;font-size:.51rem;font-weight:600}.lc-header-right{flex-shrink:0;align-items:center;gap:5px;display:flex}.lc-focus-btn{color:#818cf8;cursor:pointer;white-space:nowrap;background:#6366f114;border:1px solid #6366f133;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.lc-focus-btn:hover{background:#6366f12e}.lc-focus-btn.active{color:#a5b4fc;background:#6366f13d;border-color:#6366f18c}.lc-icon-btn{color:#94a3b8;cursor:pointer;background:#94a3b814;border:1px solid #94a3b81f;border-radius:6px;padding:5px 8px;font-size:.84rem;transition:background .15s,color .15s}.lc-icon-btn:hover{color:#f8fafc;background:#94a3b829}.lc-icon-btn.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.lc-start-btn{color:#f0fdf4;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#15803d,#22c55e);border:none;border-radius:6px;padding:6px 11px;font-size:.75rem;font-weight:700;transition:transform .12s,box-shadow .15s}.lc-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.lc-end-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#991b1b,#ef4444);border:none;border-radius:6px;padding:6px 11px;font-size:.75rem;font-weight:700}.lc-header-att{border-left:1px solid #94a3b81f;flex-shrink:0;align-items:center;gap:5px;padding:0 4px;display:flex}.lc-header-att-count{color:#64748b;white-space:nowrap;font-size:.62rem}.lc-header-att-btn{color:#4ade80;cursor:pointer;white-space:nowrap;background:#16a34a24;border:1px solid #16a34a4d;border-radius:6px;padding:4px 9px;font-size:.68rem;font-weight:700;transition:background .15s,border-color .15s}.lc-header-att-btn:hover:not(:disabled){background:#16a34a40;border-color:#16a34a80}.lc-header-att-btn:disabled{opacity:.55;cursor:default}.lc-header-att-btn.submitted{color:#4ade80;background:#16a34a14;border-color:#16a34a26}.lc-wb-area{background:#0f172a;grid-area:wb;overflow:hidden}.lc-wb-frame{border:none;width:100%;height:100%;display:block}.lc-meet-area{background:#111827;border-top:1px solid #94a3b81a;grid-area:meet;position:relative;overflow:hidden}.lc-meet-frame{border:none;width:100%;height:100%}.lc-meet-close-btn{color:#f87171;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0f172ad1;border:1px solid #ef444459;border-radius:6px;padding:4px 9px;font-size:.7rem;font-weight:700;transition:background .15s,border-color .15s;position:absolute;top:6px;right:8px}.lc-meet-close-btn:hover{background:#ef44442e;border-color:#ef444499}.lc-meet-compact{z-index:200;box-sizing:border-box;background:#111827;border-top:1px solid #94a3b826;flex-direction:column;gap:7px;max-height:220px;padding:10px 14px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #0006}.lc-meet-compact-label{color:#475569;white-space:nowrap;font-size:.76rem}.lc-meet-link-row{align-items:center;gap:6px;display:flex}.lc-meet-link-input{color:#e2e8f0;background:#ffffff0d;border:1px solid #94a3b82e;border-radius:6px;outline:none;flex:1;padding:5px 9px;font-size:.72rem;transition:border-color .15s}.lc-meet-link-input::placeholder{color:#475569}.lc-meet-link-input:focus{border-color:#6366f180}.lc-meet-compact-actions{gap:6px;display:flex}.lc-meet-ext-btn{color:#60a5fa;cursor:pointer;white-space:nowrap;background:#3b82f61a;border:1px solid #3b82f640;border-radius:6px;padding:5px 10px;font-size:.7rem;transition:background .15s}.lc-meet-ext-btn:hover{background:#3b82f62e}.lc-meet-open-btn{color:#86efac;cursor:pointer;background:#22c55e1f;border:1px solid #22c55e59;border-radius:6px;width:100%;margin-bottom:6px;padding:7px 12px;font-size:.75rem;font-weight:600;transition:background .15s;display:block}.lc-meet-open-btn:hover{background:#22c55e38}.lc-meet-save-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f159;border-radius:6px;width:100%;margin-top:6px;padding:7px 12px;font-size:.75rem;font-weight:600;transition:background .15s;display:block}.lc-meet-save-btn:hover:not(:disabled){background:#6366f147}.lc-meet-save-btn:disabled{opacity:.4;cursor:default}.lc-right-panel{background:#1e293b;border-left:1px solid #94a3b81a;flex-direction:column;grid-area:1/panel/-1;display:flex;overflow:hidden}.lc-tab-bar{background:#0f172a;border-bottom:1px solid #94a3b81a;flex-shrink:0;display:flex}.lc-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:1px;padding:6px 2px 5px;transition:color .15s,border-color .15s;display:flex;position:relative}.lc-tab:hover{color:#94a3b8}.lc-tab.active{color:#818cf8;border-bottom-color:#818cf8}.lc-tab-icon{font-size:.88rem}.lc-tab-label{letter-spacing:.02em;font-size:.5rem;font-weight:600}.lc-tab-badge{color:#fff;background:#ef4444;border-radius:8px;padding:1px 4px;font-size:.52rem;font-weight:700;line-height:1.2;position:absolute;top:3px;right:3px}.lc-tab-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.lc-panel-inner{flex-direction:column;flex:1;gap:6px;padding:9px;display:flex;overflow-y:auto}.lc-panel-inner::-webkit-scrollbar{width:4px}.lc-panel-inner::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}.lc-empty-state{text-align:center;color:#475569;padding:24px 12px;font-size:.78rem;line-height:1.6}.lc-empty-icon{margin-bottom:7px;font-size:1.9rem}.lc-empty-sub{color:#334155;margin-top:4px;font-size:.69rem}.lc-chat{gap:0;padding:0}.lc-chat-top{border-bottom:1px solid #94a3b81a;padding:6px 9px}.lc-select{color:#cbd5e1;background:#0f172a;border:1px solid #94a3b833;border-radius:6px;width:100%;padding:4px 8px;font-family:system-ui,sans-serif;font-size:.73rem}.lc-chat-messages{flex-direction:column;flex:1;gap:5px;min-height:0;padding:6px 9px;display:flex;overflow-y:auto}.lc-chat-messages::-webkit-scrollbar{width:3px}.lc-chat-messages::-webkit-scrollbar-thumb{background:#94a3b826}.lc-chat-msg{background:#0f172a99;border-left:2px solid #0000;border-radius:7px;padding:6px 8px;animation:.18s lc-msg-in}@keyframes lc-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.lc-chat-msg.teacher{border-left-color:#818cf8}.lc-chat-msg.student{border-left-color:#22d3ee}.lc-msg-meta{align-items:baseline;gap:5px;margin-bottom:2px;display:flex}.lc-msg-sender{color:#818cf8;font-size:.69rem;font-weight:700}.lc-chat-msg.student .lc-msg-sender{color:#22d3ee}.lc-msg-time{color:#475569;font-size:.59rem}.lc-msg-text{color:#e2e8f0;font-size:.76rem;line-height:1.4}.lc-chat-input-row{border-top:1px solid #94a3b81a;flex-shrink:0;gap:5px;padding:6px 9px;display:flex}.lc-chat-input{color:#f8fafc;background:#0f172a;border:1px solid #94a3b833;border-radius:6px;flex:1;padding:5px 8px;font-family:system-ui,sans-serif;font-size:.76rem}.lc-chat-input:focus{border-color:#6366f180;outline:none}.lc-send-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:5px 9px;font-size:.72rem;font-weight:700;transition:background .15s}.lc-send-btn:hover{background:#4338ca}.lc-list-header{color:#64748b;text-transform:uppercase;letter-spacing:.06em;padding:2px 0 4px;font-size:.67rem;font-weight:700}.lc-student-list{flex-direction:column;gap:4px;display:flex}.lc-student-row{background:#0f172a80;border-radius:7px;align-items:center;gap:7px;padding:6px 7px;display:flex}.lc-student-row-btn{cursor:pointer;text-align:left;border:none;width:100%;transition:background .15s}.lc-student-row-btn:hover{background:#0f172ad1}.lc-avatar{color:#e0e7ff;background:#4f46e5;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:.62rem;font-weight:700;transition:border-color .2s;display:flex}.lc-avatar.lc-avatar-online{border-color:#4ade80}.lc-student-info{flex-direction:column;flex:1;min-width:0;display:flex}.lc-student-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.73rem;overflow:hidden}.lc-student-email{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:.59rem;overflow:hidden}.lc-list-online{color:#4ade80;font-weight:400}.lc-badge{text-transform:capitalize;border-radius:9px;flex-shrink:0;padding:2px 6px;font-size:.59rem;font-weight:700}.lc-badge-present{color:#4ade80;background:#16a34a33}.lc-badge-late{color:#fbbf24;background:#f59e0b33}.lc-badge-absent{color:#f87171;background:#ef444433}.lc-badge-excused{color:#c4b5fd;background:#8b5cf62e}.lc-badge-unmarked{color:#64748b;background:#64748b26}.lc-badge-suggested{color:#4ade80;background:0 0;border:1.5px dashed #4ade808c;font-style:italic}.lc-badge-conn-present{color:#4ade80;background:#16a34a33}.lc-badge-conn-offline{color:#475569;background:#64748b1f}.lc-att-summary{flex-shrink:0;gap:5px;display:flex}.lc-att-stat{text-align:center;border-radius:7px;flex:1;padding:6px 4px}.lc-att-stat strong{font-size:1.15rem;font-weight:800;display:block}.lc-att-stat small{color:#94a3b8;font-size:.59rem}.lc-att-green{background:#16a34a1f}.lc-att-amber{background:#f59e0b1f}.lc-att-red{background:#ef44441f}.lc-att-grey{background:#64748b1f}.lc-att-hint{color:#475569;text-align:center;margin:0;font-size:.64rem}.lc-att-hint-suggested{font-style:italic}.lc-att-actions{flex-shrink:0;gap:6px;display:flex}.lc-att-auto-btn{color:#a5b4fc;cursor:pointer;background:#6366f11f;border:1px solid #6366f166;border-radius:7px;flex:1;padding:5px 6px;font-size:.65rem;font-weight:600;transition:background .15s}.lc-att-auto-btn:hover{background:#6366f138}.lc-att-submit-btn{color:#4ade80;cursor:pointer;background:#16a34a2e;border:none;border-radius:7px;flex:1;padding:5px 6px;font-size:.65rem;font-weight:700;transition:background .15s}.lc-att-submit-btn:hover:not(:disabled){background:#16a34a4d}.lc-att-submit-btn:disabled{opacity:.55;cursor:default}.lc-att-submitted-banner{color:#4ade80;background:#16a34a1f;border:1px solid #16a34a40;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;font-size:.67rem;font-weight:600;display:flex}.lc-notify-btn{color:#a5b4fc;cursor:pointer;background:#6366f133;border:none;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.63rem;font-weight:700}.lc-notify-btn:hover{background:#6366f159}.lc-att-error{color:#f87171;margin:0;padding:0 2px;font-size:.63rem}.lc-activities-desc{color:#64748b;margin:0 0 8px;font-size:.72rem;line-height:1.5}.lc-game-drawers{flex-direction:column;gap:6px;display:flex}.lc-game-drawer{border:1px solid #ffffff12;border-radius:9px;transition:border-color .2s;overflow:hidden}.lc-game-drawer--open{border-color:#6366f166}.lc-drawer-header{cursor:pointer;text-align:left;background:#0f172a8c;border:none;align-items:center;gap:6px;width:100%;padding:8px 11px;transition:background .15s;display:flex}.lc-drawer-header:hover{background:#0f172acc}.lc-game-drawer--open .lc-drawer-header{background:#6366f11f}.lc-drawer-subject{color:#e2e8f0b3;flex:1;font-size:.73rem;font-weight:700}.lc-game-drawer--open .lc-drawer-subject{color:#a5b4fc}.lc-drawer-count{color:#64748b;background:#ffffff14;border-radius:999px;padding:1px 6px;font-size:.65rem;font-weight:700}.lc-game-drawer--open .lc-drawer-count{color:#818cf8;background:#6366f133}.lc-drawer-chevron{color:#475569;font-size:.58rem}.lc-drawer-body{background:#02061766;border-top:1px solid #ffffff0d}.lc-game-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:7px;padding:7px 11px;transition:background .15s;display:flex}.lc-game-row:last-child{border-bottom:none}.lc-game-row:hover{background:#0f172a99}.lc-game-icon{flex-shrink:0;font-size:1.1rem}.lc-game-info{flex:1;min-width:0}.lc-game-label{color:#e2e8f0;font-size:.74rem;font-weight:700}.lc-game-meta{color:#64748b;margin-top:1px;font-size:.6rem}.lc-launch-btn{color:#818cf8;cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f14d;border-radius:5px;flex-shrink:0;padding:4px 9px;font-size:.67rem;font-weight:700;transition:background .15s,color .15s}.lc-launch-btn:hover{color:#a5b4fc;background:#6366f147}.lc-reaction-header{color:#64748b;flex-shrink:0;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.lc-clear-btn{color:#475569;cursor:pointer;background:0 0;border:none;font-size:.65rem;text-decoration:underline}.lc-reaction-list{flex-direction:column;gap:4px;display:flex}.lc-reaction-row{background:#0f172a80;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;animation:.2s lc-slide-in;display:flex}@keyframes lc-slide-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.lc-reaction-emoji{font-size:1.2rem}.lc-reaction-name{color:#cbd5e1;font-size:.73rem}.chime-video-panel{background:#0d1b2e;border-left:1px solid #94a3b824;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chime-status-bar{color:#94a3b8;background:#0d1b2e;border-bottom:1px solid #94a3b81f;flex:none;align-items:center;gap:7px;padding:7px 12px;font-size:.72rem;font-weight:600;display:flex}.chime-status-bar.speaking{color:#4ade80}.chime-status-dot{background:#64748b;border-radius:50%;flex-shrink:0;width:8px;height:8px}.chime-status-dot.connected{background:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.chime-status-bar.speaking .chime-status-dot.connected{background:#4ade80;animation:1s ease-in-out infinite chime-speaking-pulse;box-shadow:0 0 0 3px #4ade8040}@keyframes chime-speaking-pulse{0%,to{box-shadow:0 0 0 3px #4ade8040}50%{box-shadow:0 0 0 6px #4ade801f}}.chime-stage{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:90px;grid-auto-flow:dense;background:#0a1625;flex:1 1 0;gap:8px;min-height:0;padding:8px;display:grid;overflow:hidden auto}.chime-main-tile{background:#000;border-radius:8px;grid-area:span 2/span 2;position:relative;overflow:hidden}.chime-main-tile video{object-fit:cover;width:100%;height:100%;display:block}.chime-carousel-tile{cursor:pointer;background:#000;border:2px solid #0000;border-radius:6px;width:100%;height:100%;padding:0;transition:border-color .15s;position:relative;overflow:hidden}.chime-carousel-tile:hover{border-color:#38bdf899}.chime-carousel-tile:disabled{cursor:default}.chime-carousel-tile:disabled:hover{border-color:#0000}.chime-carousel-tile--self{cursor:default;border-color:#ffc72c66}.chime-carousel-tile video{object-fit:cover;width:100%;height:100%;display:block}.chime-carousel-tile--placeholder{cursor:default;background:#0d1522;border:2px dashed #94a3b838;justify-content:center;align-items:center;display:flex}.chime-carousel-tile--placeholder-label{color:#64748b;text-align:center;pointer-events:none;padding:0 10px;font-size:.65rem;font-weight:600;line-height:1.3}.chime-main-badge{color:#f8fafc;z-index:2;pointer-events:none;background:#0f172abf;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:8px;left:8px}.chime-return-teacher-btn{color:#7dd3fc;cursor:pointer;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf859;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.7rem;font-weight:700}.chime-return-teacher-btn:hover{background:#38bdf847}@media (width<=860px){.chime-stage{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-auto-rows:64px}}.chime-controls{flex-wrap:wrap;flex:none;background:#0d1b2e!important;border-top:1px solid #94a3b81f!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:10px 8px!important;display:flex!important}.chime-joining{color:#94a3b8;background:#0a1625;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:.85rem;display:flex}.chime-spinner{border:3px solid #94a3b826;border-top-color:#38bdf8;border-radius:50%;width:32px;height:32px;animation:.75s linear infinite chime-spin}@keyframes chime-spin{to{transform:rotate(360deg)}}.chime-error{color:#fca5a5;text-align:center;background:#0a1625;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:20px 16px;font-size:.82rem;display:flex}.chime-retry-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;padding:5px 14px;font-size:.8rem}.chime-retry-btn:hover{background:#ef444438}@media (width<=860px){.lc-root,.lc-root.lc-meet-open,.lc-root.lc-focus-mode{grid-template:"header"52px"wb"1fr"panel"250px/1fr!important}.lc-root.lc-meet-open{grid-template:"header"52px"wb"1fr"meet"140px"panel"250px/1fr!important}.lc-root.lc-chime-open{grid-template:"header"52px"wb"1fr"chime"260px"panel"250px/1fr!important}.lc-right-panel{border-top:1px solid #94a3b81a;border-left:none;grid-row:auto}.lc-mode-label,.lc-focus-btn{display:none}.chime-video-panel{border-left:none}}.lcs-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#0000008c;justify-content:flex-end;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0}.lcs-panel{background:#0f172a;border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:440px;max-height:calc(100vh - 32px);display:flex;overflow-y:auto;box-shadow:0 24px 64px #0009}.lcs-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.lcs-title{color:#e2e8f0;letter-spacing:.01em;font-size:1rem;font-weight:700}.lcs-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1rem;transition:color .15s,background .15s}.lcs-close:hover{color:#e2e8f0;background:#ffffff0f}.lcs-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;padding:14px 20px 6px;font-size:.7rem;font-weight:700}.lcs-current-card{background:#6366f114;border:1px solid #6366f140;border-radius:12px;align-items:flex-start;gap:12px;margin:0 12px;padding:14px 16px;display:flex}.lcs-card-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.lcs-card-avatar--sm{background:linear-gradient(135deg,#334155,#475569);border-radius:8px;width:32px;height:32px;font-size:.72rem}.lcs-card-info{flex:1;min-width:0}.lcs-card-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.lcs-card-sub{color:#64748b;margin-top:2px;font-size:.72rem}.lcs-card-live-note{color:#a5b4fc;margin-top:6px;font-size:.72rem;line-height:1.4}.lcs-card-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.lcs-chip{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.65rem;font-weight:700}.lcs-chip--live{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.lcs-chip--session{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.lcs-chip--idle{color:#64748b;background:#64748b1f;border:1px solid #64748b33}.lcs-chip--ended{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.lcs-teacher-actions{flex-direction:column;gap:8px;padding:12px 12px 4px;display:flex}.lcs-btn-return{color:#a5b4fc;cursor:pointer;text-align:left;background:#6366f126;border:1px solid #6366f159;border-radius:9px;padding:9px 14px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s}.lcs-btn-return:hover{color:#c7d2fe;background:#6366f147}.lcs-confirm-box{background:#fbbf2412;border:1px solid #fbbf2433;border-radius:10px;margin:8px 12px 0;padding:12px 14px}.lcs-confirm-box--danger{background:#ef444412;border-color:#ef444440}.lcs-confirm-msg{color:#fde68a;margin-bottom:10px;font-size:.78rem;line-height:1.5}.lcs-confirm-msg--danger{color:#fca5a5}.lcs-confirm-actions{flex-wrap:wrap;gap:8px;display:flex}.lcs-btn-stay{color:#94a3b8;cursor:pointer;background:#33415599;border:1px solid #64748b4d;border-radius:7px;padding:6px 12px;font-size:.73rem;font-weight:600;transition:background .15s}.lcs-btn-stay:hover{background:#475569cc}.lcs-btn-go{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f166;border-radius:7px;padding:6px 12px;font-size:.73rem;font-weight:600;transition:background .15s}.lcs-btn-go:hover{color:#c7d2fe;background:#6366f159}.lcs-btn-danger{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:7px;padding:6px 12px;font-size:.73rem;font-weight:600;transition:background .15s}.lcs-btn-danger:hover{color:#fca5a5;background:#ef444459}.lcs-class-row{background:#ffffff06;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:10px;margin:0 12px 6px;padding:10px 12px;transition:background .15s;display:flex}.lcs-class-row:hover{background:#ffffff0a}.lcs-row-info{flex:1;min-width:0}.lcs-row-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.lcs-row-sub{color:#475569;margin-top:1px;font-size:.7rem}.lcs-row-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.lcs-row-btns{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.lcs-btn-open{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#33415599;border:1px solid #64748b4d;border-radius:7px;padding:5px 10px;font-size:.7rem;font-weight:600;transition:background .15s,color .15s}.lcs-btn-open:hover{color:#c7d2fe;background:#6366f133;border-color:#6366f159}.lcs-loading,.lcs-empty{text-align:center;color:#475569;padding:20px;font-size:.82rem}.lcs-class-row:last-child{margin-bottom:16px}.bgm-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.bgm-wrap{color:#1a1a1a;max-width:800px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.bgm-flag-h{height:10px;display:block}.bgm-flag-aqua{background:#00778b}.bgm-flag-gold{background:#ffc72c}.bgm-briefing{text-align:center;padding:20px 8px 40px}.bgm-briefing-flag{border:2px solid #00000026;border-radius:6px;flex-direction:column;width:70px;height:46px;margin:0 auto 20px;display:flex;overflow:hidden}.bgm-briefing-badge{color:#ffc72c;letter-spacing:2px;background:#000;border-radius:4px;margin-bottom:16px;padding:4px 16px;font-size:11px;font-weight:800;display:inline-block}.bgm-briefing-emoji{margin-bottom:8px;font-size:56px}.bgm-briefing-title{color:#00778b;margin:0 0 4px;font-size:28px;font-weight:900}.bgm-briefing-subtitle{color:#374151;margin:0 0 20px;font-size:16px;font-weight:600}.bgm-briefing-card{text-align:left;background:#f0fafa;border:1.5px solid #a5d8e0;border-radius:14px;max-width:500px;margin:0 auto 24px;padding:20px 24px;line-height:1.7}.bgm-briefing-card p{margin:0 0 10px}.bgm-briefing-card p:last-child{margin:0}.bgm-briefing-welcome{font-size:16px}.bgm-briefing-stats{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:24px;display:flex}.bgm-stat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:80px;padding:14px 18px;display:flex;box-shadow:0 2px 6px #0000000d}.bgm-stat-icon{font-size:22px}.bgm-stat-num{color:#00778b;font-size:24px;font-weight:800;line-height:1}.bgm-stat-lbl{color:#6b7280;letter-spacing:.5px;font-size:11px;font-weight:600}.bgm-briefing-sections{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.bgm-section-pill{color:#00778b;background:#e8f7f9;border:1px solid #b2dde4;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600}.bgm-btn-accept{color:#000;cursor:pointer;background:#ffc72c;border:none;border-radius:10px;padding:16px 40px;font-size:17px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #ffc72c66}.bgm-btn-accept:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ffc72c80}.bgm-hub{padding-bottom:20px}.bgm-hub-header{color:#fff;background:linear-gradient(135deg,#00778b,#005060);border-radius:14px;margin-bottom:18px;padding:20px 22px}.bgm-hub-intro-text{opacity:.95;margin-bottom:16px;font-size:14px;line-height:1.7}.bgm-hub-progress-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.bgm-hub-progress-label{white-space:nowrap;color:#ffc72c;font-size:13px;font-weight:700}.bgm-hub-progress-bar{background:#ffffff40;border-radius:4px;flex:1;height:8px;overflow:hidden}.bgm-hub-progress-fill{background:#ffc72c;border-radius:4px;height:100%;transition:width .4s}.bgm-hub-dots{gap:10px;display:flex}.bgm-hub-dot{color:#fff9;border:2.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.bgm-hub-dot.done{color:#000;background:#ffc72c;border-color:#ffc72c}.bgm-hub-dot.next{color:#fff;border-color:#fff}.bgm-hub-missions{flex-direction:column;gap:12px;display:flex}.bgm-mission-tile{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #0000000d}.bgm-mission-tile:hover{border-color:var(--mission-color,#00778b);box-shadow:0 4px 14px #0000001a}.bgm-mission-tile--done{background:#f8fffd;border-color:#a7f3d0}.bgm-mission-tile-left{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.bgm-mission-tile-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.bgm-mission-tile-emoji{font-size:28px}.bgm-mission-tile-body{flex:1;min-width:0}.bgm-mission-tile-num{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:11px;font-weight:700}.bgm-mission-tile-title{color:#1a1a1a;margin-bottom:1px;font-size:16px;font-weight:700}.bgm-mission-tile-sub{color:#6b7280;margin-bottom:6px;font-size:12px}.bgm-mission-tile-desc{color:#374151;margin-bottom:8px;font-size:13px;line-height:1.5}.bgm-mission-tile-meta{flex-wrap:wrap;gap:8px;display:flex}.bgm-marks-chip{color:#00778b;background:#e8f7f9;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.bgm-score-chip{color:#065f46;background:#d1fae5;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.bgm-review-chip{color:#854d0e;background:#fef9c3;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.bgm-mission-tile-right{flex-shrink:0}.bgm-tile-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .12s,transform .12s}.bgm-tile-btn:hover{opacity:.88;transform:translateY(-1px)}.bgm-tile-btn--start{color:#fff}.bgm-tile-btn--review{color:#374151;background:#f3f4f6}.bgm-submit-zone{text-align:center;background:linear-gradient(135deg,#00778b,#005060);border-radius:14px;margin-top:20px;padding:20px}.bgm-submit-ready{color:#fff;margin-bottom:14px;font-size:15px;font-weight:600}.bgm-btn-submit{color:#000;cursor:pointer;background:#ffc72c;border:none;border-radius:10px;padding:14px 36px;font-size:16px;font-weight:800;transition:transform .12s;box-shadow:0 4px 12px #ffc72c66}.bgm-btn-submit:hover{transform:translateY(-2px)}.bgm-mission-view{padding-bottom:20px}.bgm-back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0 16px;font-size:13px;font-weight:600;display:flex}.bgm-back-btn:hover{color:#00778b}.bgm-mv-header{color:#fff;border-radius:14px;flex-direction:column;gap:4px;margin-bottom:16px;padding:20px 22px 18px;display:flex}.bgm-mv-num{letter-spacing:1.5px;opacity:.8;text-transform:uppercase;font-size:11px;font-weight:700}.bgm-mv-emoji{margin:4px 0;font-size:36px}.bgm-mv-title{margin:0 0 2px;font-size:22px;font-weight:800}.bgm-mv-subtitle{opacity:.85;margin:0;font-size:14px}.bgm-mv-marks{background:#fff3;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.bgm-mv-header--quiz .bgm-mv-marks{margin-top:6px}.bgm-slide-indicator{align-items:center;gap:8px;margin-bottom:14px;display:flex}.bgm-slide-dot{background:#d1d5db;border-radius:50%;width:10px;height:10px;transition:all .15s}.bgm-slide-dot.done{background:#00778b}.bgm-slide-dot.active{background:#ffc72c;border-radius:5px;width:24px}.bgm-slide-counter{color:#9ca3af;margin-left:4px;font-size:12px;font-weight:600}.bgm-learn-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:22px;box-shadow:0 2px 8px #0000000d}.bgm-learn-heading{color:#00778b;margin:0 0 12px;font-size:18px;font-weight:700}.bgm-learn-body{color:#374151;margin:0 0 18px;font-size:14px;line-height:1.8}.bgm-quiz-instruction{color:#6b7280;margin-bottom:14px;font-size:14px;font-style:italic}.bgm-teacher-score-notice{color:#92400e;background:#fef9c3;border:1.5px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:600}.bgm-already-done-banner{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:600}.bgm-seq-result{color:#00778b;background:#e8f7f9;border:1.5px solid #a5d8e0;border-radius:10px;margin-bottom:14px;padding:12px 16px;font-size:14px;font-weight:600}.bgm-btn-primary{color:#fff;cursor:pointer;background:#00778b;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:background .12s}.bgm-btn-primary:hover{background:#005f6e}.bgm-btn-primary:disabled{cursor:not-allowed;background:#9ca3af}.bgm-btn-gold{color:#000!important;background:#ffc72c!important}.bgm-btn-gold:hover{background:#e6b327!important}.bgm-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:border-color .12s}.bgm-btn-secondary:hover{color:#00778b;border-color:#00778b}.bgm-btn-ghost{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:13px;text-decoration:underline}.bgm-nav-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.bgm-confirm-box{background:#fffbeb;border:1.5px solid #ffc72c;border-radius:12px;margin-top:18px;padding:18px 20px}.bgm-confirm-row{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.bgm-qcard{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:18px;box-shadow:0 1px 4px #0000000a}.bgm-qcard--correct{background:#f0fdf4;border-color:#6ee7b7}.bgm-qcard--wrong{background:#fff7f7;border-color:#fca5a5}.bgm-qcard-num{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.bgm-qmarks{color:#9ca3af;font-weight:400}.bgm-result-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.bgm-badge--correct{color:#065f46;background:#d1fae5}.bgm-badge--wrong{color:#991b1b;background:#fee2e2}.bgm-qtext{color:#1a1a1a;margin:0 0 12px;font-size:15px;font-weight:600;line-height:1.5}.bgm-feedback{color:#dc2626;margin:8px 0 0;font-size:13px}.bgm-options{flex-direction:column;gap:7px;display:flex}.bgm-option{cursor:pointer;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:border-color .12s,background .12s;display:flex}.bgm-option input{display:none}.bgm-option:hover{background:#f0fafa;border-color:#00778b}.bgm-option.selected{color:#00778b;background:#e6f4f6;border-color:#00778b;font-weight:600}.bgm-option--correct{font-weight:600;background:#d1fae5!important;border-color:#059669!important}.bgm-option:disabled,.bgm-option[disabled]{cursor:default}.bgm-match-group{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:18px}.bgm-match-heading{color:#00778b;margin:0 0 14px;font-size:14px;font-weight:700}.bgm-match-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.bgm-match-key{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;min-width:190px;padding:8px 12px;font-size:13px;font-weight:600}.bgm-select{cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;flex:1;min-width:160px;padding:9px 12px;font-size:13px}.bgm-select:focus{border-color:#00778b;outline:none}.bgm-match-ok{color:#059669;white-space:nowrap;font-size:13px;font-weight:700}.bgm-match-err{color:#dc2626;white-space:nowrap;font-size:12px}.bgm-seq-area{margin-bottom:8px}.bgm-seq-label{color:#374151;margin-bottom:10px;font-size:13px;font-weight:600}.bgm-seq-available{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:14px}.bgm-seq-chips{flex-wrap:wrap;gap:8px;display:flex}.bgm-seq-chip{color:#00778b;cursor:pointer;background:#fff;border:1.5px solid #00778b;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .12s}.bgm-seq-chip:hover:not(:disabled){color:#fff;background:#00778b}.bgm-seq-chip:disabled{opacity:.5;cursor:default}.bgm-seq-empty{color:#4ade80;font-size:13px;font-weight:600}.bgm-seq-order{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;min-height:60px;margin-bottom:8px;padding:14px}.bgm-seq-placeholder{color:#9ca3af;font-size:13px;font-style:italic}.bgm-seq-placed{background:#f0fafa;border:1px solid #b2dde4;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.bgm-seq-correct{background:#d1fae5;border-color:#6ee7b7}.bgm-seq-wrong{background:#fee2e2;border-color:#fca5a5}.bgm-seq-num{color:#fff;background:#00778b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.bgm-seq-text{flex:1;font-size:13px;font-weight:500}.bgm-seq-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.bgm-seq-remove:hover{color:#dc2626;background:#fee2e2}.bgm-seq-tick{color:#059669;font-weight:700}.bgm-textarea{color:#1a1a1a;resize:vertical;box-sizing:border-box;border:1.5px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .12s}.bgm-textarea:focus{border-color:#00778b;outline:none}.bgm-textarea:disabled{color:#374151;background:#f9fafb}.bgm-diagram{background:#f8fffe;border:1.5px solid #a5d8e0;border-radius:12px;margin-top:16px;padding:18px}.bgm-diagram-title{color:#00778b;text-transform:uppercase;letter-spacing:.8px;text-align:center;margin-bottom:14px;font-size:13px;font-weight:700}.bgm-shield{color:#fff;text-align:center;background:linear-gradient(160deg,#00778b,#005060);border-radius:12px;padding:20px}.bgm-shield-title{margin-bottom:4px;font-size:18px;font-weight:800}.bgm-shield-subtitle{opacity:.8;margin-bottom:16px;font-size:12px}.bgm-shield-items{flex-direction:column;gap:8px;display:flex}.bgm-shield-item{background:#ffffff26;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.bgm-govtype{flex-direction:column;gap:16px;display:flex}.bgm-govtype-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.bgm-govtype-row2{border-top:1.5px dashed #a5d8e0;padding-top:14px}.bgm-govtype-box{color:#00778b;text-align:center;background:#fff;border:1.5px solid #00778b;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.4}.bgm-govtype-arrow{color:#00778b;flex-shrink:0;font-size:18px}.bgm-box-king{color:#ffc72c;background:#000;border-color:#000}.bgm-box-gg{color:#000;background:#ffc72c;border-color:#ffc72c}.bgm-box-const{background:#e8f7f9}.bgm-branches{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bgm-branch{text-align:center;border-radius:10px;padding:14px 10px}.bgm-branch-leg{background:#e8f7f9;border:2px solid #00778b}.bgm-branch-exec{background:#fffbeb;border:2px solid #ffc72c}.bgm-branch-jud{background:#f5f3ff;border:2px solid #7c3aed}.bgm-branch-icon{margin-bottom:6px;font-size:28px;display:block}.bgm-branch-name{color:#1a1a1a;margin-bottom:4px;font-size:13px;font-weight:800}.bgm-branch-role{color:#374151;margin-bottom:8px;font-size:12px;font-weight:600}.bgm-branch-members{color:#6b7280;font-size:11px;line-height:1.6}.bgm-agencies{flex-direction:column;gap:10px;display:flex}.bgm-agency-card{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.bgm-agency-icon{flex-shrink:0;font-size:26px}.bgm-agency-abbr{color:#00778b;margin-bottom:2px;font-size:13px;font-weight:800}.bgm-agency-role{color:#374151;font-size:12px;line-height:1.5}.bgm-lawflow{flex-direction:column;align-items:center;display:flex}.bgm-lawflow-item{flex-direction:column;align-items:center;width:100%;display:flex}.bgm-lawflow-step{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;width:100%;max-width:420px;padding:10px 14px;display:flex;position:relative}.bgm-reading{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-width:2px!important;border-color:#ffc72c!important}.bgm-lawflow-num{color:#fff;background:#00778b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.bgm-reading .bgm-lawflow-num{color:#000;background:#ffc72c}.bgm-lawflow-label{color:#1a1a1a;flex:1;font-size:13px;font-weight:600}.bgm-reading .bgm-lawflow-label{color:#92400e;font-weight:700}.bgm-reading-badge{color:#000;letter-spacing:.5px;background:#ffc72c;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800}.bgm-lawflow-arrow{color:#00778b;margin:2px 0;font-size:18px}.bgm-gg-diagram{flex-direction:column;align-items:center;gap:14px;display:flex}.bgm-gg-center{color:#ffc72c;text-align:center;background:linear-gradient(135deg,#000,#1a1a1a);border-radius:12px;padding:16px 24px}.bgm-gg-icon{margin-bottom:4px;font-size:32px}.bgm-gg-name{color:#ffc72c;margin-bottom:2px;font-size:15px;font-weight:800}.bgm-gg-current{color:#ffc72cbf;font-size:12px}.bgm-gg-duties{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.bgm-gg-duty{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:500;display:flex}.bgm-parl{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.bgm-parl-house{background:#fff;border:2px solid #00778b;border-radius:12px;padding:16px}.bgm-parl-hoa{background:#fffbeb;border-color:#ffc72c}.bgm-parl-badge{color:#fff;background:#00778b;border-radius:10px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.bgm-parl-badge-elected{color:#000;background:#ffc72c}.bgm-parl-house-name{color:#1a1a1a;margin-bottom:8px;font-size:15px;font-weight:800}.bgm-parl-detail{color:#374151;margin-bottom:4px;font-size:12px;line-height:1.5}.bgm-parl-power{color:#ffc72c;background:#000;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.bgm-parl-vs{color:#9ca3af;font-size:13px;font-weight:700}.bgm-courts{flex-direction:column;gap:6px;display:flex}.bgm-court-row{border-radius:8px;flex-direction:column;padding:10px 14px;display:flex}.bgm-court-level-1{color:#ffc72c;background:#000}.bgm-court-level-2{color:#fff;background:#00778b}.bgm-court-level-3{color:#00778b;background:#e8f7f9;border:1.5px solid #00778b}.bgm-court-level-4{color:#374151;background:#f9fafb;border:1.5px solid #d1d5db}.bgm-court-name{font-size:13px;font-weight:700}.bgm-court-note{opacity:.8;margin-top:2px;font-size:11px}.bgm-courts-note{text-align:center;color:#6b7280;margin-top:4px;font-size:11px}.bgm-done{text-align:center;padding:16px 0 40px}.bgm-done-flag{border:2px solid #0000001a;border-radius:6px;flex-direction:column;width:70px;height:46px;margin:0 auto 16px;display:flex;overflow:hidden}.bgm-done-badge{color:#000;letter-spacing:1.5px;background:#ffc72c;border-radius:20px;margin-bottom:14px;padding:5px 18px;font-size:12px;font-weight:800;display:inline-block}.bgm-done-title{color:#00778b;margin:0 0 10px;font-size:24px;font-weight:800}.bgm-done-msg{color:#6b7280;max-width:460px;margin:0 auto 24px;font-size:14px;line-height:1.7}.bgm-done-score{justify-content:center;align-items:baseline;gap:6px;margin-bottom:14px;display:flex}.bgm-done-num{color:#00778b;font-size:56px;font-weight:800;line-height:1}.bgm-done-denom{color:#9ca3af;font-size:22px}.bgm-done-pct{color:#000;background:#ffc72c;border-radius:8px;margin-left:8px;padding:4px 14px;font-size:18px;font-weight:800}.bgm-done-note{color:#374151;background:#f0fafa;border:1px solid #b2dde4;border-radius:10px;max-width:480px;margin:0 auto 20px;padding:12px 16px;font-size:13px}.bgm-done-breakdown{text-align:left;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;max-width:460px;margin:0 auto;padding:16px 20px}.bgm-done-row{color:#374151;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.bgm-done-row:last-child{border-bottom:none}.bgm-done-row strong{color:#00778b}.bgm-teacher{max-width:640px;margin:0 auto;padding:16px}.bgm-teacher-hero{color:#fff;background:linear-gradient(135deg,#00778b,#005060);border-radius:14px;align-items:center;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex}.bgm-teacher-flag{border-radius:4px;flex-direction:column;flex-shrink:0;width:40px;height:28px;display:flex;overflow:hidden}.bgm-teacher-emoji{flex-shrink:0;font-size:36px}.bgm-teacher-title{margin:0 0 3px;font-size:18px;font-weight:700}.bgm-teacher-sub{opacity:.85;margin:0;font-size:12px}.bgm-teacher-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.bgm-teacher-stat{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:2px;padding:12px;display:flex}.bgm-teacher-stat span{color:#6b7280;font-size:11px}.bgm-teacher-stat strong{color:#00778b;font-size:14px;font-weight:700}.bgm-teacher-missions{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.bgm-teacher-mission-row{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #00778b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.bgm-teacher-mission-left{align-items:center;gap:10px;display:flex}.bgm-teacher-mission-emoji{font-size:22px}.bgm-teacher-mission-title{color:#1a1a1a;font-size:14px;font-weight:700}.bgm-teacher-mission-sub{color:#6b7280;font-size:12px}.bgm-scoring-badge{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:700}.bgm-auto{color:#065f46;background:#d1fae5}.bgm-manual{color:#92400e;background:#fef9c3}.bgm-teacher-hint{color:#6b7280;text-align:center;font-size:13px;line-height:1.6}@media (width<=520px){.bgm-branches,.bgm-parl{grid-template-columns:1fr}.bgm-parl-vs{display:none}.bgm-gg-duties{grid-template-columns:1fr}.bgm-teacher-stats{grid-template-columns:repeat(2,1fr)}.bgm-govtype-row{gap:4px}.bgm-govtype-box{padding:6px 8px;font-size:11px}.bgm-mission-tile{flex-wrap:wrap}.bgm-mission-tile-right,.bgm-tile-btn{width:100%}}.bgm-live-wrap{color:#1a1a1a;max-width:900px;margin:0 auto;padding:0 0 60px;font-family:system-ui,-apple-system,sans-serif}.bgm-live-header{color:#fff;background:#00778b;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.bgm-live-header-left{align-items:center;gap:14px;display:flex}.bgm-live-emoji{font-size:32px}.bgm-live-title{font-size:18px;font-weight:800}.bgm-live-sub{opacity:.85;margin-top:2px;font-size:12px}.bgm-btn-ghost{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #fff6;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.bgm-btn-ghost:hover{background:#ffffff40}.bgm-live-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.bgm-live-stat{text-align:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:12px 10px;display:flex}.bgm-live-stat span:first-child{color:#00778b;font-size:22px;font-weight:800}.bgm-live-stat span:last-child{color:#6b7280;font-size:11px;font-weight:600}.bgm-live-stat--done span:first-child{color:#059669}.bgm-live-stat--prog span:first-child{color:#d97706}.bgm-live-tabs{border-bottom:2px solid #e5e7eb;gap:6px;margin-bottom:14px;padding-bottom:0;display:flex}.bgm-live-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.bgm-live-tab.active{color:#00778b;border-bottom-color:#00778b}.bgm-live-tab:hover:not(.active){color:#374151}.bgm-overview{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:18px 20px}.bgm-ov-bars{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.bgm-ov-row{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.bgm-ov-label{color:#374151;font-size:14px;font-weight:600}.bgm-ov-val{color:#00778b;font-size:18px;font-weight:800}.bgm-ov-scoring-key{color:#6b7280;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.bgm-ov-students{flex-direction:column;gap:6px;display:flex}.bgm-ov-student-row{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.bgm-ov-name{color:#111827;flex:1;min-width:120px;font-size:13px;font-weight:600}.bgm-ov-missions{gap:4px;display:flex}.bgm-ov-dot{color:#9ca3af;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.bgm-ov-dot.done{color:#fff;background:#00778b}.bgm-ov-empty{text-align:center;color:#9ca3af;padding:30px 0;font-size:14px}.bgm-badge-auto{color:#065f46;background:#d1fae5;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.bgm-badge-manual{color:#92400e;background:#fef3c7;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.bgm-status-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.bgm-status--idle{color:#6b7280;background:#f3f4f6}.bgm-status--in-progress{color:#92400e;background:#fef3c7}.bgm-status--pending{color:#0369a1;background:#e0f2fe}.bgm-status--graded{color:#065f46;background:#d1fae5}.bgm-details{flex-direction:column;gap:8px;display:flex}.bgm-detail-row{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden}.bgm-detail-summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.bgm-detail-summary:hover{background:#f9fafb}.bgm-detail-name{color:#111827;flex:1;min-width:120px;font-size:14px;font-weight:700}.bgm-detail-progress{color:#6b7280;white-space:nowrap;font-size:12px}.bgm-detail-score{color:#00778b;white-space:nowrap;font-size:13px;font-weight:600}.bgm-detail-toggle{color:#9ca3af;margin-left:auto;font-size:11px}.bgm-detail-expanded{background:#fafafa;border-top:1px solid #e5e7eb;padding:16px 18px}.bgm-mission-scores{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.bgm-ms-row{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.bgm-ms-row.done{color:#111827}.bgm-ms-emoji{font-size:15px}.bgm-ms-name{flex:1;font-weight:500}.bgm-ms-score{color:#00778b;font-size:13px;font-weight:700}.bgm-ms-pending{color:#d97706;font-size:12px;font-style:italic}.bgm-detail-total{color:#374151;border-top:1px solid #e5e7eb;margin-bottom:12px;padding-top:10px;font-size:13px}.bgm-grading-panel{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:14px}.bgm-graded-banner{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600}.bgm-rubric-section{margin-bottom:18px}.bgm-rubric-heading{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:700}.bgm-rubric-q{margin-bottom:12px}.bgm-rubric-qtext{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600}.bgm-rubric-answer{color:#111827;white-space:pre-wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px;font-size:13px}.bgm-rubric-hint{color:#6b7280;margin-top:4px;font-size:11px;font-style:italic}.bgm-rubric-missing{color:#9ca3af;padding:8px 0;font-size:13px;font-style:italic}.bgm-rubric-score-row{align-items:center;gap:8px;margin-top:8px;display:flex}.bgm-rubric-score-label{color:#374151;font-size:13px;font-weight:600}.bgm-score-input{text-align:center;border:1.5px solid #d1d5db;border-radius:6px;outline:none;width:64px;padding:4px 8px;font-size:14px}.bgm-score-input:focus{border-color:#00778b}.bgm-score-max{color:#6b7280;font-size:13px}.bgm-finalize-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:13px}.bgm-btn-finalize{color:#000;cursor:pointer;background:#ffc72c;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:800;transition:filter .15s}.bgm-btn-finalize:hover:not(:disabled){filter:brightness(.9)}.bgm-btn-finalize:disabled{opacity:.6;cursor:not-allowed}.bgm-no-assignment{color:#6b7280;font-size:13px;font-style:italic}.bgm-btn-edit{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:4px 14px;font-size:12px;font-weight:700;transition:background .12s}.bgm-btn-edit:hover{background:#1d4ed8}.mdc-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.mdc-wrap{color:#1a1a1a;max-width:800px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.mdc-briefing{text-align:center;padding:20px 8px 40px}.mdc-briefing-badge{color:#fff;letter-spacing:2px;background:#1d6f8a;border-radius:4px;margin-bottom:16px;padding:4px 16px;font-size:11px;font-weight:800;display:inline-block}.mdc-briefing-emoji{margin-bottom:8px;font-size:56px}.mdc-briefing-title{color:#1d6f8a;margin:0 0 4px;font-size:26px;font-weight:900}.mdc-briefing-subtitle{color:#374151;margin:0 0 20px;font-size:15px;font-weight:600}.mdc-briefing-card{text-align:left;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;max-width:500px;margin:0 auto 22px;padding:18px 22px;line-height:1.7}.mdc-briefing-card p{margin:0 0 10px}.mdc-briefing-card p:last-child{margin:0}.mdc-briefing-stats{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:28px;display:flex}.mdc-stat-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:80px;padding:14px 18px;display:flex;box-shadow:0 2px 6px #0000000d}.mdc-stat-icon{font-size:22px}.mdc-stat-num{color:#1d6f8a;font-size:24px;font-weight:800;line-height:1}.mdc-stat-lbl{color:#6b7280;font-size:11px;font-weight:600}.mdc-btn-accept{color:#fff;cursor:pointer;background:#1d6f8a;border:none;border-radius:10px;padding:16px 40px;font-size:17px;font-weight:800;transition:transform .12s,opacity .12s;box-shadow:0 4px 14px #1d6f8a59}.mdc-btn-accept:hover{opacity:.9;transform:translateY(-2px)}.mdc-hub{padding-bottom:20px}.mdc-hub-header{color:#fff;background:linear-gradient(135deg,#1d6f8a,#0f4f66);border-radius:14px;margin-bottom:18px;padding:20px 22px}.mdc-hub-intro{opacity:.95;margin-bottom:16px;font-size:14px;line-height:1.7}.mdc-hub-progress-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.mdc-hub-progress-label{white-space:nowrap;color:#ffc72c;font-size:13px;font-weight:700}.mdc-hub-progress-bar{background:#ffffff40;border-radius:4px;flex:1;height:8px;overflow:hidden}.mdc-hub-progress-fill{background:#ffc72c;border-radius:4px;height:100%;transition:width .4s}.mdc-hub-dots{flex-wrap:wrap;gap:8px;display:flex}.mdc-hub-dot{color:#fff9;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.mdc-hub-dot.done{color:#000;background:#ffc72c;border-color:#ffc72c}.mdc-hub-dot.next{color:#fff;border-color:#fff}.mdc-hub-missions{flex-direction:column;gap:10px;display:flex}.mdc-mission-tile{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:border-color .15s;display:flex;box-shadow:0 2px 8px #0000000a}.mdc-mission-tile:hover{border-color:var(--mission-color,#1d6f8a)}.mdc-mission-tile--done{background:#f0fdf4;border-color:#a7f3d0}.mdc-mission-tile-left{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.mdc-mission-tile-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.mdc-mission-tile-emoji{font-size:26px}.mdc-mission-tile-body{flex:1;min-width:0}.mdc-mission-tile-num{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;font-size:11px;font-weight:700}.mdc-mission-tile-title{color:#1a1a1a;margin-bottom:1px;font-size:15px;font-weight:700}.mdc-mission-tile-sub{color:#6b7280;margin-bottom:6px;font-size:12px}.mdc-mission-tile-desc{color:#374151;margin-bottom:8px;font-size:13px;line-height:1.5}.mdc-mission-tile-meta{flex-wrap:wrap;gap:8px;display:flex}.mdc-marks-chip{color:#1d6f8a;background:#e0f2fe;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.mdc-score-chip{color:#065f46;background:#d1fae5;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.mdc-review-chip{color:#854d0e;background:#fef9c3;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.mdc-mission-tile-right{flex-shrink:0}.mdc-tile-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:opacity .12s}.mdc-tile-btn:hover{opacity:.88}.mdc-tile-btn--start{color:#fff}.mdc-tile-btn--review{color:#374151;background:#f3f4f6}.mdc-submit-zone{text-align:center;background:linear-gradient(135deg,#1d6f8a,#0f4f66);border-radius:14px;margin-top:20px;padding:20px}.mdc-submit-ready{color:#fff;margin-bottom:14px;font-size:15px;font-weight:600}.mdc-btn-submit{color:#000;cursor:pointer;background:#ffc72c;border:none;border-radius:10px;padding:14px 36px;font-size:16px;font-weight:800;transition:transform .12s}.mdc-btn-submit:hover{transform:translateY(-2px)}.mdc-confirm-box{background:#fffbeb;border:1.5px solid #ffc72c;border-radius:12px;margin-top:18px;padding:18px 20px}.mdc-confirm-row{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.mdc-mission-view{padding-bottom:20px}.mdc-back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px 0 16px;font-size:13px;font-weight:600}.mdc-back-btn:hover{color:#1d6f8a}.mdc-mv-header{color:#fff;border-radius:14px;flex-direction:column;gap:4px;margin-bottom:16px;padding:20px 22px 18px;display:flex}.mdc-mv-num{letter-spacing:1.5px;opacity:.8;text-transform:uppercase;font-size:11px;font-weight:700}.mdc-mv-emoji{margin:4px 0;font-size:36px}.mdc-mv-title{margin:0 0 2px;font-size:20px;font-weight:800}.mdc-mv-subtitle{opacity:.85;margin:0;font-size:14px}.mdc-mv-marks{background:#fff3;border-radius:20px;margin-top:6px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.mdc-slide-indicator{align-items:center;gap:8px;margin-bottom:14px;display:flex}.mdc-slide-dot{background:#d1d5db;border-radius:50%;width:10px;height:10px;transition:all .15s}.mdc-slide-dot.done{background:#1d6f8a}.mdc-slide-dot.active{background:#ffc72c;border-radius:5px;width:22px}.mdc-slide-counter{color:#9ca3af;margin-left:4px;font-size:12px;font-weight:600}.mdc-learn-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;margin-bottom:16px;padding:22px;box-shadow:0 2px 8px #0000000d}.mdc-learn-heading{color:#1d6f8a;margin:0 0 12px;font-size:18px;font-weight:700}.mdc-learn-body{color:#374151;margin:0 0 18px;font-size:14px;line-height:1.8}.mdc-map-btn-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mdc-open-maps-btn{color:#fff;background:#1d6f8a;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .12s;display:inline-flex}.mdc-open-maps-btn:hover{opacity:.88}.mdc-map-hint{color:#6b7280;font-size:12px;font-style:italic}.mdc-btn-primary{color:#fff;cursor:pointer;background:#1d6f8a;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:background .12s}.mdc-btn-primary:hover{background:#155f78}.mdc-btn-gold{color:#000!important;background:#ffc72c!important}.mdc-btn-gold:hover{background:#e6b327!important}.mdc-btn-edit{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;padding:4px 14px;font-size:12px;font-weight:700;transition:background .12s}.mdc-btn-edit:hover{background:#1d4ed8}.mdc-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:500}.mdc-btn-secondary:hover{color:#1d6f8a;border-color:#1d6f8a}.mdc-nav-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.mdc-quiz-instruction{color:#6b7280;margin-bottom:14px;font-size:14px;font-style:italic}.mdc-teacher-score-notice{color:#92400e;background:#fef9c3;border:1.5px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:600}.mdc-already-done-banner{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:600}.mdc-qcard{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:18px}.mdc-qcard--correct{background:#f0fdf4;border-color:#6ee7b7}.mdc-qcard--wrong{background:#fff7f7;border-color:#fca5a5}.mdc-qcard-num{color:#6b7280;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.mdc-qmarks{color:#9ca3af;font-weight:400}.mdc-result-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.mdc-badge--correct{color:#065f46;background:#d1fae5}.mdc-badge--wrong{color:#991b1b;background:#fee2e2}.mdc-qtext{color:#1a1a1a;margin:0 0 12px;font-size:15px;font-weight:600;line-height:1.5}.mdc-feedback{color:#dc2626;margin:8px 0 0;font-size:13px}.mdc-options{flex-direction:column;gap:7px;display:flex}.mdc-option{cursor:pointer;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:border-color .12s,background .12s;display:flex}.mdc-option input{display:none}.mdc-option:hover{background:#f0f9ff;border-color:#1d6f8a}.mdc-option.selected{color:#1d6f8a;background:#e0f2fe;border-color:#1d6f8a;font-weight:600}.mdc-option--correct{font-weight:600;background:#d1fae5!important;border-color:#059669!important}.mdc-textarea{resize:vertical;box-sizing:border-box;border:1.5px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.mdc-textarea:focus{border-color:#1d6f8a;outline:none}.mdc-textarea:disabled{color:#374151;background:#f9fafb}.mdc-diagram{background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:12px;margin-top:16px;padding:18px}.mdc-diagram-title{color:#1d6f8a;text-transform:uppercase;letter-spacing:.8px;text-align:center;margin-bottom:14px;font-size:13px;font-weight:700}.mdc-map-elements{flex-direction:column;gap:10px;display:flex}.mdc-element-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mdc-element-icon{flex-shrink:0;font-size:26px}.mdc-element-name{color:#1d6f8a;margin-bottom:2px;font-size:14px;font-weight:700}.mdc-element-desc{color:#374151;font-size:12px}.mdc-scale-diagram{flex-direction:column;gap:10px;padding:8px;display:flex}.mdc-scale-row{flex-direction:column;gap:6px;display:flex}.mdc-scale-map,.mdc-scale-real{color:#1a1a1a;font-family:monospace;font-size:13px;font-weight:600}.mdc-scale-arrow{color:#1d6f8a;text-align:center;font-size:13px;font-weight:700}.mdc-scale-formula{color:#fff;text-align:center;background:#1d6f8a;border-radius:8px;margin-top:8px;padding:8px 14px;font-size:13px;font-weight:700}.mdc-coords{flex-direction:column;gap:10px;display:flex}.mdc-coord-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mdc-coord-box{border-radius:10px;padding:14px}.mdc-coord-lat{background:#dbeafe;border:1.5px solid #93c5fd}.mdc-coord-lng{background:#f0fdf4;border:1.5px solid #86efac}.mdc-coord-title{margin-bottom:6px;font-size:13px;font-weight:700}.mdc-coord-desc{color:#374151;margin-bottom:6px;font-size:12px;line-height:1.5}.mdc-coord-example{color:#1a1a1a;font-size:13px}.mdc-coord-full{color:#fff;text-align:center;background:#1d6f8a;border-radius:8px;padding:10px 16px;font-size:14px}.mdc-symbols-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mdc-symbol-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mdc-symbol-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.mdc-symbol-name{color:#374151;font-size:12px;font-weight:600}.mdc-sat-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mdc-sat-box{border-radius:10px;padding:14px}.mdc-sat-road{background:#f9fafb;border:1.5px solid #d1d5db}.mdc-sat-satellite{color:#e2e8f0;background:#0f172a;border:1.5px solid #475569}.mdc-sat-label{margin-bottom:8px;font-size:13px;font-weight:800}.mdc-sat-body{margin-bottom:8px;font-size:12px;line-height:1.6}.mdc-sat-con{color:#dc2626;font-size:11px}.mdc-sat-satellite .mdc-sat-con{color:#fca5a5}.mdc-bahamas{flex-direction:column;gap:8px;display:flex}.mdc-island-row{background:#fff;border-left:4px solid;border-radius:0 8px 8px 0;padding:10px 14px}.mdc-island-name{color:#1a1a1a;margin-bottom:2px;font-size:13px;font-weight:700}.mdc-island-note{color:#6b7280;font-size:12px}.mdc-done{text-align:center;padding:20px 0 40px}.mdc-done-badge{color:#fff;letter-spacing:1.5px;background:#1d6f8a;border-radius:20px;margin-bottom:14px;padding:5px 18px;font-size:12px;font-weight:800;display:inline-block}.mdc-done-title{color:#1d6f8a;margin:0 0 10px;font-size:22px;font-weight:800}.mdc-done-msg{color:#6b7280;max-width:460px;margin:0 auto 24px;font-size:14px;line-height:1.7}.mdc-done-score{justify-content:center;align-items:baseline;gap:6px;margin-bottom:14px;display:flex}.mdc-done-num{color:#1d6f8a;font-size:52px;font-weight:800;line-height:1}.mdc-done-denom{color:#9ca3af;font-size:22px}.mdc-done-pct{color:#000;background:#ffc72c;border-radius:8px;margin-left:8px;padding:4px 14px;font-size:18px;font-weight:800}.mdc-done-note{color:#374151;background:#e0f2fe;border:1px solid #bae6fd;border-radius:10px;max-width:460px;margin:0 auto 20px;padding:12px 16px;font-size:13px}.mdc-done-breakdown{text-align:left;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;max-width:460px;margin:0 auto;padding:16px 20px}.mdc-done-row{color:#374151;border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.mdc-done-row:last-child{border-bottom:none}.mdc-done-row strong{color:#1d6f8a}.mdc-teacher{max-width:640px;margin:0 auto;padding:16px}.mdc-teacher-hero{color:#fff;background:linear-gradient(135deg,#1d6f8a,#0f4f66);border-radius:14px;align-items:center;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex}.mdc-teacher-emoji{flex-shrink:0;font-size:36px}.mdc-teacher-title{margin:0 0 3px;font-size:18px;font-weight:700}.mdc-teacher-sub{opacity:.85;margin:0;font-size:12px}.mdc-teacher-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.mdc-teacher-stat{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:2px;padding:12px;display:flex}.mdc-teacher-stat span{color:#6b7280;font-size:11px}.mdc-teacher-stat strong{color:#1d6f8a;font-size:14px;font-weight:700}.mdc-teacher-missions{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.mdc-teacher-mission-row{background:#fff;border:1px solid #e5e7eb;border-left:4px solid;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mdc-teacher-mission-left{align-items:center;gap:10px;display:flex}.mdc-teacher-mission-emoji{font-size:20px}.mdc-teacher-mission-title{color:#1a1a1a;font-size:14px;font-weight:700}.mdc-teacher-mission-sub{color:#6b7280;font-size:12px}.mdc-scoring-badge{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:700}.mdc-auto{color:#065f46;background:#d1fae5}.mdc-manual{color:#92400e;background:#fef9c3}.mdc-teacher-hint{color:#6b7280;text-align:center;font-size:13px;line-height:1.6}.mdc-teacher-live{color:#1a1a1a;max-width:740px;margin:0 auto;padding:16px 14px 40px;font-family:system-ui,-apple-system,sans-serif}.mdc-teacher-header{color:#fff;background:linear-gradient(135deg,#1d6f8a,#0f4f66);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:18px 22px;display:flex}.mdc-teacher-header-left{align-items:center;gap:14px;display:flex}.mdc-teacher-header .mdc-teacher-title{color:#fff;margin:0 0 2px;font-size:18px;font-weight:800}.mdc-teacher-header .mdc-teacher-sub{opacity:.85;color:#fff;margin:0;font-size:12px}.mdc-teacher-header .mdc-teacher-emoji{flex-shrink:0;font-size:34px}.mdc-btn-ghost{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff2e;border:1.5px solid #fff6;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.mdc-btn-ghost:hover{background:#ffffff47}.mdc-live-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.mdc-live-stat{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.mdc-live-stat span:first-child{color:#1d6f8a;font-size:22px;font-weight:800;line-height:1}.mdc-live-stat span:last-child{color:#6b7280;font-size:11px;font-weight:600}.mdc-live-stat--done span:first-child{color:#059669}.mdc-live-stat--prog span:first-child{color:#d97706}.mdc-live-tabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:14px;display:flex}.mdc-live-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:8px 18px;font-size:14px;font-weight:600;transition:color .12s,border-color .12s}.mdc-live-tab.active{color:#1d6f8a;border-bottom-color:#1d6f8a}.mdc-overview{flex-direction:column;gap:14px;display:flex}.mdc-overview-bars{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.mdc-ov-row{justify-content:space-between;align-items:center;display:flex}.mdc-ov-label{color:#374151;font-size:14px;font-weight:600}.mdc-ov-val{color:#1d6f8a;font-size:18px;font-weight:800}.mdc-overview-students{flex-direction:column;gap:8px;display:flex}.mdc-ov-student-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.mdc-ov-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.mdc-ov-missions{gap:4px;display:flex}.mdc-ov-dot{color:#9ca3af;border:1.5px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.mdc-ov-dot.done{color:#fff;background:#059669;border-color:#059669}.mdc-ov-empty{text-align:center;color:#9ca3af;padding:24px 0;font-size:14px}.mdc-details{flex-direction:column;gap:8px;display:flex}.mdc-detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.mdc-detail-summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.mdc-detail-summary:hover{background:#f9fafb}.mdc-detail-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.mdc-detail-progress{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:600}.mdc-detail-score{color:#1d6f8a;white-space:nowrap;font-size:13px;font-weight:700}.mdc-detail-toggle{color:#9ca3af;font-size:11px}.mdc-detail-expanded{background:#fafafa;border-top:1px solid #e5e7eb;padding:12px 14px}.mdc-mission-scores{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.mdc-ms-row{align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.mdc-ms-row.done{color:#1a1a1a}.mdc-ms-row:not(.done){color:#9ca3af}.mdc-ms-emoji{flex-shrink:0;font-size:16px}.mdc-ms-name{flex:1;font-weight:500}.mdc-ms-score{color:#1d6f8a;white-space:nowrap;font-weight:700}.mdc-ms-score--pending{color:#9ca3af;font-style:italic;font-weight:400}.mdc-detail-total{color:#374151;border-top:1px solid #e5e7eb;padding-top:8px;font-size:13px;font-weight:600}.mdc-detail-complete-badge{color:#059669}.mdc-status-badge{white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:700}.mdc-status--submitted{color:#065f46;background:#d1fae5}.mdc-status--in-progress{color:#92400e;background:#fef3c7}.mdc-status--idle{color:#6b7280;background:#f3f4f6}@media (width<=520px){.mdc-coord-row,.mdc-symbols-grid,.mdc-sat-compare{grid-template-columns:1fr}.mdc-teacher-stats{grid-template-columns:repeat(2,1fr)}.mdc-mission-tile{flex-wrap:wrap}.mdc-mission-tile-right,.mdc-tile-btn{width:100%}.mdc-live-stats{grid-template-columns:repeat(2,1fr)}.mdc-teacher-header{flex-direction:column;align-items:flex-start}}.iea-wrap{color:#1e293b;max-width:860px;margin:0 auto;padding:16px;font-family:Segoe UI,system-ui,sans-serif}.iea-preview-banner{color:#92400e;background:#fef3c7;border:1.5px solid #f59e0b;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:600}.iea-welcome{text-align:center;padding:28px 20px}.iea-welcome-icon{margin-bottom:12px;font-size:64px}.iea-welcome-title{color:#0e7490;margin-bottom:6px;font-size:1.8rem;font-weight:800}.iea-welcome-meta{color:#64748b;margin-bottom:18px;font-size:15px}.iea-goals-card{text-align:left;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:12px;max-width:540px;margin:0 auto 20px;padding:16px 20px}.iea-goals-heading{color:#0e7490;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:14px;font-weight:700}.iea-goals-list{color:#374151;flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:14px;display:flex}.iea-stats-row{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.iea-stat-card{color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:70px;padding:10px 18px;font-size:12px;display:flex}.iea-stat-card strong{color:#0e7490;font-size:22px;font-weight:800}.iea-section-pills{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:22px;display:flex}.iea-pill{color:#0e7490;background:#e0f2fe;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.iea-btn-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e7490,#059669);border:none;border-radius:10px;padding:12px 32px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s}.iea-btn-accept:hover{opacity:.9;transform:translateY(-1px)}.iea-btn-primary{color:#fff;cursor:pointer;background:#0e7490;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:opacity .15s}.iea-btn-primary:hover{opacity:.85}.iea-btn-primary:disabled{opacity:.5;cursor:default}.iea-btn-ghost{color:#0e7490;cursor:pointer;background:#fff;border:1.5px solid #0e7490;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s}.iea-btn-ghost:hover{background:#f0f9ff}.iea-btn-ghost-dark{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.iea-btn-ghost-dark:hover{background:#f1f5f9}.iea-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#0e7490);border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:700;transition:opacity .15s}.iea-btn-submit:hover{opacity:.88}.iea-nav-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.iea-back-btn{color:#0e7490;cursor:pointer;text-align:left;background:0 0;border:none;padding:0 0 12px;font-size:14px;font-weight:600}.iea-back-btn:hover{text-decoration:underline}.iea-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:16px 0;display:grid}.iea-vocab-card{background:#fff;border:1.5px solid #bae6fd;border-radius:10px;padding:12px 14px}.iea-vocab-term{color:#0e7490;margin-bottom:4px;font-size:14px;font-weight:700}.iea-vocab-def{color:#475569;font-size:13px;line-height:1.5}.iea-phase-header{background:#f0f9ff;border-left:4px solid #0e7490;border-radius:10px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.iea-phase-icon{flex-shrink:0;font-size:36px}.iea-phase-title{color:#0e7490;margin-bottom:4px;font-size:1.2rem;font-weight:700}.iea-phase-sub{color:#64748b;font-size:14px}.iea-video-wrap{padding:4px 0}.iea-video-container{background:#0f172a;border-radius:10px;width:100%;margin-bottom:14px;padding-top:56.25%;position:relative;overflow:hidden}.iea-video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.iea-video-fallback{color:#94a3b8;text-align:center;background:#1e293b;border-radius:10px;margin-bottom:14px;padding:40px}.iea-video-fallback a{color:#38bdf8}.iea-vidnotes-wrap{padding:4px 0}.iea-vidnotes-prompts{flex-direction:column;gap:14px;margin:16px 0;display:flex}.iea-vidnotes-item{flex-direction:column;gap:6px;display:flex}.iea-vidnotes-label{color:#374151;font-size:14px;font-weight:600}.iea-vidnotes-input{resize:vertical;border:1.5px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.iea-vidnotes-input:focus{border-color:#0e7490;outline:none}.iea-hub-wrap{padding:4px 0}.iea-hub-header{color:#fff;background:linear-gradient(135deg,#0e7490,#059669);border-radius:12px;margin-bottom:16px;padding:18px 20px}.iea-hub-intro{opacity:.9;margin-bottom:12px;font-size:14px}.iea-hub-progress-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.iea-hub-progress-label{white-space:nowrap;font-size:13px}.iea-hub-progress-bar{background:#ffffff40;border-radius:99px;flex:1;height:8px;overflow:hidden}.iea-hub-progress-fill{background:#fff;border-radius:99px;height:100%;transition:width .4s}.iea-hub-dots{gap:6px;display:flex}.iea-hub-dot{color:#fff;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.iea-hub-dot.done{color:#0e7490;background:#ffffffe6}.iea-hub-dot.next{background:#ffffff8c}.iea-hub-missions{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.iea-hub-mission-card{border:1.5px solid #e2e8f0;border-left:4px solid var(--mission-color,#0e7490);background:#fff;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.iea-hub-mission-card.done{background:#f0fdf4;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #059669}.iea-hub-mc-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.iea-hub-mc-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.iea-hub-mc-emoji{font-size:22px}.iea-hub-mc-body{flex:1}.iea-hub-mc-title{color:#1e293b;font-size:15px;font-weight:700}.iea-hub-mc-sub{color:#64748b;margin-top:2px;font-size:12px}.iea-score-chip{color:#1d4ed8;background:#dbeafe;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.iea-review-chip{color:#92400e;background:#fef3c7;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.iea-hub-mc-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:opacity .15s}.iea-hub-mc-btn.start{color:#fff}.iea-hub-mc-btn.start:hover{opacity:.85}.iea-hub-mc-btn.review{color:#475569;background:#f1f5f9;border:1.5px solid #cbd5e1}.iea-hub-mc-btn.review:hover{background:#e2e8f0}.iea-selfcheck-zone{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;margin-top:10px;padding:18px 20px}.iea-selfcheck-title{color:#15803d;margin-bottom:10px;font-size:15px;font-weight:700}.iea-selfcheck-list{color:#166534;flex-direction:column;gap:4px;margin:0 0 14px;padding:0;font-size:14px;list-style:none;display:flex}.iea-confirm-box{background:#fef9c3;border:1.5px solid #fde047;border-radius:10px;margin-top:12px;padding:16px 18px}.iea-confirm-box p{margin:0 0 12px;font-size:14px}.iea-confirm-row{gap:10px;display:flex}.iea-mission-wrap{padding:4px 0}.iea-mv-header{color:#fff;text-align:center;border-radius:12px;margin-bottom:16px;padding:18px 20px}.iea-mv-num{opacity:.8;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.iea-mv-emoji{margin:8px 0;font-size:42px;display:block}.iea-mv-title{margin-bottom:4px;font-size:1.3rem;font-weight:800}.iea-mv-sub{opacity:.85;font-size:13px}.iea-done-banner{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.iea-qcard{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:14px 16px;transition:border-color .15s}.iea-qcard--correct{background:#f0fdf4;border-color:#86efac}.iea-qcard--wrong{background:#fff5f5;border-color:#fca5a5}.iea-qcard-num{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.iea-qmarks{color:#94a3b8;font-weight:400}.iea-result-badge{border-radius:12px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.iea-badge--correct{color:#065f46;background:#d1fae5}.iea-badge--wrong{color:#991b1b;background:#fee2e2}.iea-qtext{color:#1e293b;margin:4px 0 10px;font-size:14.5px;font-weight:600;line-height:1.5}.iea-scenario-box{color:#374151;background:#f8fafc;border-left:3px solid #0e7490;border-radius:0 6px 6px 0;margin-bottom:10px;padding:8px 12px;font-size:14px;font-style:italic;line-height:1.5}.iea-mc-options{flex-direction:column;gap:7px;display:flex}.iea-mc-option{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.iea-mc-option:hover:not(:has(input:disabled)){background:#f0f9ff;border-color:#0e7490}.iea-mc-option.selected{background:#e0f2fe;border-color:#0e7490}.iea-mc-option.correct{background:#d1fae5;border-color:#059669}.iea-mc-option.wrong{background:#fee2e2;border-color:#dc2626}.iea-mc-option input[type=radio]{accent-color:#0e7490;flex-shrink:0}.iea-feedback{color:#059669;margin:8px 0 0;font-size:13px}.iea-quiz-instruction{color:#475569;background:#f8fafc;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:14px}.iea-sort-zones{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.iea-sort-zone{text-align:left;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;min-height:90px;padding:12px;transition:border-color .15s,background .15s}.iea-sort-zone:disabled{cursor:default}.iea-sort-zone.iea-sort-zone--active{cursor:pointer;background:#f0f9ff;border-color:#0e7490}.iea-sort-zone.primary{border-color:#c4b5fd}.iea-sort-zone.secondary{border-color:#93c5fd}.iea-sort-zone.tertiary{border-color:#6ee7b7}.iea-sort-zone.quaternary{border-color:#fda4af}.iea-sort-zone-label{color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px;font-weight:700}.iea-sort-zone-items{flex-wrap:wrap;gap:4px;display:flex}.iea-sort-chip{color:#374151;background:#e2e8f0;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.iea-chip--correct{color:#065f46;background:#d1fae5}.iea-chip--wrong{color:#991b1b;background:#fee2e2}.iea-sort-items{background:#f1f5f9;border-radius:10px;flex-wrap:wrap;gap:8px;min-height:52px;padding:12px;display:flex}.iea-sort-item{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,transform .1s}.iea-sort-item:hover{background:#f0f9ff;border-color:#0e7490}.iea-sort-item.selected{background:#dbeafe;border-color:#0e7490;transform:scale(1.03)}.iea-sa-textarea{resize:vertical;box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.iea-sa-textarea:focus{border-color:#0e7490;outline:none}.iea-sa-textarea:disabled{color:#64748b;background:#f8fafc}.iea-teacher-score-notice{color:#92400e;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;margin-bottom:14px;padding:8px 12px;font-size:13px}.iea-submitted-wrap{text-align:center;padding:32px 20px}.iea-submitted-badge{color:#fff;letter-spacing:.06em;background:#0e7490;border-radius:20px;margin-bottom:16px;padding:6px 20px;font-size:13px;font-weight:700;display:inline-block}.iea-submitted-title{color:#0e7490;margin-bottom:10px;font-size:1.6rem;font-weight:800}.iea-submitted-msg{color:#64748b;max-width:440px;margin:0 auto 20px;font-size:15px;line-height:1.6}.iea-submitted-score{justify-content:center;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.iea-submitted-num{color:#0e7490;font-size:3.5rem;font-weight:900}.iea-submitted-denom{color:#64748b;font-size:1.4rem}.iea-submitted-pct{color:#94a3b8;margin-left:8px;font-size:13px}.iea-submitted-note{color:#92400e;background:#fef3c7;border-radius:8px;margin-bottom:20px;padding:8px 16px;font-size:13px;display:inline-block}.iea-submitted-breakdown{flex-direction:column;gap:6px;max-width:360px;margin:0 auto;display:flex}.iea-done-row{color:#374151;background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.iea-done-row strong{color:#0e7490}.iea-teacher-wrap{color:#1e293b;max-width:900px;margin:0 auto;padding:16px;font-family:Segoe UI,system-ui,sans-serif}.iea-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.iea-teacher-header-left{align-items:center;gap:12px;display:flex}.iea-teacher-emoji{font-size:40px}.iea-teacher-title{color:#0e7490;font-size:1.3rem;font-weight:800}.iea-teacher-sub{color:#64748b;font-size:13px}.iea-teacher-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.iea-stat-box{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:12px 10px;display:flex}.iea-stat-box--done{background:#f0fdf4;border-color:#86efac}.iea-stat-box--prog{background:#fffbeb;border-color:#fde68a}.iea-stat-big{color:#0e7490;font-size:1.8rem;font-weight:900}.iea-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.iea-teacher-tabs{border-bottom:2px solid #e2e8f0;margin-bottom:14px;display:flex}.iea-teacher-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 20px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.iea-teacher-tab.active{color:#0e7490;border-bottom-color:#0e7490}.iea-ov-bars{background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:12px;padding:14px 16px;display:flex}.iea-ov-row{color:#374151;justify-content:space-between;align-items:center;padding:2px 0;font-size:14px;display:flex}.iea-ov-key{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.iea-badge-auto{color:#1d4ed8;background:#dbeafe;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.iea-badge-manual{color:#92400e;background:#fef3c7;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.iea-ov-students{flex-direction:column;gap:6px;display:flex}.iea-ov-student-row{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.iea-ov-name{flex:1;min-width:100px;font-weight:600}.iea-ov-dots{gap:4px;display:flex}.iea-ov-dot{color:#94a3b8;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.iea-ov-dot.done{color:#fff;background:#059669}.iea-ov-empty{text-align:center;color:#94a3b8;padding:32px;font-size:14px}.iea-status-badge{white-space:nowrap;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700}.iea-status--pending{color:#1e40af;background:#dbeafe}.iea-status--graded{color:#065f46;background:#d1fae5}.iea-status--in-progress{color:#92400e;background:#fef3c7}.iea-status--idle{color:#64748b;background:#f1f5f9}.iea-details{flex-direction:column;gap:8px;display:flex}.iea-detail-row{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden}.iea-detail-summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;transition:background .15s;display:flex}.iea-detail-summary:hover{background:#f8fafc}.iea-detail-name{flex:1;min-width:100px;font-weight:700}.iea-detail-progress{color:#64748b;white-space:nowrap;font-size:13px}.iea-detail-score{color:#0e7490;white-space:nowrap;font-size:13px;font-weight:600}.iea-detail-toggle{color:#94a3b8;font-size:12px}.iea-detail-expanded{background:#fafafa;border-top:1.5px solid #e2e8f0;padding:14px}.iea-detail-total{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600}.iea-mission-scores{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.iea-ms-row{color:#64748b;background:#f1f5f9;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.iea-ms-row.done{color:#374151;background:#f0fdf4}.iea-ms-emoji{flex-shrink:0;font-size:16px}.iea-ms-name{flex:1}.iea-ms-score{color:#0e7490;font-weight:700}.iea-ms-pending{color:#92400e;background:#fef3c7;border-radius:8px;padding:1px 7px;font-size:12px}.iea-vidnotes-section{margin-bottom:12px}.iea-grading-panel{border-top:1.5px solid #e2e8f0;flex-direction:column;gap:12px;margin-top:10px;padding-top:14px;display:flex}.iea-graded-banner{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.iea-rubric-section{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:14px}.iea-rubric-heading{color:#0e7490;margin-bottom:6px;font-size:14px;font-weight:700}.iea-rubric-guide{color:#64748b;background:#f8fafc;border-radius:6px;margin-bottom:10px;padding:6px 10px;font-size:12px}.iea-rubric-q{margin-bottom:10px}.iea-rubric-qtext{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600}.iea-rubric-answer{color:#475569;white-space:pre-wrap;background:#f0f9ff;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.5}.iea-rubric-missing{color:#94a3b8;padding:6px 0;font-size:13px;font-style:italic}.iea-rubric-score-row{align-items:center;gap:8px;margin-top:10px;display:flex}.iea-rubric-score-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:600}.iea-score-input{text-align:center;border:1.5px solid #cbd5e1;border-radius:7px;width:70px;padding:6px 10px;font-size:15px;font-weight:700;transition:border-color .15s}.iea-score-input:focus{border-color:#0e7490;outline:none}.iea-score-max{color:#64748b;font-size:14px}.iea-finalize-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:7px;padding:8px 12px;font-size:13px}.iea-btn-finalize{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e7490,#059669);border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:opacity .15s}.iea-btn-finalize:hover{opacity:.88}.iea-btn-finalize:disabled{opacity:.5;cursor:default}.iea-btn-edit{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:600}.iea-btn-edit:hover{background:#e2e8f0}.iea-btn-refresh{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.iea-btn-refresh:hover{background:#f1f5f9}.iea-btn-refresh:disabled{opacity:.5;cursor:default}.iea-no-assignment{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:7px;padding:8px 12px;font-size:13px}@media (width<=600px){.iea-teacher-stats{grid-template-columns:repeat(2,1fr)}.iea-sort-zones{grid-template-columns:1fr}.iea-stats-row{flex-wrap:wrap}.iea-hub-mc-left{flex-direction:column}}.g7eng-wrap{color:#e2e8f0;background:#0f172a;flex-direction:column;height:100%;min-height:0;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.g7eng-intro{flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:28px 24px 24px;display:flex;overflow-y:auto}.g7eng-intro-badge{color:#f1c03a;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#1e3a5f 0%,#0c2340 100%);border:1px solid #f1c03a44;border-radius:20px;padding:5px 14px;font-size:.72rem;font-weight:800}.g7eng-intro-emoji{font-size:2.4rem;line-height:1}.g7eng-intro-title{color:#f1c03a;text-align:center;margin:0;font-size:1.7rem;font-weight:900;line-height:1.15}.g7eng-intro-subtitle{color:#94a3b8;text-align:center;margin:0;font-size:.93rem}.g7eng-intro-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;padding:18px 22px}.g7eng-intro-card p{color:#cbd5e1;margin:0 0 8px;font-size:.91rem;line-height:1.6}.g7eng-intro-card p:last-child{margin-bottom:0}.g7eng-marks-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:420px;display:grid}.g7eng-marks-chip{text-align:center;background:#f1c03a1a;border:1px solid #f1c03a4d;border-radius:12px;padding:10px 8px}.g7eng-marks-chip strong{color:#f1c03a;font-size:1.1rem;font-weight:800;display:block}.g7eng-marks-chip span{color:#94a3b8;font-size:.73rem}.g7eng-start-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#f1c03a 0%,#d97706 100%);border:none;border-radius:14px;margin-top:6px;padding:14px 40px;font-size:1rem;font-weight:800;transition:opacity .15s}.g7eng-start-btn:hover{opacity:.9}.g7eng-part{flex-direction:column;height:100%;min-height:0;display:flex}.g7eng-part-header{background:#0f172af2;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.g7eng-part-badge{color:#f1c03a;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#f1c03a26;border:1px solid #f1c03a66;border-radius:10px;padding:3px 10px;font-size:.7rem;font-weight:800}.g7eng-part-title{color:#e2e8f0;flex:1;font-size:.93rem;font-weight:700}.g7eng-part-marks{color:#64748b;white-space:nowrap;font-size:.8rem}.g7eng-progress{background:#ffffff14;flex-shrink:0;height:4px}.g7eng-progress-fill{background:linear-gradient(90deg,#f1c03a,#10b981);height:100%;transition:width .3s}.g7eng-body{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.g7eng-passage-block{background:#0f172a99;border:1px solid #f1c03a40;border-radius:14px;overflow:hidden}.g7eng-passage-toggle{color:#f1c03a;cursor:pointer;text-align:left;background:#f1c03a14;border:none;justify-content:space-between;align-items:center;width:100%;padding:11px 16px;font-size:.88rem;font-weight:700;display:flex}.g7eng-passage-body{border-top:1px solid #f1c03a26;padding:16px}.g7eng-passage-title{color:#f1c03a;margin-bottom:12px;font-size:1rem;font-weight:800}.g7eng-passage-text p{color:#cbd5e1;margin:0 0 12px;font-size:.91rem;line-height:1.75}.g7eng-passage-text p:last-child{margin-bottom:0}.g7eng-q-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:16px;transition:border-color .2s}.g7eng-q-card.answered{border-color:#10b98159}.g7eng-q-header{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.g7eng-q-num{color:#f1c03a;background:#f1c03a26;border:1px solid #f1c03a59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:800;display:flex}.g7eng-q-text{color:#e2e8f0;flex:1;font-size:.9rem;font-weight:600;line-height:1.55}.g7eng-q-marks{color:#64748b;white-space:nowrap;padding-top:2px;font-size:.72rem}.g7eng-input{box-sizing:border-box;color:#e2e8f0;resize:vertical;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s}.g7eng-input:focus{border-color:#f1c03a80}.g7eng-input-sm{resize:none}.g7eng-char-hint{color:#475569;text-align:right;margin-top:3px;font-size:.68rem}.g7eng-vocab-rows{flex-direction:column;gap:10px;display:flex}.g7eng-vocab-row{align-items:center;gap:10px;display:flex}.g7eng-vocab-label{color:#94a3b8;min-width:200px;font-size:.82rem}.g7eng-options{flex-wrap:wrap;gap:8px;display:flex}.g7eng-option-btn{color:#cbd5e1;cursor:pointer;background:#ffffff08;border:1.5px solid #ffffff24;border-radius:10px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .15s}.g7eng-option-btn:hover{color:#f1c03a;border-color:#f1c03a80}.g7eng-option-btn.selected{color:#f1c03a;background:#f1c03a1f;border-color:#f1c03a}.g7eng-option-btn.correct{color:#34d399;background:#10b9811f;border-color:#10b981}.g7eng-option-btn.wrong{color:#f87171;background:#ef444414;border-color:#ef4444}.g7eng-section-head{background:#10b9810f;border-left:3px solid #10b981;border-radius:0 10px 10px 0;padding:9px 14px}.g7eng-section-head h3{color:#34d399;margin:0 0 2px;font-size:.88rem;font-weight:800}.g7eng-section-head p{color:#64748b;margin:0;font-size:.76rem}.g7eng-prompt-cards{flex-direction:column;gap:8px;display:flex}.g7eng-prompt-card{cursor:pointer;background:#ffffff05;border:1.5px solid #ffffff1a;border-radius:12px;padding:12px 14px;transition:all .15s}.g7eng-prompt-card:hover{border-color:#f1c03a66}.g7eng-prompt-card.selected{background:#f1c03a12;border-color:#f1c03a}.g7eng-prompt-type{letter-spacing:.08em;text-transform:uppercase;color:#f1c03a;margin-bottom:4px;font-size:.7rem;font-weight:800}.g7eng-prompt-text{color:#cbd5e1;font-size:.87rem;line-height:1.5}.g7eng-wordcount{color:#64748b;text-align:right;margin-top:4px;font-size:.74rem}.g7eng-wordcount.ok{color:#10b981}.g7eng-nav{background:#0f172af2;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.g7eng-nav-back{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:9px 18px;font-size:.85rem}.g7eng-nav-back:hover{color:#e2e8f0;border-color:#ffffff4d}.g7eng-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af,#1d4ed8);border:none;border-radius:10px;padding:9px 22px;font-size:.9rem;font-weight:700;transition:opacity .15s}.g7eng-next-btn:hover{opacity:.9}.g7eng-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:9px 22px;font-size:.9rem;font-weight:800;transition:opacity .15s}.g7eng-submit-btn:hover{opacity:.9}.g7eng-confirm-msg{color:#fcd34d;text-align:center;font-size:.82rem}.g7eng-confirm-row{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.g7eng-confirm-btns{gap:8px;display:flex}.g7eng-results{flex-direction:column;align-items:center;gap:14px;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.g7eng-score-circle{background:conic-gradient(#f1c03a calc(var(--pct) * 1%), #ffffff12 0%);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.g7eng-score-inner{background:#0f172a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:82px;height:82px;display:flex}.g7eng-score-num{color:#f1c03a;font-size:1.5rem;font-weight:900}.g7eng-score-denom{color:#64748b;font-size:.72rem}.g7eng-band-chip{letter-spacing:.06em;border-radius:20px;padding:5px 16px;font-size:.8rem;font-weight:800}.g7eng-band-chip.excellent{color:#34d399;background:#10b98126;border:1px solid #10b98166}.g7eng-band-chip.good{color:#93c5fd;background:#60a5fa26;border:1px solid #60a5fa66}.g7eng-band-chip.satisfactory{color:#fcd34d;background:#fbbf2426;border:1px solid #fbbf2466}.g7eng-band-chip.support{color:#fb923c;background:#fb923c26;border:1px solid #fb923c66}.g7eng-band-chip.intervention{color:#f87171;background:#ef444426;border:1px solid #ef444466}.g7eng-result-msg{color:#e2e8f0;text-align:center;max-width:360px;font-size:1rem;font-weight:700}.g7eng-section-scores{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:420px;display:grid}.g7eng-section-score{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:10px 8px}.g7eng-section-score strong{color:#f1c03a;font-size:1rem;font-weight:800;display:block}.g7eng-section-score span{color:#64748b;font-size:.72rem}.g7eng-result-breakdown{flex-direction:column;gap:6px;width:100%;max-width:520px;display:flex}.g7eng-result-row{background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.g7eng-result-q-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:flex}.g7eng-result-q-num.correct{color:#34d399;background:#10b98133}.g7eng-result-q-num.partial{color:#fcd34d;background:#fbbf2433}.g7eng-result-q-num.wrong{color:#f87171;background:#ef444433}.g7eng-result-detail{flex:1}.g7eng-result-marks{margin-bottom:2px;font-size:.8rem;font-weight:700}.g7eng-result-fb{color:#94a3b8;font-size:.78rem;line-height:1.4}.g7eng-result-note{color:#64748b;text-align:center;padding:8px;font-size:.78rem;font-style:italic}.g7eng-back-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;margin-top:4px;padding:9px 22px;font-size:.85rem}.g7eng-back-btn:hover{color:#e2e8f0;border-color:#ffffff4d}.g7eng-teacher{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.g7eng-teacher-header{background:#0f172af2;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.g7eng-teacher-icon{font-size:1.6rem}.g7eng-teacher-info{flex:1}.g7eng-teacher-info h3{color:#f1c03a;margin:0 0 2px;font-size:.95rem;font-weight:800}.g7eng-teacher-info p{color:#64748b;margin:0;font-size:.75rem}.g7eng-teacher-tabs{background:#0f172ae6;border-bottom:1px solid #ffffff14;flex-shrink:0;gap:6px;padding:8px 12px 0;display:flex}.g7eng-teacher-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 14px 8px;font-size:.82rem;font-weight:600;transition:all .15s}.g7eng-teacher-tab.active{color:#f1c03a;border-bottom-color:#f1c03a}.g7eng-teacher-body{flex:1;padding:14px;overflow-y:auto}.g7eng-teacher-stat-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.g7eng-stat-chip{text-align:center;background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;padding:10px 8px}.g7eng-stat-chip strong{color:#f1c03a;font-size:1.1rem;font-weight:800;display:block}.g7eng-stat-chip span{color:#64748b;font-size:.72rem}.g7eng-student-list{flex-direction:column;gap:6px;display:flex}.g7eng-student-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.g7eng-student-row:hover{border-color:#f1c03a66}.g7eng-student-avatar{color:#f1c03a;background:#f1c03a1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:flex}.g7eng-student-info{flex:1}.g7eng-student-name{color:#e2e8f0;margin-bottom:2px;font-size:.88rem;font-weight:700}.g7eng-student-meta{color:#64748b;font-size:.73rem}.g7eng-student-score{text-align:right}.g7eng-student-score strong{color:#f1c03a;font-size:.95rem;font-weight:800;display:block}.g7eng-student-score small{color:#64748b;font-size:.7rem}.g7eng-pending-chip{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c4d;border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:700}.g7eng-review-header{background:#ffffff08;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;margin:-14px -14px 14px;padding:8px 14px;display:flex}.g7eng-review-name{color:#f1c03a;flex:1;font-size:.9rem;font-weight:800}.g7eng-review-back{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:5px 12px;font-size:.8rem}.g7eng-review-section{margin-bottom:16px}.g7eng-review-section-head{letter-spacing:.06em;text-transform:uppercase;color:#f1c03a;border-bottom:1px solid #f1c03a33;margin-bottom:8px;padding-bottom:4px;font-size:.78rem;font-weight:800}.g7eng-review-item{background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;margin-bottom:6px;padding:10px 12px}.g7eng-review-item-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.g7eng-review-item-label{color:#94a3b8;flex:1;font-size:.8rem}.g7eng-review-score-row{color:#64748b;align-items:center;gap:8px;font-size:.8rem;display:flex}.g7eng-auto-score{color:#10b981;font-weight:700}.g7eng-student-answer{color:#cbd5e1;white-space:pre-wrap;font-size:.83rem;line-height:1.5}.g7eng-override-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.g7eng-override-label{color:#64748b;font-size:.74rem}.g7eng-score-input{color:#f1c03a;background:#0f172acc;border:1px solid #ffffff1f;border-radius:7px;outline:none;width:56px;padding:4px 8px;font-size:.85rem;font-weight:700}.g7eng-score-input:focus{border-color:#f1c03a80}.g7eng-fb-input{color:#e2e8f0;background:#0f172a99;border:1px solid #ffffff1a;border-radius:7px;outline:none;flex:1;min-width:140px;padding:4px 8px;font-family:inherit;font-size:.8rem}.g7eng-fb-input:focus{border-color:#f1c03a66}.g7eng-rubric-grid{flex-direction:column;gap:8px;margin-top:8px;display:flex}.g7eng-rubric-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.g7eng-rubric-label{color:#94a3b8;min-width:220px;font-size:.8rem}.g7eng-rubric-max{color:#475569;font-size:.72rem}.g7eng-rubric-options{flex-wrap:wrap;gap:6px;display:flex}.g7eng-rubric-opt{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:4px 10px;font-size:.78rem;transition:all .12s}.g7eng-rubric-opt:hover{color:#f1c03a;border-color:#f1c03a66}.g7eng-rubric-opt.active{color:#f1c03a;background:#f1c03a1f;border-color:#f1c03a;font-weight:700}.g7eng-rubric-total{background:#f1c03a0f;border:1px solid #f1c03a33;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 12px;display:flex}.g7eng-rubric-total-label{color:#f1c03a;font-size:.85rem;font-weight:700}.g7eng-rubric-total-val{color:#f1c03a;font-size:1.2rem;font-weight:900}.g7eng-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px 24px;font-size:.88rem;font-weight:800;transition:opacity .15s}.g7eng-save-btn:hover{opacity:.9}.g7eng-saved-msg{color:#34d399;text-align:center;margin-top:6px;font-size:.82rem}.g7eng-empty-state{text-align:center;color:#475569;padding:40px 20px}.g7eng-empty-state p{margin:8px 0 0;font-size:.85rem}.g7eng-orig-sentence{color:#64748b;margin-bottom:6px;font-size:.8rem;font-style:italic}.g7eng-orig-sentence span{color:#94a3b8}.pos-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.pos-wrap{color:#1a1a1a;max-width:820px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.pos-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.pos-loading-emoji{font-size:28px}.pos-loading-text{color:#16324f;font-size:14px;font-weight:600}.pos-stepper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;padding:10px 12px;display:flex}.pos-step-dot{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.pos-step-dot.done{color:#fff;background:#0f7a6b}.pos-step-dot.active{color:#1a1a1a;background:#ffc72c}.pos-step-label{color:#16324f;margin-left:8px;font-size:13px;font-weight:700}.pos-passage-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 2px 10px #0000000d}.pos-badge{color:#ffc72c;letter-spacing:1.5px;background:#16324f;border-radius:4px;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.pos-title{color:#16324f;margin:0 0 4px;font-size:24px;font-weight:900}.pos-passage-subtitle{color:#0f7a6b;margin:0 0 16px;font-size:16px;font-weight:700}.pos-passage-body{color:#1f2937;background:#f8fafc;border-radius:12px;padding:18px 20px;font-size:15px;line-height:1.85}.pos-passage-body p{margin:0 0 14px}.pos-passage-body p:last-child{margin:0}.pos-passage-hint{color:#6b7280;margin:14px 0 6px;font-size:12.5px;font-style:italic}.pos-reread{margin-bottom:14px}.pos-reread-btn{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:700}.pos-reread-btn:hover{background:#e0e7ff}.pos-reread-body{color:#374151;background:#f8fafc;border-radius:10px;margin-top:10px;padding:14px 16px;font-size:13.5px;line-height:1.7}.pos-reread-body p{margin:0 0 10px}.pos-reread-body p:last-child{margin:0}.pos-section-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:20px 22px;box-shadow:0 2px 8px #0000000a}.pos-section-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.pos-section-name{color:#16324f;font-size:18px;font-weight:800}.pos-section-marks{color:#0f7a6b;background:#e0f2fe;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.pos-instruction{color:#374151;margin:0 0 14px;font-size:14px;line-height:1.6}.pos-grid-2{grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:6px;display:grid}@media (width<=560px){.pos-grid-2{grid-template-columns:1fr}}.pos-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.pos-field span{color:#374151;font-size:13px;font-weight:600}.pos-field input,.pos-field textarea{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.pos-field input:focus,.pos-field textarea:focus{border-color:#0f7a6b;outline:none;box-shadow:0 0 0 3px #0f7a6b1f}.pos-field-block textarea{resize:vertical;min-height:56px}.pos-table{border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:8px;overflow:hidden}.pos-table-head{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;grid-template-columns:1fr 1fr;padding:8px 12px;font-size:12px;font-weight:700;display:grid}.pos-table-row{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;display:grid}.pos-table-row input{border:1.5px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13.5px}.pos-table-row input:focus{border-color:#0f7a6b;outline:none}.pos-table-static{color:#16324f;align-items:center;font-size:13.5px;font-weight:700;display:flex}.pos-nav-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.pos-btn-primary{color:#fff;cursor:pointer;background:#16324f;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .12s}.pos-btn-primary:hover{opacity:.88}.pos-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.pos-btn-secondary:hover{background:#e5e7eb}.pos-btn-gold{color:#1a1a1a;cursor:pointer;background:#ffc72c;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.pos-btn-gold:hover{transform:translateY(-1px)}.pos-btn-ghost{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.pos-btn-ghost:hover{background:#f9fafb}.pos-btn-edit{color:#059669;cursor:pointer;background:#fff;border:1px solid #059669;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700}.pos-confirm-overlay{z-index:500;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pos-confirm-box{background:#fff;border-radius:14px;max-width:420px;padding:22px 24px;box-shadow:0 20px 60px #0000004d}.pos-confirm-box p{color:#1f2937;margin:0 0 6px;font-size:14px}.pos-confirm-row{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.pos-review-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px}.pos-review-title{color:#16324f;margin:0 0 4px;font-size:20px;font-weight:800}.pos-review-sub{color:#6b7280;margin:0 0 14px;font-size:13.5px}.pos-review-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.pos-review-sections{flex-direction:column;gap:14px;max-height:460px;padding-right:4px;display:flex;overflow-y:auto}.pos-review-section{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.pos-review-section-head{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.pos-review-section-head span{color:#6b7280;font-size:12px;font-weight:500}.pos-review-answers{flex-direction:column;gap:6px;display:flex}.pos-review-answer-row{border-top:1px dashed #f1f5f9;justify-content:space-between;gap:12px;padding:4px 0;font-size:12.5px;display:flex}.pos-review-answer-row:first-child{border-top:none}.pos-review-q{color:#374151;flex:1}.pos-review-a{color:#111827;text-align:right;max-width:55%;font-weight:600}.pos-review-a.empty{color:#dc2626;font-style:italic;font-weight:500}.pos-review-total{color:#374151;margin-top:16px;font-size:14px}.pos-done{text-align:center;padding:30px 12px 40px}.pos-done-emoji{margin-bottom:12px;font-size:48px}.pos-done-badge{color:#ffc72c;letter-spacing:2px;background:#16324f;border-radius:4px;margin-bottom:16px;padding:4px 16px;font-size:11px;font-weight:800;display:inline-block}.pos-done-title{color:#16324f;margin:0 0 10px;font-size:22px;font-weight:900}.pos-done-msg{color:#374151;max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.pos-preview-overlay,.pos-preview-wrap{flex-direction:column;height:100%;display:flex}.pos-preview-topbar{color:#92400e;background:#fef9c3;border-bottom:2px solid #ffc72c;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.pos-preview-exit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.pos-overview-wrap{max-width:820px;margin:0 auto;padding:16px 14px 50px;font-family:system-ui,-apple-system,sans-serif}.pos-overview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:26px 28px;box-shadow:0 4px 18px #0000000f}.pos-overview-sub{color:#374151;margin:0 0 20px;font-size:14px}.pos-overview-stats{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.pos-stat-card{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:14px 20px;display:flex}.pos-stat-num{color:#16324f;font-size:24px;font-weight:900;line-height:1}.pos-stat-lbl{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.pos-overview-section{margin-bottom:22px}.pos-overview-section-title{color:#0f7a6b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:800}.pos-overview-section p{color:#374151;margin:0;font-size:14px;line-height:1.7}.pos-skills-wrap{flex-wrap:wrap;gap:8px;display:flex}.pos-skill-chip{color:#3730a3;background:#eef2ff;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:700}.pos-section-breakdown-row{border-top:1px solid #f1f5f9;grid-template-columns:2fr auto 2fr;align-items:center;gap:12px;padding:9px 0;font-size:13.5px;display:grid}.pos-section-breakdown-row:first-child{border-top:none}.pos-sbr-label{color:#16324f;font-weight:700}.pos-sbr-marks{color:#0f7a6b;text-align:center;white-space:nowrap;background:#e0f2fe;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.pos-sbr-type{color:#6b7280;text-align:right;font-size:12.5px}@media (width<=620px){.pos-section-breakdown-row{text-align:left;grid-template-columns:1fr}.pos-sbr-type{text-align:left}}.pos-teacher-notes-box{color:#7c5a06;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:10px;margin-bottom:22px;padding:14px 16px;font-size:13.5px;line-height:1.7}.pos-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.pos-btn-preview{color:#3730a3;cursor:pointer;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.pos-btn-preview:hover{background:#e0e7ff}.pos-btn-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16324f,#0f7a6b);border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s;box-shadow:0 4px 14px #16324f4d}.pos-btn-launch:hover{transform:translateY(-1px)}.pos-teacher-live{max-width:960px;margin:0 auto;padding:14px;font-family:system-ui,-apple-system,sans-serif}.pos-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pos-teacher-header-left{align-items:center;gap:10px;display:flex}.pos-teacher-emoji{font-size:28px}.pos-teacher-title{color:#16324f;font-size:17px;font-weight:800}.pos-teacher-sub{color:#6b7280;font-size:12.5px}.pos-live-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.pos-live-stat{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;padding:12px;display:flex}.pos-live-stat span:first-child{color:#16324f;font-size:20px;font-weight:800}.pos-live-stat span:last-child{color:#6b7280;font-size:11px;font-weight:600}.pos-live-stat--done span:first-child{color:#059669}.pos-live-stat--prog span:first-child{color:#d97706}@media (width<=560px){.pos-live-stats{grid-template-columns:repeat(2,1fr)}}.pos-live-tabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:14px;display:flex}.pos-live-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:13.5px;font-weight:700}.pos-live-tab.active{color:#16324f;border-bottom-color:#16324f}.pos-overview-bars{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 16px;display:flex}.pos-ov-row{color:#374151;justify-content:space-between;font-size:13.5px;display:flex}.pos-overview-students{flex-direction:column;gap:6px;display:flex}.pos-ov-student-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.pos-ov-name{color:#16324f;flex:1;font-size:13.5px;font-weight:600}.pos-ov-missions{gap:4px;display:flex}.pos-ov-dot{color:#9ca3af;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.pos-ov-dot.done{color:#fff;background:#0f7a6b}.pos-ov-empty{color:#6b7280;text-align:center;padding:20px;font-size:13px}.pos-status-badge{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.pos-status--idle{color:#6b7280;background:#f3f4f6}.pos-status--in-progress{color:#92400e;background:#fef3c7}.pos-status--submitted{color:#1d4ed8;background:#dbeafe}.pos-status--reviewed{color:#065f46;background:#d1fae5}.pos-details{flex-direction:column;gap:8px;display:flex}.pos-detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.pos-detail-summary{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.pos-detail-name{color:#16324f;flex:1;font-size:13.5px;font-weight:700}.pos-detail-progress,.pos-detail-score{color:#6b7280;white-space:nowrap;font-size:12.5px}.pos-detail-toggle{color:#9ca3af}.pos-detail-expanded{background:#f9fafb;border-top:1px solid #e5e7eb;padding:14px 16px}.pos-mq-block{border-bottom:1px solid #e5e7eb;margin-bottom:14px;padding-bottom:12px}.pos-mq-block:last-of-type{border-bottom:none}.pos-mq-header{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.pos-mq-header span{color:#6b7280;font-size:12px;font-weight:600}.pos-mq-row{margin-bottom:8px;font-size:12.5px}.pos-mq-q{color:#374151;margin-bottom:2px;font-weight:600}.pos-mq-a{color:#111827;white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:5px 9px}.pos-mq-correct{color:#6b7280;margin-top:2px;font-size:11.5px;font-style:italic}.pos-mq-feedback{color:#7c5a06;background:#fffbeb;border:1px solid #ffc72c;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:11.5px}.pos-mq-score-row{align-items:center;gap:8px;margin-top:6px;display:flex}.pos-mq-score-row label{color:#374151;font-size:12.5px;font-weight:600}.pos-mq-score-row input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:64px;padding:4px 8px;font-size:13px}.pos-mq-score-row span{color:#6b7280;font-size:12.5px}.pos-detail-total{color:#374151;margin:8px 0 12px;font-size:13.5px}.pos-detail-final{color:#059669;margin-left:6px;font-weight:700}.pos-detail-complete-badge{color:#1d4ed8;font-weight:600}.pos-graded-banner{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.pos-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:13px}.pos-finalize-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pos-note-muted{color:#6b7280;font-size:13px;font-style:italic}.pfn-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.pfn-wrap{color:#1a1a1a;max-width:820px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.pfn-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.pfn-loading-emoji{font-size:28px}.pfn-loading-text{color:#16324f;font-size:14px;font-weight:600}.pfn-stepper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;padding:10px 12px;display:flex}.pfn-step-dot{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.pfn-step-dot.done{color:#fff;background:#0f7a6b}.pfn-step-dot.active{color:#1a1a1a;background:#ffc72c}.pfn-step-label{color:#16324f;margin-left:8px;font-size:13px;font-weight:700}.pfn-step-codes{color:#7c5a06;background:#fffbeb;border:1px solid #ffc72c;border-radius:10px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:700}.pfn-passage-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 2px 10px #0000000d}.pfn-badge{color:#ffc72c;letter-spacing:1.5px;background:#16324f;border-radius:4px;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.pfn-title{color:#16324f;margin:0 0 4px;font-size:24px;font-weight:900}.pfn-passage-subtitle{color:#0f7a6b;margin:0 0 16px;font-size:16px;font-weight:700}.pfn-rules-list{color:#1f2937;background:#f8fafc;border-radius:12px;margin:0 0 16px;padding:18px 20px 18px 36px;font-size:14.5px;line-height:1.9}.pfn-rules-list li{margin-bottom:4px}.pfn-section-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:20px 22px;box-shadow:0 2px 8px #0000000a}.pfn-section-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.pfn-section-name{color:#16324f;font-size:18px;font-weight:800}.pfn-section-marks{color:#0f7a6b;background:#e0f2fe;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.pfn-instruction{color:#374151;margin:0 0 14px;font-size:14px;line-height:1.6}.pfn-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.pfn-field span{color:#374151;font-size:13px;font-weight:600}.pfn-field input,.pfn-field textarea,.pfn-field select{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.pfn-field input:focus,.pfn-field textarea:focus,.pfn-field select:focus{border-color:#0f7a6b;outline:none;box-shadow:0 0 0 3px #0f7a6b1f}.pfn-field-block textarea{resize:vertical;min-height:56px}.pfn-table{border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:8px;overflow:hidden}.pfn-table-head{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;grid-template-columns:1fr 1fr;padding:8px 12px;font-size:12px;font-weight:700;display:grid}.pfn-table-row{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px;display:grid}.pfn-table-row input{border:1.5px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13.5px}.pfn-table-row input:focus{border-color:#0f7a6b;outline:none}.pfn-table-static{color:#16324f;align-items:center;font-size:13.5px;font-weight:700;display:flex}.pfn-flag-card{color:#fff;background:#0f172a;border-radius:12px;align-items:center;gap:14px;margin-bottom:18px;padding:18px 20px;display:flex}.pfn-flag-icon{font-size:40px}.pfn-flag-card p{margin:0;font-size:14px;line-height:1.5}.pfn-map-card{background:#f0fdfa;border:1.5px solid #99f6e4;border-radius:12px;margin-bottom:18px;padding:16px 18px}.pfn-map-title{color:#0f7a6b;margin-bottom:10px;font-size:14px;font-weight:800}.pfn-map-forts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pfn-map-fort{color:#374151;background:#fff;border:1px solid #99f6e4;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;font-size:12.5px;display:flex}.pfn-map-fort strong{color:#16324f;font-size:13.5px}@media (width<=620px){.pfn-map-forts{grid-template-columns:1fr}}.pfn-nav-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.pfn-btn-primary{color:#fff;cursor:pointer;background:#16324f;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .12s}.pfn-btn-primary:hover{opacity:.88}.pfn-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.pfn-btn-secondary:hover{background:#e5e7eb}.pfn-btn-gold{color:#1a1a1a;cursor:pointer;background:#ffc72c;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.pfn-btn-gold:hover{transform:translateY(-1px)}.pfn-btn-ghost{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.pfn-btn-ghost:hover{background:#f9fafb}.pfn-btn-edit{color:#059669;cursor:pointer;background:#fff;border:1px solid #059669;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700}.pfn-confirm-overlay{z-index:500;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pfn-confirm-box{background:#fff;border-radius:14px;max-width:420px;padding:22px 24px;box-shadow:0 20px 60px #0000004d}.pfn-confirm-box p{color:#1f2937;margin:0 0 6px;font-size:14px}.pfn-confirm-row{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.pfn-review-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px}.pfn-review-title{color:#16324f;margin:0 0 4px;font-size:20px;font-weight:800}.pfn-review-sub{color:#6b7280;margin:0 0 14px;font-size:13.5px}.pfn-review-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.pfn-review-codewords{color:#16324f;margin-bottom:14px;font-size:13px;font-weight:700}.pfn-review-codewords-list,.pfn-done-codewords{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.pfn-codeword-chip{color:#9ca3af;letter-spacing:.06em;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:5px 12px;font-size:11.5px;font-weight:800}.pfn-codeword-chip.unlocked{color:#92400e;background:#fffbeb;border-color:#ffc72c}.pfn-review-sections{flex-direction:column;gap:14px;max-height:460px;padding-right:4px;display:flex;overflow-y:auto}.pfn-review-section{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.pfn-review-section-head{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.pfn-review-section-head span{color:#6b7280;font-size:12px;font-weight:500}.pfn-review-answers{flex-direction:column;gap:6px;display:flex}.pfn-review-answer-row{border-top:1px dashed #f1f5f9;justify-content:space-between;gap:12px;padding:4px 0;font-size:12.5px;display:flex}.pfn-review-answer-row:first-child{border-top:none}.pfn-review-q{color:#374151;flex:1}.pfn-review-a{color:#111827;text-align:right;max-width:55%;font-weight:600}.pfn-review-a.empty{color:#dc2626;font-style:italic;font-weight:500}.pfn-review-total{color:#374151;margin-top:16px;font-size:14px}.pfn-done{text-align:center;padding:30px 12px 40px}.pfn-done-emoji{margin-bottom:12px;font-size:48px}.pfn-done-badge{color:#ffc72c;letter-spacing:2px;background:#16324f;border-radius:4px;margin-bottom:16px;padding:4px 16px;font-size:11px;font-weight:800;display:inline-block}.pfn-done-title{color:#16324f;margin:0 0 10px;font-size:22px;font-weight:900}.pfn-done-msg{color:#374151;max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.pfn-done-title-earned{color:#7c5a06;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:10px;max-width:460px;margin:18px auto 0;padding:12px 16px;font-size:13.5px}.pfn-extension-box{color:#3730a3;text-align:left;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;max-width:500px;margin:20px auto 0;padding:12px 16px;font-size:12.5px}.pfn-preview-overlay,.pfn-preview-wrap{flex-direction:column;height:100%;display:flex}.pfn-preview-topbar{color:#92400e;background:#fef9c3;border-bottom:2px solid #ffc72c;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.pfn-preview-exit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.pfn-overview-wrap{max-width:820px;margin:0 auto;padding:16px 14px 50px;font-family:system-ui,-apple-system,sans-serif}.pfn-overview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:26px 28px;box-shadow:0 4px 18px #0000000f}.pfn-overview-sub{color:#374151;margin:0 0 20px;font-size:14px}.pfn-overview-stats{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.pfn-stat-card{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:14px 20px;display:flex}.pfn-stat-num{color:#16324f;font-size:24px;font-weight:900;line-height:1}.pfn-stat-lbl{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.pfn-overview-section{margin-bottom:22px}.pfn-overview-section-title{color:#0f7a6b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:800}.pfn-overview-section p{color:#374151;margin:0;font-size:14px;line-height:1.7}.pfn-skills-wrap{flex-wrap:wrap;gap:8px;display:flex}.pfn-skill-chip{color:#3730a3;background:#eef2ff;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:700}.pfn-section-breakdown-row{border-top:1px solid #f1f5f9;grid-template-columns:2fr auto 2fr;align-items:center;gap:12px;padding:9px 0;font-size:13.5px;display:grid}.pfn-section-breakdown-row:first-child{border-top:none}.pfn-sbr-label{color:#16324f;font-weight:700}.pfn-sbr-marks{color:#0f7a6b;text-align:center;white-space:nowrap;background:#e0f2fe;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.pfn-sbr-type{color:#6b7280;text-align:right;font-size:12.5px}@media (width<=620px){.pfn-section-breakdown-row{text-align:left;grid-template-columns:1fr}.pfn-sbr-type{text-align:left}}.pfn-teacher-notes-box{color:#7c5a06;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:13.5px;line-height:1.7}.pfn-resource-box{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:22px;padding:12px 16px;font-size:13px;line-height:1.6}.pfn-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.pfn-btn-preview{color:#3730a3;cursor:pointer;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.pfn-btn-preview:hover{background:#e0e7ff}.pfn-btn-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16324f,#0f7a6b);border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s;box-shadow:0 4px 14px #16324f4d}.pfn-btn-launch:hover{transform:translateY(-1px)}.pfn-teacher-live{max-width:960px;margin:0 auto;padding:14px;font-family:system-ui,-apple-system,sans-serif}.pfn-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pfn-teacher-header-left{align-items:center;gap:10px;display:flex}.pfn-teacher-emoji{font-size:28px}.pfn-teacher-title{color:#16324f;font-size:17px;font-weight:800}.pfn-teacher-sub{color:#6b7280;font-size:12.5px}.pfn-live-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.pfn-live-stat{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;padding:12px;display:flex}.pfn-live-stat span:first-child{color:#16324f;font-size:20px;font-weight:800}.pfn-live-stat span:last-child{color:#6b7280;font-size:11px;font-weight:600}.pfn-live-stat--done span:first-child{color:#059669}.pfn-live-stat--prog span:first-child{color:#d97706}@media (width<=560px){.pfn-live-stats{grid-template-columns:repeat(2,1fr)}}.pfn-live-tabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:14px;display:flex}.pfn-live-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:13.5px;font-weight:700}.pfn-live-tab.active{color:#16324f;border-bottom-color:#16324f}.pfn-overview-bars{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 16px;display:flex}.pfn-ov-row{color:#374151;justify-content:space-between;font-size:13.5px;display:flex}.pfn-overview-students{flex-direction:column;gap:6px;display:flex}.pfn-ov-student-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.pfn-ov-name{color:#16324f;flex:1;font-size:13.5px;font-weight:600}.pfn-ov-missions{gap:4px;display:flex}.pfn-ov-dot{color:#9ca3af;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.pfn-ov-dot.done{color:#fff;background:#0f7a6b}.pfn-ov-codes{color:#7c5a06;white-space:nowrap;font-size:11.5px;font-weight:700}.pfn-ov-empty{color:#6b7280;text-align:center;padding:20px;font-size:13px}.pfn-status-badge{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.pfn-status--idle{color:#6b7280;background:#f3f4f6}.pfn-status--in-progress{color:#92400e;background:#fef3c7}.pfn-status--submitted{color:#1d4ed8;background:#dbeafe}.pfn-status--reviewed{color:#065f46;background:#d1fae5}.pfn-details{flex-direction:column;gap:8px;display:flex}.pfn-detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.pfn-detail-summary{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.pfn-detail-name{color:#16324f;flex:1;font-size:13.5px;font-weight:700}.pfn-detail-progress,.pfn-detail-score{color:#6b7280;white-space:nowrap;font-size:12.5px}.pfn-detail-toggle{color:#9ca3af}.pfn-detail-expanded{background:#f9fafb;border-top:1px solid #e5e7eb;padding:14px 16px}.pfn-mq-block{border-bottom:1px solid #e5e7eb;margin-bottom:14px;padding-bottom:12px}.pfn-mq-block:last-of-type{border-bottom:none}.pfn-mq-header{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.pfn-mq-header span{color:#6b7280;font-size:12px;font-weight:600}.pfn-mq-row{margin-bottom:8px;font-size:12.5px}.pfn-mq-q{color:#374151;margin-bottom:2px;font-weight:600}.pfn-mq-a{color:#111827;white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:5px 9px}.pfn-mq-correct{color:#6b7280;margin-top:2px;font-size:11.5px;font-style:italic}.pfn-mq-feedback{color:#7c5a06;background:#fffbeb;border:1px solid #ffc72c;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:11.5px}.pfn-mq-score-row{align-items:center;gap:8px;margin-top:6px;display:flex}.pfn-mq-score-row label{color:#374151;font-size:12.5px;font-weight:600}.pfn-mq-score-row input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:64px;padding:4px 8px;font-size:13px}.pfn-mq-score-row span{color:#6b7280;font-size:12.5px}.pfn-detail-total{color:#374151;margin:8px 0 12px;font-size:13.5px}.pfn-detail-final{color:#059669;margin-left:6px;font-weight:700}.pfn-detail-complete-badge{color:#1d4ed8;font-weight:600}.pfn-detail-codewords{color:#7c5a06;margin-top:10px;font-size:12px;font-weight:700}.pfn-graded-banner{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.pfn-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:13px}.pfn-finalize-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pfn-note-muted{color:#6b7280;font-size:13px;font-style:italic}.mwb-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.mwb-wrap{color:#1a1a1a;max-width:820px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.mwb-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.mwb-loading-emoji{font-size:28px}.mwb-loading-text{color:#16324f;font-size:14px;font-weight:600}.mwb-stepper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;padding:10px 12px;display:flex}.mwb-step-dot{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.mwb-step-dot.done{color:#fff;background:#0f7a6b}.mwb-step-dot.active{color:#1a1a1a;background:#ffc72c}.mwb-step-label{color:#16324f;margin-left:8px;font-size:13px;font-weight:700}.mwb-passage-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 2px 10px #0000000d}.mwb-badge{color:#ffc72c;letter-spacing:1.5px;background:#16324f;border-radius:4px;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.mwb-title{color:#16324f;margin:0 0 4px;font-size:24px;font-weight:900}.mwb-passage-sub{color:#0f7a6b;margin:0 0 16px;font-size:15px;font-weight:700}.mwb-passage-hint{color:#6b7280;margin:14px 0 6px;font-size:12.5px;font-style:italic}.mwb-map-study-frame{text-align:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px}.mwb-map-study-image{cursor:zoom-in;border-radius:8px;max-width:100%;height:auto}.mwb-map-caption{color:#16324f;text-align:center;margin:8px 0 2px;font-size:12.5px;font-weight:700}.mwb-map-panel{margin-bottom:14px}.mwb-map-toggle{color:#ffc72c;cursor:pointer;background:#16324f;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.mwb-map-toggle:hover{opacity:.9}.mwb-map-panel-body{text-align:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;margin-top:10px;padding:12px}.mwb-map-image{cursor:zoom-in;border:1px solid #e5e7eb;border-radius:8px;max-width:100%;height:auto}.mwb-map-note{color:#6b7280;margin-top:6px;font-size:11.5px;font-style:italic}.mwb-zoom-overlay{z-index:600;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mwb-zoom-box{max-width:min(94vw,1200px);max-height:90vh;position:relative}.mwb-zoom-image{border-radius:10px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #0006}.mwb-zoom-close{color:#fff;cursor:pointer;background:#16324f;border:none;border-radius:20px;padding:8px 16px;font-size:12.5px;font-weight:700;position:absolute;top:-14px;right:-14px;box-shadow:0 2px 8px #0000004d}.mwb-overview-map-frame{text-align:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;padding:10px}.mwb-overview-map-image{border-radius:8px;max-width:100%;height:auto}.mwb-teacher-map-ref{text-align:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:12px}.mwb-section-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:20px 22px;box-shadow:0 2px 8px #0000000a}.mwb-section-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.mwb-section-name{color:#16324f;font-size:18px;font-weight:800}.mwb-section-marks{color:#0f7a6b;background:#e0f2fe;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.mwb-instruction{color:#374151;margin:0 0 14px;font-size:14px;line-height:1.6}.mwb-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px 16px;margin-bottom:6px;display:grid}@media (width<=620px){.mwb-grid-3{grid-template-columns:1fr}}.mwb-field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.mwb-field span{color:#374151;font-size:13px;font-weight:600}.mwb-field input,.mwb-field select{color:#1a1a1a;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.mwb-field input:focus,.mwb-field select:focus{border-color:#0f7a6b;outline:none;box-shadow:0 0 0 3px #0f7a6b1f}.mwb-nav-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.mwb-btn-primary{color:#fff;cursor:pointer;background:#16324f;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .12s}.mwb-btn-primary:hover{opacity:.88}.mwb-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.mwb-btn-secondary:hover{background:#e5e7eb}.mwb-btn-gold{color:#1a1a1a;cursor:pointer;background:#ffc72c;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.mwb-btn-gold:hover{transform:translateY(-1px)}.mwb-btn-ghost{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.mwb-btn-ghost:hover{background:#f9fafb}.mwb-btn-edit{color:#059669;cursor:pointer;background:#fff;border:1px solid #059669;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700}.mwb-confirm-overlay{z-index:500;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mwb-confirm-box{background:#fff;border-radius:14px;max-width:420px;padding:22px 24px;box-shadow:0 20px 60px #0000004d}.mwb-confirm-box p{color:#1f2937;margin:0 0 6px;font-size:14px}.mwb-confirm-row{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.mwb-review-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px}.mwb-review-title{color:#16324f;margin:0 0 4px;font-size:20px;font-weight:800}.mwb-review-sub{color:#6b7280;margin:0 0 14px;font-size:13.5px}.mwb-review-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.mwb-review-sections{flex-direction:column;gap:14px;max-height:460px;padding-right:4px;display:flex;overflow-y:auto}.mwb-review-section{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.mwb-review-section-head{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.mwb-review-section-head span{color:#6b7280;font-size:12px;font-weight:500}.mwb-review-answers{flex-direction:column;gap:6px;display:flex}.mwb-review-answer-row{border-top:1px dashed #f1f5f9;justify-content:space-between;gap:12px;padding:4px 0;font-size:12.5px;display:flex}.mwb-review-answer-row:first-child{border-top:none}.mwb-review-q{color:#374151;flex:1}.mwb-review-a{color:#111827;text-align:right;max-width:55%;font-weight:600}.mwb-review-a.empty{color:#dc2626;font-style:italic;font-weight:500}.mwb-review-total{color:#374151;margin-top:16px;font-size:14px}.mwb-done{text-align:center;padding:30px 12px 40px}.mwb-done-emoji{margin-bottom:12px;font-size:48px}.mwb-done-badge{color:#ffc72c;letter-spacing:2px;background:#16324f;border-radius:4px;margin-bottom:16px;padding:4px 16px;font-size:11px;font-weight:800;display:inline-block}.mwb-done-title{color:#16324f;margin:0 0 10px;font-size:22px;font-weight:900}.mwb-done-msg{color:#374151;max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.mwb-preview-overlay,.mwb-preview-wrap{flex-direction:column;height:100%;display:flex}.mwb-preview-topbar{color:#92400e;background:#fef9c3;border-bottom:2px solid #ffc72c;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.mwb-preview-exit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.mwb-overview-wrap{max-width:820px;margin:0 auto;padding:16px 14px 50px;font-family:system-ui,-apple-system,sans-serif}.mwb-overview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:26px 28px;box-shadow:0 4px 18px #0000000f}.mwb-overview-sub{color:#374151;margin:0 0 20px;font-size:14px}.mwb-overview-stats{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.mwb-stat-card{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:14px 20px;display:flex}.mwb-stat-num{color:#16324f;font-size:24px;font-weight:900;line-height:1}.mwb-stat-lbl{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.mwb-overview-section{margin-bottom:22px}.mwb-overview-section-title{color:#0f7a6b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:800}.mwb-overview-section p{color:#374151;margin:0;font-size:14px;line-height:1.7}.mwb-skills-wrap{flex-wrap:wrap;gap:8px;display:flex}.mwb-skill-chip{color:#3730a3;background:#eef2ff;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:700}.mwb-section-breakdown-row{border-top:1px solid #f1f5f9;grid-template-columns:2fr auto 2fr;align-items:center;gap:12px;padding:9px 0;font-size:13.5px;display:grid}.mwb-section-breakdown-row:first-child{border-top:none}.mwb-sbr-label{color:#16324f;font-weight:700}.mwb-sbr-marks{color:#0f7a6b;text-align:center;white-space:nowrap;background:#e0f2fe;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.mwb-sbr-type{color:#6b7280;text-align:right;font-size:12.5px}@media (width<=620px){.mwb-section-breakdown-row{text-align:left;grid-template-columns:1fr}.mwb-sbr-type{text-align:left}}.mwb-teacher-notes-box{color:#7c5a06;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:10px;margin-bottom:22px;padding:14px 16px;font-size:13.5px;line-height:1.7}.mwb-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.mwb-btn-preview{color:#3730a3;cursor:pointer;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.mwb-btn-preview:hover{background:#e0e7ff}.mwb-btn-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16324f,#0f7a6b);border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s;box-shadow:0 4px 14px #16324f4d}.mwb-btn-launch:hover{transform:translateY(-1px)}.mwb-teacher-live{max-width:960px;margin:0 auto;padding:14px;font-family:system-ui,-apple-system,sans-serif}.mwb-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mwb-teacher-header-left{align-items:center;gap:10px;display:flex}.mwb-teacher-emoji{font-size:28px}.mwb-teacher-title{color:#16324f;font-size:17px;font-weight:800}.mwb-teacher-sub{color:#6b7280;font-size:12.5px}.mwb-live-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.mwb-live-stat{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;padding:12px;display:flex}.mwb-live-stat span:first-child{color:#16324f;font-size:20px;font-weight:800}.mwb-live-stat span:last-child{color:#6b7280;font-size:11px;font-weight:600}.mwb-live-stat--done span:first-child{color:#059669}.mwb-live-stat--prog span:first-child{color:#d97706}@media (width<=560px){.mwb-live-stats{grid-template-columns:repeat(2,1fr)}}.mwb-live-tabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:14px;display:flex}.mwb-live-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:13.5px;font-weight:700}.mwb-live-tab.active{color:#16324f;border-bottom-color:#16324f}.mwb-overview-bars{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 16px;display:flex}.mwb-ov-row{color:#374151;justify-content:space-between;font-size:13.5px;display:flex}.mwb-overview-students{flex-direction:column;gap:6px;display:flex}.mwb-ov-student-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.mwb-ov-name{color:#16324f;flex:1;font-size:13.5px;font-weight:600}.mwb-ov-missions{gap:4px;display:flex}.mwb-ov-dot{color:#9ca3af;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.mwb-ov-dot.done{color:#fff;background:#0f7a6b}.mwb-ov-empty{color:#6b7280;text-align:center;padding:20px;font-size:13px}.mwb-status-badge{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.mwb-status--idle{color:#6b7280;background:#f3f4f6}.mwb-status--in-progress{color:#92400e;background:#fef3c7}.mwb-status--submitted{color:#1d4ed8;background:#dbeafe}.mwb-status--reviewed{color:#065f46;background:#d1fae5}.mwb-details{flex-direction:column;gap:8px;display:flex}.mwb-detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.mwb-detail-summary{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.mwb-detail-name{color:#16324f;flex:1;font-size:13.5px;font-weight:700}.mwb-detail-progress,.mwb-detail-score{color:#6b7280;white-space:nowrap;font-size:12.5px}.mwb-detail-toggle{color:#9ca3af}.mwb-detail-expanded{background:#f9fafb;border-top:1px solid #e5e7eb;padding:14px 16px}.mwb-mq-block{border-bottom:1px solid #e5e7eb;margin-bottom:14px;padding-bottom:12px}.mwb-mq-block:last-of-type{border-bottom:none}.mwb-mq-header{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.mwb-mq-header span{color:#6b7280;font-size:12px;font-weight:600}.mwb-mq-row{margin-bottom:8px;font-size:12.5px}.mwb-mq-q{color:#374151;margin-bottom:2px;font-weight:600}.mwb-mq-a{color:#111827;white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:5px 9px}.mwb-mq-correct{color:#6b7280;margin-top:2px;font-size:11.5px;font-style:italic}.mwb-mq-feedback{color:#7c5a06;background:#fffbeb;border:1px solid #ffc72c;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:11.5px}.mwb-mq-score-row{align-items:center;gap:8px;margin-top:6px;display:flex}.mwb-mq-score-row label{color:#374151;font-size:12.5px;font-weight:600}.mwb-mq-score-row input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:64px;padding:4px 8px;font-size:13px}.mwb-mq-score-row span{color:#6b7280;font-size:12.5px}.mwb-detail-total{color:#374151;margin:8px 0 12px;font-size:13.5px}.mwb-detail-final{color:#059669;margin-left:6px;font-weight:700}.mwb-detail-complete-badge{color:#1d4ed8;font-weight:600}.mwb-graded-banner{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.mwb-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:13px}.mwb-finalize-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mwb-note-muted{color:#6b7280;font-size:13px;font-style:italic}.mmeg-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.mmeg-wrap{color:#1a1a1a;max-width:820px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.mmeg-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.mmeg-loading-emoji{font-size:28px}.mmeg-loading-text{color:#16324f;font-size:14px;font-weight:600}.mmeg-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.mmeg-stepper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;margin-bottom:14px;padding:10px 12px;display:flex}.mmeg-step-dot{color:#6b7280;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.mmeg-step-dot.practice.active{color:#fff;background:#0f7a6b}.mmeg-step-dot.quiz.active{color:#1a1a1a;background:#ffc72c}.mmeg-step-dot.done{color:#fff;background:#94d3c4}.mmeg-step-label{color:#16324f;margin-left:8px;font-size:13px;font-weight:700}.mmeg-sound-toggle{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;margin-bottom:14px;padding:8px 16px;font-size:12.5px;font-weight:700}.mmeg-sound-toggle:hover{background:#f9fafb}.mmeg-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px 24px;box-shadow:0 2px 10px #0000000d}.mmeg-badge{color:#ffc72c;letter-spacing:1.5px;background:#16324f;border-radius:4px;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.mmeg-title{color:#16324f;margin:0 0 4px;font-size:24px;font-weight:900}.mmeg-welcome-card{text-align:center}.mmeg-market-scene{flex-wrap:wrap;justify-content:center;gap:16px;margin:18px 0;font-size:34px;display:flex}.mmeg-scene-item{animation:.5s both mmegPopIn;display:inline-block}.mmeg-welcome-msg{color:#374151;max-width:520px;margin:10px auto 18px;font-size:15px;line-height:1.7}.mmeg-key-idea-box{text-align:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #ffc72c;border-radius:12px;max-width:460px;margin:0 auto 18px;padding:14px 18px}.mmeg-key-idea-label{color:#92400e;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.mmeg-key-idea-text{color:#16324f;font-size:18px;font-weight:800}.mmeg-section-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.mmeg-section-name{color:#16324f;font-size:18px;font-weight:800}.mmeg-section-marks{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.mmeg-practice-badge{color:#065f46;background:#d1fae5}.mmeg-quiz-badge{color:#92400e;background:#fef3c7}.mmeg-instruction{color:#374151;margin:0 0 14px;font-size:14px;line-height:1.6}.mmeg-groups-visual{background:#f0fdfa;border:1px dashed #99e3d3;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:14px;margin:16px 0;padding:14px;display:flex}.mmeg-basket{flex-direction:column;align-items:center;gap:6px;animation:.4s both mmegSlideIn;display:flex}.mmeg-basket-items{background:#fff;border:1.5px solid #d1fae5;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;max-width:120px;min-height:30px;padding:6px 8px;display:flex}.mmeg-basket-item{font-size:18px;animation:.35s both mmegPopIn;display:inline-block}.mmeg-basket-label{color:#0f7a6b;font-size:11px;font-weight:700}.mmeg-learn-breakdown{background:#f8fafc;border-radius:10px;margin:12px 0 4px;padding:12px 16px;animation:.4s both mmegPopIn}.mmeg-breakdown-row{color:#374151;justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.mmeg-breakdown-row strong{color:#16324f}.mmeg-total-row{border-top:1px dashed #d1d5db;margin-top:4px;padding-top:8px}.mmeg-total-row strong{color:#0f7a6b;font-size:16px}.mmeg-guided-problem,.mmeg-builder-problem,.mmeg-quiz-problem{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px 18px}.mmeg-guided-problem-text{color:#1f2937;margin-bottom:12px;font-size:14.5px;font-weight:600;line-height:1.6}.mmeg-problem-num{color:#0f7a6b;margin-right:4px;font-weight:800}.mmeg-keyword{color:#1a1a1a;background:#ffc72c;border-radius:4px;padding:1px 4px;font-style:normal}.mmeg-guided-fields{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.mmeg-guided-fields.mmeg-fields-wide{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}@media (width<=560px){.mmeg-guided-fields.mmeg-fields-wide{grid-template-columns:1fr}}.mmeg-field{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.mmeg-field span{color:#374151;font-size:13px;font-weight:600}.mmeg-field input,.mmeg-field select,.mmeg-field textarea{color:#1a1a1a;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.mmeg-field input:focus,.mmeg-field select:focus,.mmeg-field textarea:focus{border-color:#0f7a6b;outline:none;box-shadow:0 0 0 3px #0f7a6b1f}.mmeg-field-block textarea{resize:vertical;min-height:56px}.mmeg-guided-check-row{align-items:center;margin-top:6px}.mmeg-feedback-correct{color:#059669;font-size:13.5px;font-weight:700;animation:.3s both mmegPopIn}.mmeg-feedback-hint{color:#92400e;background:#fffbeb;border:1px solid #ffc72c;border-radius:8px;margin-top:6px;padding:8px 12px;font-size:13px;font-weight:600}.mmeg-builder-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:4px;display:flex}.mmeg-builder-controls .mmeg-field{min-width:130px;margin-bottom:0}.mmeg-builder-result{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:14px;font-weight:700;animation:.4s both mmegPopIn}.mmeg-nav-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.mmeg-btn-primary{color:#fff;cursor:pointer;background:#16324f;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .12s}.mmeg-btn-primary:hover{opacity:.88}.mmeg-btn-primary:disabled{opacity:.4;cursor:not-allowed}.mmeg-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.mmeg-btn-secondary:hover{background:#e5e7eb}.mmeg-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.mmeg-btn-gold{color:#1a1a1a;cursor:pointer;background:#ffc72c;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.mmeg-btn-gold:hover{transform:translateY(-1px)}.mmeg-btn-ghost{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.mmeg-btn-ghost:hover{background:#f9fafb}.mmeg-btn-edit{color:#059669;cursor:pointer;background:#fff;border:1px solid #059669;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700}.mmeg-transition-card{text-align:center}.mmeg-transition-title{color:#16324f;margin:8px 0 12px;font-size:20px;font-weight:800}.mmeg-transition-msg{color:#374151;max-width:480px;margin:0 auto 14px;font-size:14.5px;line-height:1.7}.mmeg-quiz-marks-note{color:#92400e;background:#fffbeb;border:1px solid #ffc72c;border-radius:20px;margin-bottom:6px;padding:8px 16px;font-size:14px;display:inline-block}.mmeg-confirm-overlay{z-index:500;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mmeg-confirm-box{background:#fff;border-radius:14px;max-width:420px;padding:22px 24px;box-shadow:0 20px 60px #0000004d}.mmeg-confirm-box p{color:#1f2937;margin:0 0 6px;font-size:14px}.mmeg-confirm-row{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.mmeg-review-title{color:#16324f;margin:0 0 4px;font-size:20px;font-weight:800}.mmeg-review-sub{color:#6b7280;margin:0 0 10px;font-size:13.5px}.mmeg-review-practice-status{color:#0f7a6b;margin-bottom:12px;font-size:13px;font-weight:700}.mmeg-review-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.mmeg-review-sections{flex-direction:column;gap:14px;max-height:460px;padding-right:4px;display:flex;overflow-y:auto}.mmeg-review-section{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.mmeg-review-section-head{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.mmeg-review-section-head span{color:#6b7280;font-size:12px;font-weight:500}.mmeg-review-answers{flex-direction:column;gap:6px;display:flex}.mmeg-review-answer-row{border-top:1px dashed #f1f5f9;justify-content:space-between;gap:12px;padding:4px 0;font-size:12.5px;display:flex}.mmeg-review-answer-row:first-child{border-top:none}.mmeg-review-q{color:#374151;flex:1}.mmeg-review-a{color:#111827;text-align:right;max-width:55%;font-weight:600}.mmeg-review-a.empty{color:#dc2626;font-style:italic;font-weight:500}.mmeg-review-total{color:#374151;margin-top:16px;font-size:14px}.mmeg-done{text-align:center;padding:30px 12px 40px}.mmeg-done-emoji{margin-bottom:12px;font-size:48px}.mmeg-done-badge{color:#ffc72c;letter-spacing:1.5px;background:#16324f;border-radius:20px;margin-bottom:16px;padding:6px 18px;font-size:12px;font-weight:800;display:inline-block}.mmeg-done-title{color:#16324f;margin:0 0 10px;font-size:22px;font-weight:900}.mmeg-done-msg{color:#374151;max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.mmeg-badge-pop{animation:.6s cubic-bezier(.34,1.56,.64,1) both mmegBadgeBounce}.mmeg-preview-overlay,.mmeg-preview-wrap{flex-direction:column;height:100%;display:flex}.mmeg-preview-topbar{color:#92400e;background:#fef9c3;border-bottom:2px solid #ffc72c;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.mmeg-preview-exit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.mmeg-overview-wrap{max-width:820px;margin:0 auto;padding:16px 14px 50px;font-family:system-ui,-apple-system,sans-serif}.mmeg-overview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:26px 28px;box-shadow:0 4px 18px #0000000f}.mmeg-overview-sub{color:#374151;margin:0 0 20px;font-size:14px}.mmeg-overview-stats{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.mmeg-stat-card{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:14px 20px;display:flex}.mmeg-stat-num{color:#16324f;font-size:24px;font-weight:900;line-height:1}.mmeg-stat-lbl{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.mmeg-overview-section{margin-bottom:22px}.mmeg-overview-section-title{color:#0f7a6b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:800}.mmeg-overview-section p{color:#374151;margin:0;font-size:14px;line-height:1.7}.mmeg-skills-wrap{flex-wrap:wrap;gap:8px;display:flex}.mmeg-skill-chip{color:#3730a3;background:#eef2ff;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:700}.mmeg-section-breakdown-row{border-top:1px solid #f1f5f9;grid-template-columns:2fr auto 2fr;align-items:center;gap:12px;padding:9px 0;font-size:13.5px;display:grid}.mmeg-section-breakdown-row:first-child{border-top:none}.mmeg-sbr-label{color:#16324f;font-weight:700}.mmeg-sbr-marks{color:#0f7a6b;text-align:center;white-space:nowrap;background:#e0f2fe;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.mmeg-sbr-type{color:#6b7280;text-align:right;font-size:12.5px}@media (width<=620px){.mmeg-section-breakdown-row{text-align:left;grid-template-columns:1fr}.mmeg-sbr-type{text-align:left}}.mmeg-teacher-notes-box{color:#7c5a06;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:10px;margin-bottom:22px;padding:14px 16px;font-size:13.5px;line-height:1.7}.mmeg-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.mmeg-btn-preview{color:#3730a3;cursor:pointer;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.mmeg-btn-preview:hover{background:#e0e7ff}.mmeg-btn-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16324f,#0f7a6b);border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s;box-shadow:0 4px 14px #16324f4d}.mmeg-btn-launch:hover{transform:translateY(-1px)}.mmeg-teacher-live{max-width:960px;margin:0 auto;padding:14px;font-family:system-ui,-apple-system,sans-serif}.mmeg-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mmeg-teacher-header-left{align-items:center;gap:10px;display:flex}.mmeg-teacher-emoji{font-size:28px}.mmeg-teacher-title{color:#16324f;font-size:17px;font-weight:800}.mmeg-teacher-sub{color:#6b7280;font-size:12.5px}.mmeg-live-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.mmeg-live-stat{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;padding:12px;display:flex}.mmeg-live-stat span:first-child{color:#16324f;font-size:20px;font-weight:800}.mmeg-live-stat span:last-child{color:#6b7280;font-size:11px;font-weight:600}.mmeg-live-stat--done span:first-child{color:#059669}.mmeg-live-stat--prog span:first-child{color:#d97706}@media (width<=560px){.mmeg-live-stats{grid-template-columns:repeat(2,1fr)}}.mmeg-live-tabs{border-bottom:2px solid #e5e7eb;gap:4px;margin-bottom:14px;display:flex}.mmeg-live-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:13.5px;font-weight:700}.mmeg-live-tab.active{color:#16324f;border-bottom-color:#16324f}.mmeg-overview-bars{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 16px;display:flex}.mmeg-ov-row{color:#374151;justify-content:space-between;font-size:13.5px;display:flex}.mmeg-overview-students{flex-direction:column;gap:6px;display:flex}.mmeg-ov-student-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.mmeg-ov-name{color:#16324f;flex:1;min-width:120px;font-size:13.5px;font-weight:600}.mmeg-ov-phase{color:#6b7280;font-size:12px}.mmeg-ov-missions{gap:4px;display:flex}.mmeg-ov-dot{color:#9ca3af;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.mmeg-ov-dot.done{color:#fff;background:#0f7a6b}.mmeg-ov-empty{color:#6b7280;text-align:center;padding:20px;font-size:13px}.mmeg-status-badge{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.mmeg-status--idle{color:#6b7280;background:#f3f4f6}.mmeg-status--in-progress{color:#92400e;background:#fef3c7}.mmeg-status--submitted{color:#1d4ed8;background:#dbeafe}.mmeg-status--reviewed{color:#065f46;background:#d1fae5}.mmeg-details{flex-direction:column;gap:8px;display:flex}.mmeg-detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.mmeg-detail-summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.mmeg-detail-name{color:#16324f;flex:1;min-width:100px;font-size:13.5px;font-weight:700}.mmeg-detail-progress,.mmeg-detail-score{color:#6b7280;white-space:nowrap;font-size:12.5px}.mmeg-detail-toggle{color:#9ca3af}.mmeg-detail-expanded{background:#f9fafb;border-top:1px solid #e5e7eb;padding:14px 16px}.mmeg-practice-insight{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:12.5px}.mmeg-mq-block{border-bottom:1px solid #e5e7eb;margin-bottom:14px;padding-bottom:12px}.mmeg-mq-block:last-of-type{border-bottom:none}.mmeg-mq-header{color:#16324f;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.mmeg-mq-header span{color:#6b7280;font-size:12px;font-weight:600}.mmeg-mq-row{margin-bottom:8px;font-size:12.5px}.mmeg-mq-q{color:#374151;margin-bottom:2px;font-weight:600}.mmeg-mq-a{color:#111827;white-space:pre-wrap;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:5px 9px}.mmeg-mq-correct{color:#6b7280;margin-top:2px;font-size:11.5px;font-style:italic}.mmeg-mq-feedback{color:#7c5a06;background:#fffbeb;border:1px solid #ffc72c;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:11.5px}.mmeg-mq-score-row{align-items:center;gap:8px;margin-top:6px;display:flex}.mmeg-mq-score-row label{color:#374151;font-size:12.5px;font-weight:600}.mmeg-mq-score-row input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:64px;padding:4px 8px;font-size:13px}.mmeg-mq-score-row span{color:#6b7280;font-size:12.5px}.mmeg-detail-total{color:#374151;margin:8px 0 12px;font-size:13.5px}.mmeg-detail-final{color:#059669;margin-left:6px;font-weight:700}.mmeg-detail-complete-badge{color:#1d4ed8;font-weight:600}.mmeg-graded-banner{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.mmeg-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:13px}.mmeg-finalize-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mmeg-note-muted{color:#6b7280;font-size:13px;font-style:italic}@keyframes mmegPopIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes mmegSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mmegBadgeBounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mmeg-scene-item,.mmeg-basket,.mmeg-basket-item,.mmeg-learn-breakdown,.mmeg-feedback-correct,.mmeg-builder-result,.mmeg-badge-pop{animation:none!important}}@media (width<=640px){.mmeg-overview-card,.mmeg-card{padding:18px 16px}.mmeg-guided-fields.mmeg-fields-wide{grid-template-columns:1fr}.mmeg-builder-controls{flex-direction:column;align-items:stretch}}.mrb-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.mrb-wrap{color:#1a1a1a;max-width:820px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.mrb-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.mrb-loading-emoji{font-size:28px}.mrb-loading-text{color:#16324f;font-size:14px;font-weight:600}.mrb-stepper{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;display:flex}.mrb-step-label{color:#16324f;font-size:13px;font-weight:700}.mrb-step-progress{color:#0f7a6b;font-size:12.5px;font-weight:700}.mrb-intro-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 2px 10px #0000000d}.mrb-badge{color:#ffc72c;letter-spacing:1.5px;background:#16324f;border-radius:4px;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.mrb-title{color:#16324f;margin:0 0 4px;font-size:24px;font-weight:900}.mrb-intro-sub{color:#0f7a6b;margin:0 0 16px;font-size:14.5px;font-weight:600;line-height:1.6}.mrb-map-study-frame{text-align:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;padding:12px}.mrb-map-study-image{border-radius:8px;max-width:100%;height:auto}.mrb-map-caption{color:#16324f;text-align:center;margin:8px 0 2px;font-size:12.5px;font-weight:700}.mrb-question-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:20px 22px;box-shadow:0 2px 8px #0000000a}.mrb-question-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.mrb-question-category{color:#0f7a6b;background:#e0f2fe;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.mrb-question-count{color:#6b7280;font-size:12.5px;font-weight:700}.mrb-scale-badge{color:#ffc72c;background:#16324f;border-radius:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.mrb-question-prompt{color:#1f2937;margin:0 0 16px;font-size:15px;font-weight:600;line-height:1.6}.mrb-methods-area{margin:4px 0 14px}.mrb-method-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.mrb-method-tab{color:#374151;cursor:pointer;background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .15s}.mrb-method-tab:hover{border-color:#0f7a6b}.mrb-method-tab.active{color:#ffc72c;background:#16324f;border-color:#16324f}.mrb-both-methods-note{color:#0f5c52;background:#f0fdf9;border:1.5px solid #99f6e4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:10px;padding:8px 12px;font-size:12.5px;display:flex}.mrb-both-methods-title{font-weight:800}.mrb-scale-type-badge{background:#16324f;border-radius:10px;margin-bottom:10px;padding:10px 14px}.mrb-method-label{color:#ffc72c;margin-bottom:2px;font-size:13px;font-weight:800}.mrb-scale-type-line,.mrb-scale-value-line{color:#e2e8f0;font-size:12.5px;font-weight:600}.mrb-scale-explain-mini{color:#78350f;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:12px;padding:10px 12px;font-size:12.5px;display:flex}.mrb-field{flex-direction:column;gap:5px;margin:16px 0 6px;display:flex}.mrb-field span{color:#374151;font-size:13px;font-weight:600}.mrb-field-label{color:#374151;margin:16px 0 8px;font-size:13px;font-weight:700}.mrb-field textarea{resize:vertical;color:#1a1a1a;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.mrb-field textarea:focus{border-color:#0f7a6b;outline:none;box-shadow:0 0 0 3px #0f7a6b1f}.mrb-field input{color:#1a1a1a;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;max-width:220px;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:700;transition:border-color .15s}.mrb-field input:focus{border-color:#0f7a6b;outline:none;box-shadow:0 0 0 3px #0f7a6b1f}.mrb-calc-given{color:#0369a1;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:8px;margin:10px 0;padding:10px 14px;font-size:13.5px;font-weight:700}.mrb-leg-fields{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;padding:10px 14px 2px}.mrb-leg-heading{color:#16324f;margin-bottom:2px;font-size:13px;font-weight:800}.mrb-compare-choice{margin-top:14px}.mrb-compare-choice-row{flex-wrap:wrap;gap:10px;display:flex}.mrb-compare-choice-btn{color:#1f2937;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;min-height:44px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .15s}.mrb-compare-choice-btn:hover{background:#f0fdf9;border-color:#0f7a6b}.mrb-compare-choice-btn.selected{color:#fff;background:#0f7a6b;border-color:#0f7a6b}.mrb-tf-row{gap:10px;margin:14px 0 6px;display:flex}.mrb-tf-btn{color:#1f2937;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;min-height:44px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .15s}.mrb-tf-btn:hover{background:#f0fdf9;border-color:#0f7a6b}.mrb-tf-btn.selected{color:#fff;background:#0f7a6b;border-color:#0f7a6b}.mrb-map-panel{margin-bottom:14px}.mrb-ruler-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.mrb-btn-ruler{color:#ffc72c;cursor:pointer;background:#16324f;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.mrb-btn-ruler:hover{opacity:.9}.mrb-btn-ruler.active{color:#fff;background:#0f7a6b;box-shadow:0 0 0 3px #0f7a6b38}.mrb-method-box{background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;margin:0 0 14px;padding:12px 14px}.mrb-method-title{color:#0369a1;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:12px;font-weight:800}.mrb-method-box p{color:#075985;margin:0;font-size:13px;line-height:1.6}.mrb-map-frame{-webkit-user-select:none;user-select:none;touch-action:none;background:#eaf2f8;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;position:relative;overflow:visible}.mrb-map-image{pointer-events:none;border-radius:8.5px;width:100%;height:auto;display:block}.mrb-map-frame.placing-mode{cursor:crosshair;box-shadow:0 0 0 3px #0f7a6b4d}.mrb-ruler-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mrb-ruler-line{stroke:#dc2626;stroke-width:3px;stroke-linecap:round}.mrb-point-a,.mrb-point-b{stroke:#fff;stroke-width:2px}.mrb-point-a{fill:#0f7a6b}.mrb-point-b{fill:#dc2626}.mrb-point-label{color:#ffc72c;pointer-events:none;white-space:nowrap;background:#16324f;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;transform:translate(-50%,-170%)}.mrb-point-label-b{color:#fff;background:#dc2626}.mrb-comparison-line{stroke:#d97706;stroke-width:3px;stroke-dasharray:7 5;stroke-linecap:round}.mrb-comparison-hit{stroke:#0000;stroke-width:28px;pointer-events:all;cursor:grab;touch-action:none}.mrb-comparison-hit:active{cursor:grabbing}.mrb-drag-handle{fill:#d97706;stroke:#fff;stroke-width:2px;pointer-events:all;cursor:grab;touch-action:none}.mrb-drag-handle:active{cursor:grabbing}.mrb-drag-caption{color:#fff;pointer-events:none;white-space:nowrap;background:#d97706;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;transform:translate(-8px,10px)}.mrb-current-measurement{color:#0f5c52;background:#f0fdf9;border:1.5px solid #99f6e4;border-radius:10px;flex-direction:column;gap:4px;margin-top:10px;padding:12px 14px;font-size:13.5px;display:flex}.mrb-current-measurement-title{font-weight:700}.mrb-ruler{transform-origin:0%;z-index:20;filter:drop-shadow(0 2px 5px #00000059);height:40px;position:absolute}.mrb-ruler-body{cursor:grab;touch-action:none;background:linear-gradient(#fdf6e3 0%,#f5ecc9 100%);border:2px solid #92400e;border-radius:4px;width:100%;height:40px;position:relative}.mrb-ruler-body:active{cursor:grabbing}.mrb-ruler-tick{background:#78350f;width:2px;height:16px;position:absolute;bottom:0;transform:translate(-1px)}.mrb-ruler-tick:after{content:""}.mrb-ruler-tick-zero{background:#dc2626;width:3px;height:100%}.mrb-ruler-tick-label{color:#78350f;white-space:nowrap;font-size:10px;font-weight:800;position:absolute;top:-16px;left:2px}.mrb-ruler-tick-zero .mrb-ruler-tick-label{color:#dc2626}.mrb-ruler-rotate-handle{color:#fff;cursor:grab;touch-action:none;background:#d97706;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:-13px;margin-left:-13px;font-size:14px;display:flex;position:absolute;top:50%;box-shadow:0 2px 6px #0000004d}.mrb-ruler-rotate-handle:active{cursor:grabbing}.mrb-scale-choices{margin-top:12px}.mrb-scale-choices-prompt{color:#374151;margin-bottom:8px;font-size:13px;font-weight:700}.mrb-scale-choice-row{flex-direction:column;gap:8px;display:flex}.mrb-scale-choice-btn{color:#1f2937;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;min-height:44px;padding:12px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.mrb-scale-choice-btn:hover{background:#f0fdf9;border-color:#0f7a6b}.mrb-scale-choice-btn.selected{color:#fff;background:#0f7a6b;border-color:#0f7a6b}.mrb-nav-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.mrb-btn-primary{color:#fff;cursor:pointer;background:#16324f;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .12s}.mrb-btn-primary:hover{opacity:.88}.mrb-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.mrb-btn-secondary:hover{background:#e5e7eb}.mrb-btn-gold{color:#1a1a1a;cursor:pointer;background:#ffc72c;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.mrb-btn-gold:hover{transform:translateY(-1px)}.mrb-btn-ghost{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.mrb-btn-ghost:hover{background:#f9fafb}.mrb-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.mrb-confirm-overlay{z-index:500;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mrb-confirm-box{background:#fff;border-radius:14px;max-width:420px;padding:22px 24px;box-shadow:0 20px 60px #0000004d}.mrb-confirm-box p{color:#1f2937;margin:0 0 6px;font-size:14px}.mrb-confirm-row{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.mrb-review-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px}.mrb-review-title{color:#16324f;margin:0 0 4px;font-size:20px;font-weight:800}.mrb-review-sub{color:#6b7280;margin:0 0 14px;font-size:13.5px}.mrb-review-warning{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.mrb-review-list{flex-direction:column;gap:12px;max-height:460px;padding-right:4px;display:flex;overflow-y:auto}.mrb-review-row{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.mrb-review-row-head{color:#16324f;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13.5px;display:flex}.mrb-review-q{color:#374151;margin-bottom:6px;font-size:13px}.mrb-review-a{color:#111827;white-space:pre-wrap;font-size:13px;font-weight:600}.mrb-review-a.empty{color:#dc2626;font-style:italic;font-weight:500}.mrb-review-answer-block{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px;padding:10px 12px}.mrb-review-answer-label{color:#0f7a6b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:800}.mrb-review-explanation{color:#374151;margin-top:4px;font-size:12.5px;font-style:italic}.mrb-review-teacher-block{background:#fffbeb;border:1px solid #ffc72c;border-radius:8px;margin-top:8px;padding:10px 12px}.mrb-review-teacher-label{color:#92400e;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:800}.mrb-review-teacher-a{color:#78350f;font-size:12.5px}.mrb-done{text-align:center;padding:30px 12px 40px}.mrb-done-emoji{margin-bottom:12px;font-size:48px}.mrb-done-badge{color:#ffc72c;letter-spacing:2px;background:#16324f;border-radius:4px;margin-bottom:16px;padding:4px 16px;font-size:11px;font-weight:800;display:inline-block}.mrb-done-title{color:#16324f;margin:0 0 10px;font-size:22px;font-weight:900}.mrb-done-msg{color:#374151;max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.mrb-preview-overlay,.mrb-preview-wrap{flex-direction:column;height:100%;display:flex}.mrb-preview-topbar{color:#92400e;background:#fef9c3;border-bottom:2px solid #ffc72c;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.mrb-preview-exit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.mrb-overview-wrap{max-width:820px;margin:0 auto;padding:16px 14px 50px;font-family:system-ui,-apple-system,sans-serif}.mrb-overview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:26px 28px;box-shadow:0 4px 18px #0000000f}.mrb-overview-sub{color:#374151;margin:0 0 20px;font-size:14px;line-height:1.6}.mrb-overview-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}@media (width<=620px){.mrb-overview-stats{grid-template-columns:repeat(2,1fr)}}.mrb-stat-card{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.mrb-stat-num{color:#16324f;font-size:20px;font-weight:900;display:block}.mrb-stat-lbl{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:700;display:block}.mrb-overview-section{margin-bottom:22px}.mrb-overview-section-title{color:#16324f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:800}.mrb-overview-section p{color:#374151;margin:0;font-size:14px;line-height:1.7}.mrb-skills-wrap{flex-wrap:wrap;gap:8px;display:flex}.mrb-skill-chip{color:#0f7a6b;background:#e0f2fe;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.mrb-overview-map-frame{text-align:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;padding:10px}.mrb-overview-map-image{border-radius:8px;max-width:100%;height:auto}.mrb-teacher-notes-box{color:#78350f;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.mrb-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.mrb-btn-preview{color:#16324f;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.mrb-btn-preview:hover{background:#e5e7eb}.mrb-btn-launch{color:#1a1a1a;cursor:pointer;background:#ffc72c;border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.mrb-btn-launch:hover{transform:translateY(-1px)}.mrb-teacher-live{max-width:900px;margin:0 auto;padding:14px;font-family:system-ui,-apple-system,sans-serif}.mrb-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mrb-teacher-header-left{align-items:center;gap:10px;display:flex}.mrb-teacher-emoji{font-size:26px}.mrb-teacher-title{color:#16324f;font-size:16px;font-weight:800}.mrb-teacher-sub{color:#6b7280;font-size:12px}.mrb-teacher-map-ref{text-align:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:12px}.mrb-live-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=620px){.mrb-live-stats{grid-template-columns:repeat(2,1fr)}}.mrb-live-stat{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.mrb-live-stat span:first-child{color:#16324f;font-size:20px;font-weight:900}.mrb-live-stat span:last-child{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:700}.mrb-live-stat--done span:first-child{color:#0f7a6b}.mrb-live-stat--prog span:first-child{color:#d97706}.mrb-details{flex-direction:column;gap:10px;display:flex}.mrb-detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.mrb-detail-summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;display:flex}.mrb-detail-summary:hover{background:#f8fafc}.mrb-detail-name{color:#16324f;flex:1;min-width:120px;font-weight:700}.mrb-detail-progress{color:#6b7280;font-size:12.5px}.mrb-detail-toggle{color:#9ca3af;font-size:12px}.mrb-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.mrb-status--submitted{color:#047857;background:#d1fae5}.mrb-status--in-progress{color:#b45309;background:#fef3c7}.mrb-status--idle{color:#6b7280;background:#f3f4f6}.mrb-detail-expanded{background:#fafbfc;border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;padding:14px;display:flex}.mrb-mq-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.mrb-mq-q{color:#6b7280;margin-bottom:6px;font-size:12.5px}.mrb-mq-answer-block{background:#f8fafc;border-radius:6px;margin-bottom:6px;padding:8px 10px}.mrb-mq-label{color:#0f7a6b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:10.5px;font-weight:800}.mrb-mq-a{color:#111827;white-space:pre-wrap;font-size:13.5px;font-weight:600}.mrb-mq-teacher-block{background:#fffbeb;border-radius:6px;padding:8px 10px}.mrb-mq-teacher-label{color:#92400e;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:10.5px;font-weight:800}.mrb-mq-teacher-a{color:#78350f;font-size:12.5px}.mrb-note-muted{color:#9ca3af;font-size:12.5px;font-style:italic}.mrb-ov-empty{text-align:center;color:#9ca3af;padding:30px;font-size:13.5px}@media (width<=620px){.mrb-question-header{flex-direction:column;align-items:flex-start;gap:6px}.mrb-ruler-toolbar{flex-direction:column}.mrb-btn-ruler,.mrb-btn-secondary,.mrb-btn-ghost{justify-content:center;width:100%}.mrb-nav-row{flex-direction:column-reverse}.mrb-nav-row button{width:100%}.mrb-scale-choice-btn{padding:14px 16px}.mrb-tf-row,.mrb-compare-choice-row{flex-direction:column}.mrb-field input{width:100%;max-width:100%}.mrb-ruler-rotate-handle{width:32px;height:32px;margin-top:-16px;margin-left:-16px}.mrb-method-tabs{flex-direction:column}.mrb-method-tab{text-align:center;width:100%}}.oq-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #ffc72c;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.oq-wrap{color:#241a12;max-width:860px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.oq-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.oq-loading-emoji{font-size:30px;animation:1.4s ease-in-out infinite oqFloat}.oq-loading-text{color:#3b2f2f;font-size:14px;font-weight:600}.oq-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.oq-top-row-right{align-items:center;gap:10px;display:flex}.oq-stepper{background:linear-gradient(135deg,#2b2320,#3b2f2f);border:1px solid #5a4636;border-radius:12px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;margin-bottom:14px;padding:10px 12px;display:flex}.oq-step-dot{color:#d8c8a8;background:#5a4636;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.oq-step-dot.active{color:#241a12;background:#ffc72c;box-shadow:0 0 10px #ffc72c99}.oq-step-dot.done{color:#fff;background:#14b8a6}.oq-step-label{color:#f5e9d3;margin-left:8px;font-size:13px;font-weight:700}.oq-gem-counter{color:#5eead4;background:#0f172a;border:1px solid #14b8a6;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:800}.oq-sound-toggle{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;padding:8px 16px;font-size:12.5px;font-weight:700}.oq-sound-toggle:hover{background:#f9fafb}.oq-card{background:linear-gradient(160deg,#fffdf8,#fdf6e3);border:2px solid #d9c08f;border-radius:16px;padding:22px 24px;box-shadow:0 8px 24px #3b2f2f29,inset 0 0 0 4px #ffc72c14}.oq-badge{color:#ffc72c;letter-spacing:1.5px;background:#241a12;border-radius:4px;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.oq-title{color:#3b2f2f;margin:0 0 4px;font-size:24px;font-weight:900}.oq-welcome-card{text-align:center}.oq-temple-door-scene{justify-content:center;align-items:center;gap:20px;margin:20px 0;display:flex}.oq-temple-door{background:linear-gradient(#7c5a3a,#5a3f28);border:4px solid #ffc72c;border-radius:60px 60px 8px 8px;justify-content:center;align-items:center;width:120px;height:160px;animation:2.4s ease-in-out infinite oqDoorGlow;display:flex;box-shadow:0 0 24px #ffc72c73}.oq-temple-door-glyphs{color:#ffc72c;letter-spacing:2px;writing-mode:vertical-rl;font-size:13px;font-weight:900}.oq-explorer{font-size:46px;animation:2s ease-in-out infinite oqFloat}.oq-welcome-msg{color:#4a3b2c;max-width:560px;margin:10px auto 18px;font-size:15px;line-height:1.7}.oq-code-box{text-align:left;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #ffc72c;border-radius:12px;max-width:560px;margin:0 auto 18px;padding:14px 18px}.oq-code-row{color:#3b2f2f;margin-bottom:6px;font-size:13.5px;line-height:1.5}.oq-code-note{color:#92400e;margin-top:6px;font-size:12px;font-style:italic}.oq-btn-glow{animation:1.8s ease-in-out infinite oqPulseGlow;box-shadow:0 0 #ffc72cb3}.oq-section-header{border-bottom:2px solid #eadfc4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:12px;display:flex}.oq-section-name{color:#3b2f2f;font-size:18px;font-weight:800}.oq-section-marks{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.oq-practice-badge{color:#065f46;background:#d1fae5}.oq-quiz-badge{color:#92400e;background:#fef3c7}.oq-instruction{color:#4a3b2c;margin:8px 0 0;font-size:14px}.oq-inline-expr{color:#3b2f2f;text-align:center;letter-spacing:.5px;margin:14px 0;font-weight:800}.oq-inline-sm{font-size:20px}.oq-inline-md{font-size:28px}.oq-inline-lg{font-size:34px}.oq-vinculum{color:#3b2f2f;flex-direction:column;align-items:center;margin:16px auto;font-weight:800;display:inline-flex}.oq-vinculum-top,.oq-vinculum-bottom{white-space:nowrap;padding:4px 14px}.oq-vinculum-bar{background:#3b2f2f;border-radius:2px;width:100%;min-width:60px;height:3px;margin:2px 0}.oq-vinculum-sm{font-size:16px}.oq-vinculum-md{font-size:20px}.oq-vinculum-lg{font-size:26px}.oq-vinculum-lg .oq-vinculum-bar{background:#92400e;height:4px;box-shadow:0 0 10px #ffc72c99}.oq-tutorial-lines{flex-direction:column;gap:6px;margin:14px 0;display:flex}.oq-tutorial-line{color:#4a3b2c;background:#f8f1de;border-radius:8px;padding:8px 12px;font-size:14.5px;animation:.4s both oqSlideIn}.oq-final-answer-box{color:#065f46;text-align:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:10px;margin:14px 0;padding:10px 16px;font-size:15px;animation:.4s both oqPopIn}.oq-firststep-row{flex-direction:column;gap:8px;margin:14px 0;display:flex}.oq-firststep-prompt{color:#3b2f2f;font-size:13.5px;font-weight:700}.oq-choice-btn{color:#3b2f2f;cursor:pointer;text-align:left;background:#fff;border:2px solid #d9c08f;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;transition:all .15s}.oq-choice-btn:hover{background:#fffbeb;border-color:#ffc72c}.oq-choice-btn.selected{color:#241a12;background:#ffc72c;border-color:#92400e}.oq-comparison-row{grid-template-columns:1fr 1fr;gap:14px;margin:14px 0;display:grid}@media (width<=560px){.oq-comparison-row{grid-template-columns:1fr}}.oq-comparison-option{text-align:center;cursor:pointer;background:#fff;border:2px solid #d9c08f;border-radius:12px;padding:14px;transition:all .15s}.oq-comparison-option:hover{border-color:#ffc72c}.oq-comparison-option.selected{background:#fffbeb;border-color:#92400e;box-shadow:0 0 0 3px #ffc72c4d}.oq-comparison-label{color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:800}.oq-field{flex-direction:column;gap:5px;margin:12px 0;display:flex}.oq-field span{color:#4a3b2c;font-size:13px;font-weight:600}.oq-field input,.oq-field select{color:#1a1a1a;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}.oq-field input:focus,.oq-field select:focus{border-color:#14b8a6;outline:none;box-shadow:0 0 0 3px #14b8a626}.oq-final-answer-field input{text-align:center;max-width:180px;font-size:20px;font-weight:800}.oq-vault-fields{flex-wrap:wrap;gap:14px;display:flex}.oq-vault-fields .oq-field{flex:1;min-width:140px}.oq-mistake-block{flex-direction:column;gap:8px;margin:14px 0;display:flex}.oq-mistake-title{color:#3b2f2f;font-size:13.5px;font-weight:700}.oq-worked-solution{color:#7f1d1d;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}.oq-mistake-explain{color:#78350f;background:#fffbeb;border-radius:8px;padding:10px 14px;font-size:13.5px}.oq-hint-wrap{margin:10px 0}.oq-btn-hint{color:#9a3412;cursor:pointer;background:#fff7ed;border:1.5px solid #fdba74;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700}.oq-btn-hint:hover{background:#ffedd5}.oq-hint-text{color:#78350f;background:#fff7ed;border-radius:8px;margin-top:8px;padding:10px 14px;font-size:13.5px;animation:.3s both oqPopIn}.oq-feedback-box{border-radius:10px;margin:14px 0;padding:12px 16px;font-size:14px;line-height:1.6;animation:.35s both oqPopIn}.oq-feedback-box.correct{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7}.oq-feedback-box.incorrect{color:#7f1d1d;background:#fef2f2;border:1.5px solid #fca5a5}.oq-door-flash{box-shadow:0 0 0 4px #ffc72c59}.oq-nav-row{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.oq-btn-primary{color:#ffc72c;cursor:pointer;background:#3b2f2f;border:none;border-radius:10px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .12s}.oq-btn-primary:hover{opacity:.88}.oq-btn-primary:disabled{opacity:.4;cursor:not-allowed}.oq-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700}.oq-btn-secondary:hover{background:#e5e7eb}.oq-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.oq-btn-gold{color:#241a12;cursor:pointer;background:linear-gradient(135deg,#ffc72c,#ffb300);border:none;border-radius:10px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.oq-btn-gold:hover{transform:translateY(-1px)}.oq-btn-ghost{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700}.oq-btn-ghost:hover{background:#f9fafb}.oq-temple-doors-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;display:flex}.oq-door-icon{opacity:.4;font-size:18px;transition:opacity .3s,transform .3s}.oq-door-icon.current{opacity:1;transform:scale(1.2)}.oq-door-icon.open{opacity:1;animation:.4s both oqPopIn}.oq-confirm-overlay{z-index:500;background:#241a1299;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.oq-confirm-box{background:#fff;border-radius:14px;max-width:420px;padding:22px 24px;box-shadow:0 20px 60px #0000004d}.oq-confirm-box p{color:#1f2937;margin:0 0 6px;font-size:14px}.oq-confirm-row{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.oq-vault-card{color:#f5f3ff;background:linear-gradient(160deg,#1e1b2e,#2a2440);border-color:#6d28d9}.oq-vault-card .oq-section-name,.oq-vault-card .oq-inline-expr,.oq-vault-card .oq-vinculum{color:#f5f3ff}.oq-vault-teach{color:#ede9fe;text-align:center;background:#6d28d940;border:1px solid #a78bfa;border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:13.5px}.oq-vault-card .oq-vinculum-bar{background:#a78bfa;box-shadow:0 0 12px #a78bfacc}.oq-vault-locks{flex-direction:column;gap:10px;margin:16px 0;display:flex}.oq-lock-row{background:#ffffff0f;border:1px solid #4c3d78;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.oq-lock-row.unlocked{background:#14b8a626;border-color:#14b8a6}.oq-lock-icon{font-size:20px}.oq-lock-label{flex:1;min-width:160px;font-size:13px;font-weight:600}.oq-lock-row input{color:#fff;background:#1e1b2e;border:1.5px solid #6d28d9;border-radius:6px;width:90px;padding:6px 8px}.oq-lock-row button{white-space:nowrap}.oq-boss-card{color:#fee2e2;background:linear-gradient(160deg,#2b0f0f,#3f1414);border-color:#dc2626}.oq-boss-card .oq-section-name,.oq-boss-card .oq-inline-expr,.oq-boss-card .oq-vinculum,.oq-boss-card .oq-boss-step-prompt{color:#fee2e2}.oq-boss-card .oq-vinculum-bar{background:#fca5a5}.oq-boss-scene{text-align:center;margin:10px 0 16px}.oq-boss-monster{font-size:64px;animation:2.4s ease-in-out infinite oqFloat;display:inline-block}.oq-boss-monster.oq-wobble{animation:.5s oqWobble}.oq-boss-monster.oq-defeated{animation:.8s both oqDefeat}.oq-boss-health-track{background:#ffffff26;border-radius:10px;width:100%;max-width:400px;height:16px;margin:10px auto 0;overflow:hidden}.oq-boss-health-fill{background:linear-gradient(90deg,#f87171,#dc2626);height:100%;transition:width .4s}.oq-boss-step-prompt{text-align:center;margin:10px 0;font-size:14px;font-weight:700}.oq-misconception-note{background:#ffffff1a;border:1px solid #fca5a5;border-radius:8px;margin:10px 0;padding:10px 14px;font-size:13px}.oq-screen-shake{animation:.4s oqShake}.oq-victory-block{text-align:center;padding:10px 0}.oq-victory-title{color:#fff;margin:6px 0 12px;font-size:20px;font-weight:900}.oq-done{text-align:center;padding:24px 12px 40px}.oq-done-emoji{margin-bottom:12px;font-size:48px}.oq-done-badge{color:#ffc72c;letter-spacing:2px;background:#3b2f2f;border-radius:4px;margin-bottom:10px;padding:4px 16px;font-size:11px;font-weight:800;display:inline-block}.oq-confetti{letter-spacing:8px;margin:6px 0;font-size:30px;animation:.6s both oqPopIn}.oq-done-title{color:#3b2f2f;margin:0 0 8px;font-size:24px;font-weight:900}.oq-stars-row{margin-bottom:14px;font-size:32px}.oq-done-msg{color:#4a3b2c;max-width:520px;margin:0 auto 18px;font-size:14.5px;line-height:1.7}.oq-results-stats{grid-template-columns:repeat(4,1fr);gap:10px;max-width:640px;margin:0 auto 20px;display:grid}@media (width<=620px){.oq-results-stats{grid-template-columns:repeat(2,1fr)}}.oq-stat-card{text-align:center;background:#f8f1de;border:1px solid #eadfc4;border-radius:10px;padding:12px}.oq-stat-num{color:#3b2f2f;font-size:18px;font-weight:900;display:block}.oq-stat-lbl{color:#7a6650;text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:10.5px;font-weight:700;display:block}.oq-skill-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;max-width:640px;margin:0 auto;display:grid}.oq-skill-chip-result{background:#fff;border:1px solid #eadfc4;border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.oq-skill-chip-result strong{color:#14b8a6}.oq-overview-wrap{max-width:860px;margin:0 auto;padding:16px 14px 50px;font-family:system-ui,-apple-system,sans-serif}.oq-overview-card{background:#fff;border:1.5px solid #eadfc4;border-radius:16px;padding:26px 28px;box-shadow:0 4px 18px #0000000f}.oq-overview-sub{color:#4a3b2c;margin:0 0 20px;font-size:14px;line-height:1.6}.oq-overview-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}@media (width<=620px){.oq-overview-stats{grid-template-columns:repeat(2,1fr)}}.oq-overview-section{margin-bottom:22px}.oq-overview-section-title{color:#3b2f2f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:800}.oq-skills-wrap{flex-wrap:wrap;gap:8px;display:flex}.oq-skill-chip{color:#0f7a6b;background:#e0f2fe;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.oq-teacher-notes-box{color:#78350f;background:#fffbeb;border:1.5px solid #ffc72c;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.oq-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.oq-btn-preview{color:#3b2f2f;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700}.oq-btn-preview:hover{background:#e5e7eb}.oq-btn-launch{color:#241a12;cursor:pointer;background:#ffc72c;border:none;border-radius:10px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.oq-btn-launch:hover{transform:translateY(-1px)}.oq-preview-overlay,.oq-preview-wrap{flex-direction:column;height:100%;display:flex}.oq-preview-topbar{color:#92400e;background:#fef9c3;border-bottom:2px solid #ffc72c;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.oq-preview-exit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.oq-teacher-live{max-width:900px;margin:0 auto;padding:14px;font-family:system-ui,-apple-system,sans-serif}.oq-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.oq-teacher-header-left{align-items:center;gap:10px;display:flex}.oq-teacher-emoji{font-size:26px}.oq-teacher-title{color:#3b2f2f;font-size:16px;font-weight:800}.oq-teacher-sub{color:#6b7280;font-size:12px}.oq-live-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.oq-live-stat{text-align:center;background:#f8f1de;border:1px solid #eadfc4;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.oq-live-stat span:first-child{color:#3b2f2f;font-size:20px;font-weight:900}.oq-live-stat span:last-child{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:700}.oq-live-stat--done span:first-child{color:#14b8a6}.oq-details{flex-direction:column;gap:8px;display:flex}.oq-detail-row{background:#fff;border:1px solid #eadfc4;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;display:flex}.oq-detail-name{color:#3b2f2f;flex:1;min-width:120px;font-weight:700}.oq-detail-progress{color:#6b7280;font-size:12.5px}.oq-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.oq-status--submitted{color:#047857;background:#d1fae5}.oq-status--in-progress{color:#b45309;background:#fef3c7}.oq-ov-empty{text-align:center;color:#9ca3af;padding:30px;font-size:13.5px}.oq-scratchpad{margin:14px 0}.oq-btn-scratch-toggle{color:#fff;cursor:pointer;background:#14b8a6;border:none;border-radius:20px;padding:9px 18px;font-size:13px;font-weight:700}.oq-btn-scratch-toggle:hover{opacity:.9}.oq-scratchpad-body{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;margin-top:10px;padding:12px}.oq-scratchpad-prompt{color:#0f7a6b;margin-bottom:8px;font-size:12.5px;font-weight:700}.oq-scratchpad-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.oq-tool-btn{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:700}.oq-tool-btn.active{color:#fff;background:#16324f;border-color:#16324f}.oq-color-select{gap:6px;margin-left:auto;display:flex}.oq-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px}.oq-color-dot.selected{border-color:#16324f;box-shadow:0 0 0 2px #fff,0 0 0 4px #16324f}.oq-scratch-canvas{aspect-ratio:640/260;touch-action:none;cursor:crosshair;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;width:100%;max-width:640px;height:auto;display:block}.oq-scratch-canvas.lined{background-image:repeating-linear-gradient(#0000,#0000 27px,#e5e7eb 28px)}@keyframes oqPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes oqSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes oqFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes oqDoorGlow{0%,to{box-shadow:0 0 24px #ffc72c73}50%{box-shadow:0 0 40px #ffc72cbf}}@keyframes oqPulseGlow{0%,to{box-shadow:0 0 #ffc72c80}50%{box-shadow:0 0 18px #ffc72cd9}}@keyframes oqWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes oqDefeat{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:.25;transform:scale(.4)rotate(25deg)}}@keyframes oqShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.oq-loading-emoji,.oq-explorer,.oq-temple-door,.oq-boss-monster,.oq-btn-glow,.oq-scene-item,.oq-tutorial-line,.oq-final-answer-box,.oq-feedback-box,.oq-hint-text,.oq-confetti{animation:none!important}}@media (width<=620px){.oq-section-header{flex-direction:column;align-items:flex-start;gap:6px}.oq-nav-row{flex-direction:column-reverse}.oq-nav-row button,.oq-firststep-row .oq-choice-btn{width:100%}.oq-lock-row input{width:70px}}.ttc-wrap{color:#e7e9ff;max-width:860px;margin:0 auto;padding:12px 14px 60px;font-family:system-ui,-apple-system,sans-serif}.ttc-preview-banner{color:#92400e;text-align:center;background:#fef9c3;border:2px solid #f5b301;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700}.ttc-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.ttc-loading-emoji{font-size:28px}.ttc-loading-text{color:#c7c9f5;font-size:14px;font-weight:600}.ttc-header{background:linear-gradient(135deg,#1a1b3a,#2a1b4a);border:1.5px solid #3730a3;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;display:flex}.ttc-header-left{align-items:center;gap:12px;display:flex}.ttc-traveler-icon{filter:drop-shadow(0 0 6px #7c3aed);font-size:30px}.ttc-header-title{color:#fff;font-size:15px;font-weight:900}.ttc-header-sub{color:#a78bfa;margin-top:2px;font-size:12px;font-weight:700}.ttc-sound-toggle{color:#e7e9ff;cursor:pointer;white-space:nowrap;background:#2a1b4a;border:1.5px solid #7c3aed;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700}.ttc-sound-toggle:hover{background:#3b2166}.ttc-progress-row{align-items:center;gap:16px;margin-bottom:14px;display:flex}.ttc-progress-row .ttc-clock{flex-shrink:0;margin:0}.ttc-progress-row .ttc-clock svg{width:64px;height:64px}.ttc-progress-row .ttc-mission-tracker{flex:1;margin-bottom:0}@media (width<=620px){.ttc-progress-row{flex-direction:column;align-items:stretch}}.ttc-mission-tracker{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ttc-mission-badge{color:#8b8dc7;background:#1a1b3a;border:1.5px solid #3730a3;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:140px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.ttc-mission-badge--active{color:#fff;background:linear-gradient(135deg,#2a1b4a,#3b2166);border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed40}.ttc-mission-badge--done{color:#5eead4;background:#0f2e28;border-color:#22d3ee}.ttc-mission-badge-icon{font-size:16px}.ttc-card{background:#14152e;border:1.5px solid #2e2f5c;border-radius:16px;padding:22px;box-shadow:0 4px 20px #00000059}.ttc-badge{color:#f5b301;letter-spacing:1.5px;background:#2a1b4a;border-radius:4px;margin-bottom:14px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.ttc-title{color:#fff;text-align:center;margin:8px 0 10px;font-size:24px;font-weight:900}.ttc-mission-title{color:#fff;margin:0 0 10px;font-size:19px;font-weight:900}.ttc-mission-intro{color:#c7c9f5;margin:0 0 14px;font-size:14px;line-height:1.6}.ttc-intro-card{text-align:center}.ttc-teacher-line{color:#e7e9ff;text-align:left;background:#1a1b3a;border:1.5px solid #3730a3;border-radius:10px;margin:10px 0 18px;padding:16px 18px;font-size:15px;font-style:italic;line-height:1.7}.ttc-mission-preview-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.ttc-mission-preview-card{color:#c7c9f5;background:#1a1b3a;border:1.5px solid #3730a3;border-radius:10px;padding:14px 8px;font-size:12px;font-weight:700;line-height:1.6}@media (width<=620px){.ttc-mission-preview-row{grid-template-columns:repeat(2,1fr)}}.ttc-clock{justify-content:center;margin:6px auto 14px;display:flex;position:relative}.ttc-clock-face{fill:#1a1b3a;stroke:#f5b301;stroke-width:4px}.ttc-clock-stage-0 .ttc-clock-face{stroke:#dc2626}.ttc-clock-tick{stroke:#6366a8;stroke-width:2px}.ttc-hand{stroke-linecap:round;transform-origin:100px 100px;transition:transform .8s cubic-bezier(.34,1.56,.64,1)}.ttc-hand-hour{stroke:#f5b301;stroke-width:6px}.ttc-hand-minute{stroke:#22d3ee;stroke-width:4px}.ttc-hand-second{stroke:#dc2626;stroke-width:2px}.ttc-clock-stage-4 .ttc-hand{stroke:#f5b301}.ttc-clock-pin{fill:#f5b301}.ttc-clock-glow{pointer-events:none;border-radius:50%;animation:1.6s ease-in-out infinite ttc-pulse;position:absolute;inset:-10px;box-shadow:0 0 40px 10px #f5b3018c}@keyframes ttc-pulse{0%,to{opacity:.6}50%{opacity:1}}.ttc-video-wrap{border:1.5px solid #3730a3;border-radius:12px;width:100%;margin-bottom:16px;padding-top:56.25%;position:relative;overflow:hidden}.ttc-video-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.ttc-teach-box{background:#1a1b3a;border:1.5px solid #3730a3;border-radius:12px;margin-bottom:16px;padding:16px 18px}.ttc-teach-title{color:#a78bfa;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;font-size:13px;font-weight:800}.ttc-unit-ladder{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.ttc-unit-row{background:#14152e;border-left:3px solid #22d3ee;border-radius:8px;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.ttc-unit-label{color:#22d3ee;min-width:92px;font-size:13.5px;font-weight:800}.ttc-unit-meaning{color:#c7c9f5;font-size:12.5px}.ttc-fact-list{flex-wrap:wrap;gap:8px;display:flex}.ttc-fact-chip{color:#f5b301;background:#2a1b4a;border:1px solid #f5b301;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.ttc-teach-list{color:#e7e9ff;margin:0 0 14px;padding-left:20px;font-size:13.5px;line-height:1.9}.ttc-teach-note{color:#a78bfa;margin:8px 0 0;font-size:13px;font-weight:700}.ttc-timeline-example{flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0;display:flex}.ttc-timeline-chip{color:#22d3ee;background:#14152e;border:1.5px solid #22d3ee;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:800}.ttc-timeline-arrow{color:#f5b301;margin:0 4px;font-weight:900}.ttc-rule-box{color:#e7e9ff;background:#14152e;border:1.5px solid #3730a3;border-radius:10px;margin-top:10px;padding:12px 14px;font-size:13px}.ttc-rule-box--special{border-color:#dc2626}.ttc-rule-examples{color:#c7c9f5;flex-direction:column;gap:4px;margin-top:6px;font-size:13px;display:flex}.ttc-q-count{color:#a78bfa;margin-bottom:10px;font-size:12.5px;font-weight:700}.ttc-mcq-card{background:#1a1b3a;border:1.5px solid #3730a3;border-radius:12px;margin-bottom:16px;padding:16px 18px}.ttc-mcq-prompt{color:#fff;margin:0 0 14px;font-size:15px;font-weight:700;line-height:1.6}.ttc-mcq-options{flex-direction:column;gap:8px;display:flex}.ttc-mcq-option{color:#e7e9ff;text-align:left;cursor:pointer;background:#14152e;border:1.5px solid #3730a3;border-radius:8px;min-height:44px;padding:12px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.ttc-mcq-option:hover:not(:disabled){background:#241a4a;border-color:#7c3aed}.ttc-mcq-option:disabled{cursor:default;opacity:.75}.ttc-mcq-option.correct{color:#5eead4;opacity:1;background:#0f2e28;border-color:#22d3ee}.ttc-mcq-option.wrong{color:#fca5a5;opacity:1;background:#3a1414;border-color:#dc2626}.ttc-mcq-feedback{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.6}.ttc-mcq-feedback.good{color:#5eead4;background:#0f2e28;border:1px solid #22d3ee}.ttc-mcq-feedback.bad{color:#fca5a5;background:#3a1414;border:1px solid #dc2626}.ttc-order-challenge{background:#1a1b3a;border:1.5px solid #3730a3;border-radius:12px;margin-bottom:16px;padding:16px 18px}.ttc-order-instructions{color:#e7e9ff;margin:0 0 14px;font-size:14px;font-weight:700}.ttc-order-sequence{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ttc-order-slot{text-align:center;color:#6366a8;background:#14152e;border:2px dashed #6366a8;border-radius:8px;min-width:70px;padding:10px 12px;font-size:13px;font-weight:700}.ttc-order-slot.filled{color:#5eead4;background:#0f2e28;border-style:solid;border-color:#22d3ee}.ttc-order-pool{flex-wrap:wrap;gap:8px;display:flex}.ttc-order-chip{color:#e7e9ff;cursor:pointer;background:#2a1b4a;border:1.5px solid #7c3aed;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .1s}.ttc-order-chip:hover{background:#3b2166}.ttc-order-chip.shake{background:#3a1414;border-color:#dc2626;animation:.4s ttc-shake}@keyframes ttc-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ttc-order-success{color:#5eead4;text-align:center;background:#0f2e28;border:1.5px solid #22d3ee;border-radius:8px;margin-top:14px;padding:10px 14px;font-weight:700}.ttc-unlock-reveal{text-align:center;background:linear-gradient(135deg,#2a1b4a,#1a1b3a);border:2px solid #f5b301;border-radius:12px;margin-bottom:16px;padding:18px}.ttc-unlock-key{color:#fff;font-size:18px;font-weight:900}.ttc-unlock-key span{color:#f5b301;letter-spacing:2px;font-size:22px}.ttc-unlock-flavor{color:#c7c9f5;margin-top:6px;font-size:12.5px}.ttc-substep-transition{text-align:center}.ttc-mission-complete{text-align:center;padding:10px 0}.ttc-mission-complete-emoji{margin-bottom:8px;font-size:44px}.ttc-mission-complete h2{color:#fff;margin:0 0 8px;font-size:21px;font-weight:900}.ttc-mission-complete p{color:#c7c9f5;margin:0 0 18px;font-size:14px}.ttc-team-picker{background:#1a1b3a;border:1.5px solid #3730a3;border-radius:12px;margin-bottom:18px;padding:16px 18px}.ttc-team-title{color:#a78bfa;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;font-size:13px;font-weight:800}.ttc-team-options{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ttc-team-btn{color:#e7e9ff;cursor:pointer;background:#14152e;border:1.5px solid #3730a3;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:700}.ttc-team-btn.selected{color:#f5b301;background:#2a1b4a;border-color:#f5b301}.ttc-team-custom{color:#c7c9f5;flex-direction:column;gap:6px;font-size:12.5px;display:flex}.ttc-team-custom input{color:#e7e9ff;background:#14152e;border:1.5px solid #3730a3;border-radius:8px;padding:10px 12px;font-size:13.5px}.ttc-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:10px;margin:8px auto 0;padding:13px 26px;font-size:14px;font-weight:800;transition:transform .12s;display:block}.ttc-btn-primary:hover{transform:translateY(-1px)}.ttc-btn-ghost{color:#c7c9f5;cursor:pointer;background:0 0;border:1.5px solid #3730a3;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.ttc-btn-ghost:hover{background:#1a1b3a}.ttc-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.ttc-btn-preview{color:#e7e9ff;cursor:pointer;background:#1a1b3a;border:1.5px solid #3730a3;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700}.ttc-btn-launch{color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#f5b301,#d97706);border:none;border-radius:8px;padding:12px 26px;font-size:14px;font-weight:800;transition:transform .12s}.ttc-btn-launch:hover{transform:translateY(-1px)}.ttc-results-card{text-align:center}.ttc-celebration{margin-bottom:6px;font-size:32px;animation:1s ease-in-out infinite ttc-bounce}@keyframes ttc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ttc-results-team{color:#a78bfa;margin:0 0 4px;font-size:15px;font-weight:700}.ttc-results-score{color:#fff;margin:6px 0;font-size:30px;font-weight:900}.ttc-results-score span{color:#c7c9f5;font-size:16px;font-weight:700}.ttc-results-badge{margin:6px 0 14px;font-size:18px;font-weight:900}.ttc-results-msg{color:#c7c9f5;max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.ttc-overview-wrap{color:#1a1a1a;max-width:820px;margin:0 auto;padding:16px 14px 50px;font-family:system-ui,-apple-system,sans-serif}.ttc-overview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:26px 28px;box-shadow:0 4px 18px #0000000f}.ttc-overview-card .ttc-badge{color:#f5b301;background:#1a1b3a}.ttc-overview-card .ttc-title{color:#1a1b3a;text-align:left}.ttc-overview-sub{color:#374151;margin:0 0 20px;font-size:14px;line-height:1.6}.ttc-overview-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}@media (width<=620px){.ttc-overview-stats{grid-template-columns:repeat(2,1fr)}}.ttc-stat-card{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.ttc-stat-num{color:#1a1b3a;font-size:20px;font-weight:900;display:block}.ttc-stat-lbl{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:700;display:block}.ttc-overview-section{margin-bottom:22px}.ttc-overview-section-title{color:#1a1b3a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:800}.ttc-skills-wrap{flex-wrap:wrap;gap:8px;display:flex}.ttc-skill-chip{color:#5b21b6;background:#ede9fe;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.ttc-teacher-notes-box{color:#78350f;background:#fffbeb;border:1.5px solid #f5b301;border-radius:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.ttc-overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ttc-preview-overlay,.ttc-preview-wrap{background:#14152e;flex-direction:column;height:100%;display:flex}.ttc-preview-topbar{color:#92400e;background:#fef9c3;border-bottom:2px solid #f5b301;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.ttc-preview-exit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700}.ttc-teacher-live{color:#1a1a1a;max-width:900px;margin:0 auto;padding:14px;font-family:system-ui,-apple-system,sans-serif}.ttc-teacher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ttc-teacher-header-left{align-items:center;gap:10px;display:flex}.ttc-teacher-emoji{font-size:26px}.ttc-teacher-title{color:#1a1b3a;font-size:16px;font-weight:800}.ttc-teacher-sub{color:#6b7280;font-size:12px}.ttc-live-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=620px){.ttc-live-stats{grid-template-columns:repeat(2,1fr)}}.ttc-live-stat{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.ttc-live-stat span:first-child{color:#1a1b3a;font-size:20px;font-weight:900}.ttc-live-stat span:last-child{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:700}.ttc-live-stat--done span:first-child{color:#0f7a6b}.ttc-live-stat--prog span:first-child{color:#d97706}.ttc-details{flex-direction:column;gap:10px;display:flex}.ttc-detail-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.ttc-detail-summary{flex-wrap:wrap;align-items:center;gap:14px;padding:12px 14px;display:flex}.ttc-detail-name{color:#1a1b3a;flex:1;min-width:120px;font-weight:700}.ttc-detail-team{color:#7c3aed;font-size:12px;font-weight:700}.ttc-detail-progress{color:#6b7280;font-size:12.5px}.ttc-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.ttc-status--submitted{color:#047857;background:#d1fae5}.ttc-status--in-progress{color:#b45309;background:#fef3c7}.ttc-status--idle{color:#6b7280;background:#f3f4f6}.ttc-ov-empty{text-align:center;color:#9ca3af;padding:30px;font-size:13.5px}@media (width<=620px){.ttc-header{flex-direction:column;align-items:flex-start}.ttc-mission-badge{min-width:100%}.ttc-order-slot{min-width:56px;font-size:11px}.ttc-order-chip{padding:9px 12px;font-size:12px}}.fnsl-page{color:#1a1a2e;max-width:760px;margin:0 auto;padding:16px 14px 60px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.fnsl-card{background:#fff;border:1.5px solid #e2e5f5;border-radius:18px;padding:28px 26px;box-shadow:0 4px 24px #1e2a5e14}.fnsl-title{color:#1e2a5e;margin:0 0 10px;font-size:26px;font-weight:900}.fnsl-h2{color:#1e2a5e;margin:0 0 12px;font-size:20px;font-weight:800}.fnsl-h3{color:#2f6fed;text-transform:uppercase;letter-spacing:.04em;margin:20px 0 10px;font-size:15px;font-weight:800}.fnsl-lead,.fnsl-body{color:#33395c;margin:0 0 20px;font-size:15.5px;line-height:1.6}.fnsl-mini-lesson-list{margin-bottom:20px;padding-left:20px}.fnsl-mini-lesson-list li{margin-bottom:8px}.fnsl-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f6fed,#1e2a5e);border:none;border-radius:12px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.fnsl-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2f6fed59}.fnsl-btn-primary:active{transform:translateY(0)}.fnsl-btn-danger{color:#fff;cursor:pointer;background:#d64545;border:none;border-radius:10px;padding:10px 18px;font-weight:700}.fnsl-concept-map{background:#f4f6fd;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:22px;padding:14px;display:flex}.fnsl-concept-node{color:#4b5170;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.fnsl-concept-dot{color:#1e2a5e;background:#d7deff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11.5px;font-weight:800;display:flex}.fnsl-concept-dot--active{color:#fff;background:#2f6fed}.fnsl-concept-arrow{color:#9aa2c9;margin:0 2px}.fnsl-video-card{margin-bottom:20px}.fnsl-video-placeholder{color:#fff;text-align:center;background:linear-gradient(135deg,#1e2a5e,#2f6fed);border-radius:14px;margin-bottom:16px;padding:30px 20px}.fnsl-video-icon{margin-bottom:8px;font-size:30px;display:inline-block}.fnsl-video-placeholder p{margin:4px 0;font-size:17px;font-weight:800}.fnsl-video-placeholder small{opacity:.8;font-size:12px}.fnsl-video-points{color:#33395c;padding-left:20px;font-size:14.5px;line-height:1.7}.fnsl-skill-tag{color:#2f6fed;letter-spacing:.03em;text-transform:uppercase;background:#eef2ff;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.fnsl-question{color:#1a1a2e;margin:0 0 6px;font-size:17px;font-weight:700}.fnsl-hint{color:#6b7299;margin:0 0 16px;font-size:13.5px;font-style:italic}.fnsl-options{flex-direction:column;gap:10px;margin:16px 0;display:flex}.fnsl-option{text-align:left;color:#1a1a2e;cursor:pointer;background:#fafbff;border:1.5px solid #dde1f5;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s,transform .1s}.fnsl-option:hover:not(:disabled){background:#f0f4ff;border-color:#2f6fed}.fnsl-option:disabled{cursor:default}.fnsl-option:focus-visible{outline-offset:2px;outline:3px solid #2f6fed}.fnsl-option--correct{color:#14602f;background:#e9f9ef;border-color:#1f9d55}.fnsl-option--wrong{color:#8c2323;background:#fdecec;border-color:#d64545}.fnsl-feedback{background:#f4f6fd;border:1.5px solid #dde1f5;border-radius:14px;margin-top:16px;padding:16px 18px}.fnsl-feedback p{color:#33395c;margin:0 0 8px;font-size:14.5px;line-height:1.55}.fnsl-feedback--correct{background:#eafaf0;border-color:#bfe8cf}.fnsl-feedback--wrong{background:#fdf1f1;border-color:#f3c8c8}.fnsl-feedback-why{color:#6b7299;font-style:italic}.fnsl-feedback-tip{color:#1e2a5e;font-weight:700}.fnsl-feedback .fnsl-btn-primary{margin-top:8px}.fnsl-steps{color:#33395c;padding-left:20px;font-size:15px;line-height:1.8}.fnsl-teaching-note{color:#6b5100;background:#fff8e6;border-left:4px solid #f5b400;border-radius:8px;margin:14px 0 20px;padding:10px 14px;font-size:14px}.fnsl-io-machine{flex-direction:column;gap:10px;margin:16px 0 22px;display:flex}.fnsl-io-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fnsl-io-chip{border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:700}.fnsl-io-chip--in{color:#2f6fed;background:#eef2ff}.fnsl-io-chip--rule{color:#8a6800;background:#fff8e6}.fnsl-io-chip--out{color:#1f9d55;background:#eafaf0}.fnsl-io-arrow{color:#9aa2c9;font-weight:700}.fnsl-progress{margin-bottom:18px}.fnsl-progress-label{color:#6b7299;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.fnsl-progress-track{background:#eef1fb;border-radius:999px;height:8px;overflow:hidden}.fnsl-progress-fill{background:linear-gradient(90deg,#2f6fed,#1e2a5e);border-radius:999px;height:100%;transition:width .25s}.fnsl-reteach-banner{background:#fff8e6;border:1.5px solid #f5d98a;border-radius:14px;margin-bottom:18px;padding:18px 20px}.fnsl-reteach-banner .fnsl-h2{color:#8a6800}.fnsl-worked-example{color:#33395c;background:#fff;border-radius:10px;margin-top:12px;padding:12px 14px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13.5px}.fnsl-worked-example p{margin:2px 0}.fnsl-summary-score{color:#1e2a5e;align-items:baseline;gap:12px;margin-bottom:10px;font-size:34px;font-weight:900;display:flex}.fnsl-summary-pct{color:#2f6fed;font-size:18px;font-weight:700}.fnsl-readiness-pill{border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:800;display:inline-block}.fnsl-readiness-pill--ready-to-move-on{color:#1f9d55;background:#eafaf0}.fnsl-readiness-pill--almost-ready{color:#8a6800;background:#fff8e6}.fnsl-readiness-pill--needs-review{color:#8c2323;background:#fdecec}.fnsl-skill-grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.fnsl-skill-bar-row{align-items:center;gap:10px;display:flex}.fnsl-skill-bar-label{color:#33395c;flex:0 0 200px;font-size:12.5px;font-weight:700}.fnsl-skill-bar-track{background:#eef1fb;border-radius:999px;flex:1;height:10px;overflow:hidden}.fnsl-skill-bar-fill{background:linear-gradient(90deg,#2f6fed,#1f9d55);border-radius:999px;height:100%}.fnsl-skill-bar-value{text-align:right;color:#6b7299;flex:0 0 40px;font-size:12.5px;font-weight:700}.fnsl-summary-card{background:#f4f6fd;border-radius:14px;margin-bottom:16px;padding:16px 18px}.fnsl-summary-card p{color:#33395c;margin:0 0 8px;font-size:14.5px;line-height:1.6}.fnsl-next-step{color:#1e2a5e;font-weight:700}.fnsl-encouragement{color:#6b7299;text-align:center;font-size:14px}.fnsl-overview-wrap{max-width:780px;margin:0 auto;padding:20px 16px;font-family:system-ui,sans-serif}.fnsl-overview-card{background:#fff;border:1.5px solid #e2e5f5;border-radius:18px;padding:26px 28px;box-shadow:0 4px 24px #1e2a5e14}.fnsl-badge{color:#2f6fed;letter-spacing:.05em;background:#eef2ff;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.fnsl-overview-title{color:#1e2a5e;margin:0 0 8px;font-size:24px;font-weight:900}.fnsl-overview-sub{color:#6b7299;margin:0 0 18px;font-size:14.5px}.fnsl-overview-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px;display:grid}.fnsl-stat-card{text-align:center;background:#f4f6fd;border-radius:12px;padding:12px}.fnsl-stat-num{color:#1e2a5e;font-size:22px;font-weight:900;display:block}.fnsl-stat-lbl{color:#6b7299;text-transform:uppercase;font-size:10.5px;font-weight:700}.fnsl-overview-section{margin-bottom:16px}.fnsl-overview-section-title{color:#2f6fed;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800}.fnsl-overview-section p{color:#33395c;margin:0;font-size:14px;line-height:1.55}.fnsl-skills-wrap{flex-wrap:wrap;gap:6px;display:flex}.fnsl-skill-chip{color:#1e2a5e;background:#f4f6fd;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.fnsl-section-breakdown-row{border-bottom:1px solid #f0f2fa;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.fnsl-sbr-label{color:#1a1a2e;flex:2;font-weight:600}.fnsl-sbr-marks{color:#2f6fed;text-align:right;flex:0 0 70px;font-weight:700}.fnsl-sbr-type{color:#6b7299;text-align:right;flex:1.4}.fnsl-teacher-notes-box{color:#6b5100;background:#fff8e6;border-left:4px solid #f5b400;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.55}.fnsl-resource-box{color:#33395c;background:#f4f6fd;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.fnsl-overview-actions{flex-wrap:wrap;gap:10px;display:flex}.fnsl-btn-ghost{color:#33395c;cursor:pointer;background:0 0;border:1.5px solid #dde1f5;border-radius:10px;padding:10px 16px;font-weight:700}.fnsl-btn-preview{color:#2f6fed;cursor:pointer;background:#eef2ff;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.fnsl-btn-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f6fed,#1e2a5e);border:none;border-radius:10px;padding:10px 18px;font-weight:700}.fnsl-teacher-preview-wrap{max-width:780px;margin:0 auto}.fnsl-preview-topbar{color:#6b5100;background:#fff8e6;border-radius:10px;justify-content:space-between;align-items:center;margin:16px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.fnsl-teacher{max-width:760px;margin:0 auto;padding:20px 16px;font-family:system-ui,sans-serif}.fnsl-teacher-header h2{color:#1e2a5e;margin:0 0 4px}.fnsl-teacher-header p{color:#6b7299;margin:0 0 20px;font-size:14px}.fnsl-teacher-stats{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.fnsl-stat{text-align:center;background:#f4f6fd;border-radius:12px;flex:120px;padding:14px}.fnsl-stat strong{color:#1e2a5e;font-size:24px;display:block}.fnsl-stat span{color:#6b7299;text-transform:uppercase;font-size:11.5px;font-weight:700}.fnsl-live-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.fnsl-live-stat{text-align:center;background:#f4f6fd;border-radius:12px;flex-direction:column;flex:100px;gap:2px;padding:12px;display:flex}.fnsl-live-stat span:first-child{color:#1e2a5e;font-size:20px;font-weight:900}.fnsl-live-stat span:last-child{color:#6b7299;text-transform:uppercase;font-size:10.5px;font-weight:700}.fnsl-live-stat--done span:first-child{color:#1f9d55}.fnsl-live-stat--prog span:first-child{color:#b8860b}.fnsl-live-stat--idle span:first-child{color:#9aa2c9}.fnsl-tabs{border-bottom:2px solid #f0f2fa;gap:8px;margin-bottom:14px;display:flex}.fnsl-tab{color:#6b7299;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 4px;font-size:13.5px;font-weight:700}.fnsl-tab.active{color:#2f6fed;border-bottom-color:#2f6fed}.fnsl-ov-box{background:#f4f6fd;border-radius:12px;margin-bottom:16px;padding:14px 16px}.fnsl-ov-row{color:#1a1a2e;justify-content:space-between;padding:6px 0;font-size:14px;font-weight:600;display:flex}.fnsl-teacher-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.fnsl-teacher-row{background:#fff;border:1.5px solid #e2e5f5;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.fnsl-teacher-row-name{color:#1a1a2e;font-size:14px;font-weight:700}.fnsl-teacher-row-score{color:#2f6fed;font-size:13px;font-weight:700}.fnsl-status-pill{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800}.fnsl-status-pill--done{color:#1f9d55;background:#eafaf0}.fnsl-status-pill--progress{color:#8a6800;background:#fff8e6}.fnsl-empty{color:#9aa2c9;text-align:center;padding:20px 0;font-size:14px}.fnsl-detail-row{background:#fff;border:1.5px solid #e2e5f5;border-radius:10px;overflow:hidden}.fnsl-detail-summary{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;display:flex}.fnsl-detail-chevron{color:#9aa2c9;font-size:11px}.fnsl-detail-body{background:#fafbff;border-top:1px solid #f0f2fa;padding:12px 14px}.fnsl-detail-body p{color:#33395c;margin:0 0 8px;font-size:13px;line-height:1.55}.fnsl-teacher-summary-text{color:#1e2a5e;font-style:italic}.fnsl-teacher-actions{flex-wrap:wrap;gap:10px;display:flex}.fnsl-teacher-actions button:not(.fnsl-btn-danger){color:#2f6fed;cursor:pointer;background:#eef2ff;border:none;border-radius:10px;padding:10px 18px;font-weight:700}@media (width<=520px){.fnsl-card{border-radius:14px;padding:20px 18px}.fnsl-title{font-size:22px}.fnsl-summary-score{font-size:28px}.fnsl-skill-bar-label{flex-basis:130px;font-size:11.5px}}.loi-page{color:#0f2321;max-width:760px;margin:0 auto;padding:16px 14px 60px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.loi-card{background:#fff;border:1.5px solid #d9ede9;border-radius:18px;padding:28px 26px;box-shadow:0 4px 24px #0b3d3a14}.loi-tags{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.loi-tag{color:#0b3d3a;letter-spacing:.03em;text-transform:uppercase;background:#e3f7f3;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.loi-tag--muted{color:#5c6b68;background:#f1f4f3}.loi-title{color:#0b3d3a;margin:0 0 10px;font-size:26px;font-weight:900}.loi-h2{color:#0b3d3a;margin:0 0 12px;font-size:20px;font-weight:800}.loi-h3{color:#12a894;text-transform:uppercase;letter-spacing:.04em;margin:20px 0 10px;font-size:15px;font-weight:800}.loi-lead,.loi-body{color:#33453f;margin:0 0 20px;font-size:15.5px;line-height:1.6}.loi-mini-lesson-list{margin-bottom:20px;padding-left:20px}.loi-mini-lesson-list li{margin-bottom:8px}.loi-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#12a894,#0b3d3a);border:none;border-radius:12px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.loi-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #12a89459}.loi-btn-primary:active{transform:translateY(0)}.loi-btn-primary:focus-visible{outline-offset:2px;outline:3px solid #f5b400}.loi-btn-danger{color:#fff;cursor:pointer;background:#d64545;border:none;border-radius:10px;padding:10px 18px;font-weight:700}.loi-hint-btn{color:#0b3d3a;cursor:pointer;background:0 0;border:1.5px dashed #9fd6cc;border-radius:10px;margin-bottom:10px;padding:8px 14px;font-size:13px;font-weight:700}.loi-hint-btn:hover{background:#f1faf8}.loi-hint{color:#5c6b68;margin:0 0 16px;font-size:13.5px;font-style:italic}.loi-concept-map{background:#f1faf8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:22px;padding:14px;display:flex}.loi-concept-node{color:#33453f;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.loi-concept-dot{color:#0b3d3a;background:#d3efe9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11.5px;font-weight:800;display:flex}.loi-concept-dot--active{color:#fff;background:#12a894}.loi-concept-arrow{color:#9db8b3;margin:0 2px}.loi-video-card{margin-bottom:20px}.loi-video-placeholder{color:#fff;text-align:center;background:linear-gradient(135deg,#0b3d3a,#12a894);border-radius:14px;margin-bottom:16px;padding:30px 20px}.loi-video-icon{margin-bottom:8px;font-size:30px;display:inline-block}.loi-video-placeholder p{margin:4px 0;font-size:17px;font-weight:800}.loi-video-placeholder small{opacity:.8;font-size:12px}.loi-video-points{color:#33453f;text-align:left;margin:0;padding:0;font-size:14px;line-height:1.7;list-style:none}.loi-video-points li{text-align:left;align-items:flex-start;gap:10px;display:flex}.loi-video-points li+li{margin-top:4px}.loi-video-points li:before{content:"•";color:#12a894;flex-shrink:0;font-weight:800;line-height:1.7}.loi-law-card{background:#f1faf8;border:1.5px solid #cdeee6;border-radius:16px;margin:8px 0 20px;padding:22px 24px}.loi-law-card-name{color:#0b3d3a;margin:0 0 8px;font-size:19px;font-weight:900}.loi-law-card-formula{color:#12a894;margin:0 0 10px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:20px;font-weight:700}.loi-law-card-example{color:#33453f;margin:0 0 10px;font-size:14.5px}.loi-law-card-mistake{color:#8a6800;background:#fff8e6;border-left:3px solid #f5b400;border-radius:8px;margin:0;padding:8px 12px;font-size:13.5px}.loi-skill-tag{color:#0b3d3a;letter-spacing:.03em;text-transform:uppercase;background:#e3f7f3;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.loi-question{color:#0f2321;margin:0 0 6px;font-size:17px;font-weight:700}.loi-options{flex-direction:column;gap:10px;margin:16px 0;display:flex}.loi-option{text-align:left;color:#0f2321;cursor:pointer;background:#fafffe;border:1.5px solid #d9ede9;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s}.loi-option:hover:not(:disabled){background:#f1faf8;border-color:#12a894}.loi-option:disabled{cursor:default}.loi-option:focus-visible{outline-offset:2px;outline:3px solid #12a894}.loi-option--correct{color:#14602f;background:#e9f9ef;border-color:#1f9d55}.loi-option--wrong{color:#8c2323;background:#fdecec;border-color:#d64545}.loi-feedback{background:#f1faf8;border:1.5px solid #d9ede9;border-radius:14px;margin-top:16px;padding:16px 18px}.loi-feedback p{color:#33453f;margin:0 0 8px;font-size:14.5px;line-height:1.55}.loi-feedback--correct{background:#eafaf0;border-color:#bfe8cf}.loi-feedback--wrong{background:#fdf1f1;border-color:#f3c8c8}.loi-feedback--worked{background:#fff8e6;border-color:#f0dfa0}.loi-feedback-tip{color:#0b3d3a;font-weight:700}.loi-feedback .loi-btn-primary{margin-top:8px}.loi-steps{color:#33453f;padding-left:20px;font-size:15px;line-height:1.8}.loi-teaching-note{color:#6b5100;background:#fff8e6;border-left:4px solid #f5b400;border-radius:8px;margin:14px 0 20px;padding:10px 14px;font-size:14px}.loi-progress{margin-bottom:18px}.loi-progress-label{color:#5c6b68;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.loi-progress-track{background:#e6f4f1;border-radius:999px;height:8px;overflow:hidden}.loi-progress-fill{background:linear-gradient(90deg,#12a894,#0b3d3a);border-radius:999px;height:100%;transition:width .25s}.loi-sprint-streak{color:#b8860b;margin-bottom:10px;font-size:13.5px;font-weight:800}.loi-reteach-banner{background:#fff8e6;border:1.5px solid #f0dfa0;border-radius:14px;margin-bottom:18px;padding:18px 20px}.loi-reteach-banner .loi-h2{color:#8a6800}.loi-worked-example{color:#33453f;background:#fff;border-radius:10px;margin-top:12px;padding:12px 14px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13.5px}.loi-worked-example p{margin:2px 0}.loi-summary-score{color:#0b3d3a;align-items:baseline;gap:12px;margin-bottom:10px;font-size:34px;font-weight:900;display:flex}.loi-summary-pct{color:#12a894;font-size:18px;font-weight:700}.loi-readiness-pill{border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:800;display:inline-block}.loi-readiness-pill--exam-ready{color:#1f9d55;background:#eafaf0}.loi-readiness-pill--almost-ready{color:#8a6800;background:#fff8e6}.loi-readiness-pill--needs-review{color:#8c2323;background:#fdecec}.loi-mode-scores{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px;display:grid}.loi-mode-scores div{text-align:center;background:#f1faf8;border-radius:12px;padding:10px 14px}.loi-mode-scores span{color:#5c6b68;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.loi-mode-scores strong{color:#0b3d3a;font-size:18px}.loi-skill-grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.loi-skill-bar-row{align-items:center;gap:10px;display:flex}.loi-skill-bar-label{color:#33453f;flex:0 0 200px;font-size:12.5px;font-weight:700}.loi-skill-bar-track{background:#e6f4f1;border-radius:999px;flex:1;height:10px;overflow:hidden}.loi-skill-bar-fill{background:linear-gradient(90deg,#12a894,#1f9d55);border-radius:999px;height:100%}.loi-skill-bar-value{text-align:right;color:#5c6b68;flex:0 0 40px;font-size:12.5px;font-weight:700}.loi-summary-card{background:#f1faf8;border-radius:14px;margin-bottom:16px;padding:16px 18px}.loi-summary-card p{color:#33453f;margin:0 0 8px;font-size:14.5px;line-height:1.6}.loi-next-step{color:#0b3d3a;font-weight:700}.loi-encouragement{color:#5c6b68;text-align:center;font-size:14px}.loi-overview-wrap{max-width:780px;margin:0 auto;padding:20px 16px;font-family:system-ui,sans-serif}.loi-overview-card{background:#fff;border:1.5px solid #d9ede9;border-radius:18px;padding:26px 28px;box-shadow:0 4px 24px #0b3d3a14}.loi-badge{color:#0b3d3a;letter-spacing:.05em;background:#e3f7f3;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.loi-overview-title{color:#0b3d3a;margin:0 0 8px;font-size:24px;font-weight:900}.loi-overview-sub{color:#5c6b68;margin:0 0 18px;font-size:14.5px}.loi-overview-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px;display:grid}.loi-stat-card{text-align:center;background:#f1faf8;border-radius:12px;padding:12px}.loi-stat-num{color:#0b3d3a;font-size:22px;font-weight:900;display:block}.loi-stat-lbl{color:#5c6b68;text-transform:uppercase;font-size:10.5px;font-weight:700}.loi-overview-section{margin-bottom:16px}.loi-overview-section-title{color:#12a894;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800}.loi-overview-section p{color:#33453f;margin:0;font-size:14px;line-height:1.55}.loi-skills-wrap{flex-wrap:wrap;gap:6px;display:flex}.loi-skill-chip{color:#0b3d3a;background:#f1faf8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.loi-section-breakdown-row{border-bottom:1px solid #eef7f5;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.loi-sbr-label{color:#0f2321;flex:2;font-weight:600}.loi-sbr-marks{color:#12a894;text-align:right;flex:0 0 70px;font-weight:700}.loi-sbr-type{color:#5c6b68;text-align:right;flex:1.4}.loi-teacher-notes-box{color:#6b5100;background:#fff8e6;border-left:4px solid #f5b400;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.55}.loi-resource-box{color:#33453f;background:#f1faf8;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.loi-overview-actions{flex-wrap:wrap;gap:10px;display:flex}.loi-btn-ghost{color:#33453f;cursor:pointer;background:0 0;border:1.5px solid #d9ede9;border-radius:10px;padding:10px 16px;font-weight:700}.loi-btn-preview{color:#0b3d3a;cursor:pointer;background:#e3f7f3;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.loi-btn-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#12a894,#0b3d3a);border:none;border-radius:10px;padding:10px 18px;font-weight:700}.loi-teacher-preview-wrap{max-width:780px;margin:0 auto}.loi-preview-topbar{color:#6b5100;background:#fff8e6;border-radius:10px;justify-content:space-between;align-items:center;margin:16px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.loi-teacher{max-width:760px;margin:0 auto;padding:20px 16px;font-family:system-ui,sans-serif}.loi-teacher-header h2{color:#0b3d3a;margin:0 0 4px}.loi-teacher-header p{color:#5c6b68;margin:0 0 20px;font-size:14px}.loi-teacher-stats{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.loi-stat{text-align:center;background:#f1faf8;border-radius:12px;flex:120px;padding:14px}.loi-stat strong{color:#0b3d3a;font-size:24px;display:block}.loi-stat span{color:#5c6b68;text-transform:uppercase;font-size:11.5px;font-weight:700}.loi-live-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.loi-live-stat{text-align:center;background:#f1faf8;border-radius:12px;flex-direction:column;flex:100px;gap:2px;padding:12px;display:flex}.loi-live-stat span:first-child{color:#0b3d3a;font-size:20px;font-weight:900}.loi-live-stat span:last-child{color:#5c6b68;text-transform:uppercase;font-size:10.5px;font-weight:700}.loi-live-stat--done span:first-child{color:#1f9d55}.loi-live-stat--prog span:first-child{color:#b8860b}.loi-live-stat--idle span:first-child{color:#9db8b3}.loi-tabs{border-bottom:2px solid #eef7f5;gap:8px;margin-bottom:14px;display:flex}.loi-tab{color:#5c6b68;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 4px;font-size:13.5px;font-weight:700}.loi-tab.active{color:#12a894;border-bottom-color:#12a894}.loi-ov-box{background:#f1faf8;border-radius:12px;margin-bottom:16px;padding:14px 16px}.loi-ov-row{color:#0f2321;justify-content:space-between;padding:6px 0;font-size:14px;font-weight:600;display:flex}.loi-teacher-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.loi-teacher-row{background:#fff;border:1.5px solid #d9ede9;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.loi-teacher-row-name{color:#0f2321;font-size:14px;font-weight:700}.loi-teacher-row-score{color:#12a894;font-size:13px;font-weight:700}.loi-status-pill{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800}.loi-status-pill--done{color:#1f9d55;background:#eafaf0}.loi-status-pill--progress{color:#8a6800;background:#fff8e6}.loi-empty{color:#9db8b3;text-align:center;padding:20px 0;font-size:14px}.loi-detail-row{background:#fff;border:1.5px solid #d9ede9;border-radius:10px;overflow:hidden}.loi-detail-summary{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;display:flex}.loi-detail-chevron{color:#9db8b3;font-size:11px}.loi-detail-body{background:#fafffe;border-top:1px solid #eef7f5;padding:12px 14px}.loi-detail-body p{color:#33453f;margin:0 0 8px;font-size:13px;line-height:1.55}.loi-teacher-summary-text{color:#0b3d3a;font-style:italic}.loi-teacher-actions{flex-wrap:wrap;gap:10px;display:flex}.loi-teacher-actions button:not(.loi-btn-danger){color:#0b3d3a;cursor:pointer;background:#e3f7f3;border:none;border-radius:10px;padding:10px 18px;font-weight:700}@media (width<=520px){.loi-card{border-radius:14px;padding:20px 18px}.loi-title{font-size:22px}.loi-summary-score{font-size:28px}.loi-skill-bar-label{flex-basis:130px;font-size:11.5px}}.pyth-page{color:#111827;max-width:760px;margin:0 auto;padding:16px 14px 60px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.pyth-card{background:#fff;border:1.5px solid #dbe3ee;border-radius:18px;padding:28px 26px;box-shadow:0 4px 24px #1d4ed814}.pyth-tags{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.pyth-tag{color:#1d4ed8;letter-spacing:.03em;text-transform:uppercase;background:#e8effe;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.pyth-tag--muted{color:#5c6b78;background:#f1f4f3}.pyth-title{color:#1e293b;margin:0 0 10px;font-size:26px;font-weight:900}.pyth-h2{color:#1e293b;margin:0 0 12px;font-size:20px;font-weight:800}.pyth-h3{color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;margin:20px 0 10px;font-size:15px;font-weight:800}.pyth-lead,.pyth-body{color:#33453f;margin:0 0 20px;font-size:15.5px;line-height:1.6}.pyth-mini-lesson-list{margin-bottom:20px;padding-left:20px}.pyth-mini-lesson-list li{margin-bottom:8px}.pyth-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e293b);border:none;border-radius:12px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.pyth-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb59}.pyth-btn-primary:active{transform:translateY(0)}.pyth-btn-primary:focus-visible{outline-offset:2px;outline:3px solid #b45309}.pyth-btn-danger{color:#fff;cursor:pointer;background:#d64545;border:none;border-radius:10px;padding:10px 18px;font-weight:700}.pyth-hint-btn{color:#1e293b;cursor:pointer;background:0 0;border:1.5px dashed #a9c2f5;border-radius:10px;margin-bottom:10px;padding:8px 14px;font-size:13px;font-weight:700}.pyth-hint-btn:hover{background:#f0f5ff}.pyth-hint{color:#5c6b78;margin:0 0 16px;font-size:13.5px;font-style:italic}.pyth-check-row{gap:10px;margin:16px 0;display:flex}.pyth-check-btn{cursor:pointer;background:#fafcff;border:1.5px solid #dbe3ee;border-radius:12px;flex:1;padding:14px;font-size:15px;font-weight:700}.pyth-check-btn:hover:not(:disabled){background:#f0f5ff;border-color:#1d4ed8}.pyth-check-btn--correct{color:#14602f;background:#e9f9ef;border-color:#1f9d55}.pyth-check-btn--wrong{color:#8c2323;background:#fdecec;border-color:#d64545}.pyth-diagram-wrap{justify-content:center;margin:12px 0 20px;display:flex}.pyth-skill-tag{color:#1d4ed8;letter-spacing:.03em;text-transform:uppercase;background:#e8effe;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-block}.pyth-question{color:#111827;margin:0 0 6px;font-size:17px;font-weight:700}.pyth-options{flex-direction:column;gap:10px;margin:16px 0;display:flex}.pyth-option{text-align:left;color:#111827;cursor:pointer;background:#fafcff;border:1.5px solid #dbe3ee;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s}.pyth-option:hover:not(:disabled){background:#f0f5ff;border-color:#1d4ed8}.pyth-option:disabled{cursor:default}.pyth-option:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.pyth-option--correct{color:#14602f;background:#e9f9ef;border-color:#1f9d55}.pyth-option--wrong{color:#8c2323;background:#fdecec;border-color:#d64545}.pyth-feedback{background:#f0f5ff;border:1.5px solid #dbe3ee;border-radius:14px;margin-top:16px;padding:16px 18px}.pyth-feedback p{color:#33453f;margin:0 0 8px;font-size:14.5px;line-height:1.55}.pyth-feedback--correct{background:#eafaf0;border-color:#bfe8cf}.pyth-feedback--wrong{background:#fdf1f1;border-color:#f3c8c8}.pyth-feedback--worked{background:#fdf1de;border-color:#f0dfa0}.pyth-feedback-tip{color:#1e293b;font-weight:700}.pyth-feedback .pyth-btn-primary{margin-top:8px}.pyth-worked-steps{color:#1e293b;background:#f6f8fb;border-radius:12px;margin:12px 0 20px;padding:14px 18px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:16px;line-height:2;list-style:none}.pyth-teaching-note{color:#6b4400;background:#fdf1de;border-left:4px solid #b45309;border-radius:8px;margin:14px 0 20px;padding:10px 14px;font-size:14px}.pyth-progress{margin-bottom:18px}.pyth-progress-label{color:#5c6b78;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.pyth-progress-track{background:#e8effe;border-radius:999px;height:8px;overflow:hidden}.pyth-progress-fill{background:linear-gradient(90deg,#2563eb,#1e293b);border-radius:999px;height:100%;transition:width .25s}.pyth-sprint-streak{color:#b45309;margin-bottom:10px;font-size:13.5px;font-weight:800}.pyth-reteach-banner{background:#fdf1de;border:1.5px solid #f0dfa0;border-radius:14px;margin-bottom:18px;padding:18px 20px}.pyth-reteach-banner .pyth-h2{color:#6b4400}.pyth-worked-example{color:#33453f;background:#fff;border-radius:10px;margin-top:12px;padding:12px 14px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13.5px}.pyth-worked-example p{margin:2px 0}.pyth-summary-score{color:#1e293b;align-items:baseline;gap:12px;margin-bottom:10px;font-size:34px;font-weight:900;display:flex}.pyth-summary-pct{color:#1d4ed8;font-size:18px;font-weight:700}.pyth-readiness-pill{border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:800;display:inline-block}.pyth-readiness-pill--mastered{color:#1f9d55;background:#eafaf0}.pyth-readiness-pill--almost-there{color:#6b4400;background:#fdf1de}.pyth-readiness-pill--needs-review{color:#8c2323;background:#fdecec}.pyth-mode-scores{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px;display:grid}.pyth-mode-scores div{text-align:center;background:#f0f5ff;border-radius:12px;padding:10px 14px}.pyth-mode-scores span{color:#5c6b78;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.pyth-mode-scores strong{color:#1e293b;font-size:18px}.pyth-skill-grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.pyth-skill-bar-row{align-items:center;gap:10px;display:flex}.pyth-skill-bar-label{color:#33453f;flex:0 0 200px;font-size:12.5px;font-weight:700}.pyth-skill-bar-track{background:#e8effe;border-radius:999px;flex:1;height:10px;overflow:hidden}.pyth-skill-bar-fill{background:linear-gradient(90deg,#2563eb,#1f9d55);border-radius:999px;height:100%}.pyth-skill-bar-value{text-align:right;color:#5c6b78;flex:0 0 40px;font-size:12.5px;font-weight:700}.pyth-summary-card{background:#f0f5ff;border-radius:14px;margin-bottom:16px;padding:16px 18px}.pyth-summary-card p{color:#33453f;margin:0 0 8px;font-size:14.5px;line-height:1.6}.pyth-next-step{color:#1e293b;font-weight:700}.pyth-encouragement{color:#5c6b78;text-align:center;font-size:14px}.pyth-overview-wrap{max-width:780px;margin:0 auto;padding:20px 16px;font-family:system-ui,sans-serif}.pyth-overview-card{background:#fff;border:1.5px solid #dbe3ee;border-radius:18px;padding:26px 28px;box-shadow:0 4px 24px #1d4ed814}.pyth-badge{color:#1d4ed8;letter-spacing:.05em;background:#e8effe;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.pyth-overview-title{color:#1e293b;margin:0 0 8px;font-size:24px;font-weight:900}.pyth-overview-sub{color:#5c6b78;margin:0 0 18px;font-size:14.5px}.pyth-overview-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px;display:grid}.pyth-stat-card{text-align:center;background:#f0f5ff;border-radius:12px;padding:12px}.pyth-stat-num{color:#1e293b;font-size:22px;font-weight:900;display:block}.pyth-stat-lbl{color:#5c6b78;text-transform:uppercase;font-size:10.5px;font-weight:700}.pyth-overview-section{margin-bottom:16px}.pyth-overview-section-title{color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800}.pyth-overview-section p{color:#33453f;margin:0;font-size:14px;line-height:1.55}.pyth-skills-wrap{flex-wrap:wrap;gap:6px;display:flex}.pyth-skill-chip{color:#1e293b;background:#f0f5ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.pyth-section-breakdown-row{border-bottom:1px solid #eef2f9;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.pyth-sbr-label{color:#111827;flex:2;font-weight:600}.pyth-sbr-marks{color:#1d4ed8;text-align:right;flex:0 0 70px;font-weight:700}.pyth-sbr-type{color:#5c6b78;text-align:right;flex:1.4}.pyth-teacher-notes-box{color:#6b4400;background:#fdf1de;border-left:4px solid #b45309;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.55}.pyth-resource-box{color:#33453f;background:#f0f5ff;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.pyth-overview-actions{flex-wrap:wrap;gap:10px;display:flex}.pyth-btn-ghost{color:#33453f;cursor:pointer;background:0 0;border:1.5px solid #dbe3ee;border-radius:10px;padding:10px 16px;font-weight:700}.pyth-btn-preview{color:#1e293b;cursor:pointer;background:#e8effe;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.pyth-btn-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e293b);border:none;border-radius:10px;padding:10px 18px;font-weight:700}.pyth-teacher-preview-wrap{max-width:780px;margin:0 auto}.pyth-preview-topbar{color:#6b4400;background:#fdf1de;border-radius:10px;justify-content:space-between;align-items:center;margin:16px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.pyth-teacher{max-width:760px;margin:0 auto;padding:20px 16px;font-family:system-ui,sans-serif}.pyth-teacher-header h2{color:#1e293b;margin:0 0 4px}.pyth-teacher-header p{color:#5c6b78;margin:0 0 20px;font-size:14px}.pyth-live-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.pyth-live-stat{text-align:center;background:#f0f5ff;border-radius:12px;flex-direction:column;flex:100px;gap:2px;padding:12px;display:flex}.pyth-live-stat span:first-child{color:#1e293b;font-size:20px;font-weight:900}.pyth-live-stat span:last-child{color:#5c6b78;text-transform:uppercase;font-size:10.5px;font-weight:700}.pyth-live-stat--done span:first-child{color:#1f9d55}.pyth-live-stat--prog span:first-child{color:#b45309}.pyth-live-stat--idle span:first-child{color:#9db3c2}.pyth-tabs{border-bottom:2px solid #eef2f9;gap:8px;margin-bottom:14px;display:flex}.pyth-tab{color:#5c6b78;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 4px;font-size:13.5px;font-weight:700}.pyth-tab.active{color:#1d4ed8;border-bottom-color:#1d4ed8}.pyth-ov-box{background:#f0f5ff;border-radius:12px;margin-bottom:16px;padding:14px 16px}.pyth-ov-row{color:#111827;justify-content:space-between;padding:6px 0;font-size:14px;font-weight:600;display:flex}.pyth-teacher-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.pyth-teacher-row-name{color:#111827;font-size:14px;font-weight:700}.pyth-teacher-row-score{color:#1d4ed8;font-size:13px;font-weight:700}.pyth-status-pill{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800}.pyth-status-pill--done{color:#1f9d55;background:#eafaf0}.pyth-status-pill--progress{color:#6b4400;background:#fdf1de}.pyth-empty{color:#9db3c2;text-align:center;padding:20px 0;font-size:14px}.pyth-detail-row{background:#fff;border:1.5px solid #dbe3ee;border-radius:10px;overflow:hidden}.pyth-detail-summary{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;display:flex}.pyth-detail-chevron{color:#9db3c2;font-size:11px}.pyth-detail-body{background:#fafcff;border-top:1px solid #eef2f9;padding:12px 14px}.pyth-detail-body p{color:#33453f;margin:0 0 8px;font-size:13px;line-height:1.55}.pyth-teacher-summary-text{color:#1e293b;font-style:italic}.pyth-teacher-actions{flex-wrap:wrap;gap:10px;display:flex}.pyth-teacher-actions button:not(.pyth-btn-danger){color:#1e293b;cursor:pointer;background:#e8effe;border:none;border-radius:10px;padding:10px 18px;font-weight:700}@media (width<=520px){.pyth-card{border-radius:14px;padding:20px 18px}.pyth-title{font-size:22px}.pyth-summary-score{font-size:28px}.pyth-skill-bar-label{flex-basis:130px;font-size:11.5px}}.wb-print-sheet{display:none}@media print{body.wb-printing .whiteboard-page{display:none!important}body.wb-printing #root{min-height:0!important}body.wb-printing .wb-print-sheet{background:#fff;margin:0;padding:0;width:100%!important;height:auto!important;display:block!important;position:static!important}body.wb-printing .wb-print-sheet,body.wb-printing .wb-print-sheet *{visibility:visible!important}.wb-print-page{page-break-after:always;box-sizing:border-box;text-align:center;flex-direction:column;width:100%;height:7.47in;padding:24px;display:flex}.wb-print-page:last-child{page-break-after:auto}.wb-print-page-header{flex:none;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-family:system-ui,-apple-system,sans-serif;display:flex}.wb-print-lesson-title{color:#111;font-size:13px;font-weight:700}.wb-print-page-name{color:#111;font-size:15px;font-weight:800}.wb-print-page-type{color:#555;font-weight:500}.wb-print-page-image-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.wb-print-page-image{object-fit:contain;border:1px solid #ddd;max-width:100%;max-height:100%}.wb-print-page-footer{color:#666;flex:none;margin-top:10px;font-family:system-ui,-apple-system,sans-serif;font-size:11px}@page{size:landscape;margin:.4in}}.game-board-shell{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 34%),linear-gradient(135deg,#f8fafcfa,#eff6ffeb);border:1px solid #94a3b847;border-radius:30px;min-height:620px;margin:18px;padding:24px;box-shadow:0 26px 80px #0f172a29}.game-board-hero,.game-board-teacher-bar,.game-board-stats,.game-board-grid,.game-board-complete{animation:.28s both gameFadeUp}.game-board-hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.game-board-hero p{letter-spacing:.16em;color:#2563eb;margin:0 0 8px;font-size:.72rem;font-weight:900}.game-board-hero h2{letter-spacing:-.06em;color:#0f172a;margin:0;font-size:clamp(2rem,4vw,3.6rem)}.game-board-hero span{color:#475569;max-width:720px;margin-top:8px;font-weight:650;display:block}.game-board-hero-actions,.game-board-teacher-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-board-shell button,.game-board-shell select{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:999px;padding:12px 16px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 28px #0f172a2e}.game-board-shell button:hover{transform:translateY(-1px)}.game-board-shell button.danger{background:#dc2626}.game-board-shell select{color:#0f172a;background:#fff;border:1px solid #94a3b866}.game-board-teacher-bar{background:#ffffffc2;border:1px solid #94a3b83d;border-radius:22px;justify-content:space-between;margin:16px 0;padding:14px}.game-board-teacher-bar div{align-items:center;gap:10px;display:flex}.game-board-stats{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;margin:18px 0;display:grid}.game-board-stats div{background:#ffffffd6;border:1px solid #94a3b840;border-radius:22px;padding:16px}.game-board-stats strong{color:#0f172a;font-size:2rem;line-height:1;display:block}.game-board-stats span{text-transform:uppercase;color:#64748b;letter-spacing:.08em;margin-top:6px;font-size:.76rem;font-weight:900;display:block}.game-board-progress{background:#94a3b842;border-radius:999px;height:14px;margin-bottom:16px;overflow:hidden}.game-board-progress div{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#22c55e);height:100%;transition:width .26s}.game-board-feedback,.game-board-complete{border-radius:22px;margin:14px 0;padding:16px 18px;font-weight:900}.game-board-feedback.correct,.game-board-complete{color:#166534;background:#dcfce7f2;border:1px solid #22c55e47}.game-board-feedback.wrong{color:#991b1b;background:#fee2e2f2;border:1px solid #ef444447}.game-board-grid{grid-template-columns:minmax(240px,.8fr) minmax(340px,1.15fr) minmax(390px,.95fr);align-items:start;gap:18px;display:grid}.game-board-column{background:#ffffffd1;border:1px solid #94a3b83d;border-radius:28px;padding:18px;box-shadow:0 14px 36px #0f172a14}.game-board-column-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.game-board-column-title h3{color:#0f172a;margin:0}.game-board-column-title span{color:#2563eb;font-weight:900}.game-word-bank,.game-target-grid,.game-matched-list{gap:12px;display:grid}.game-word-card{text-align:left;width:100%;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-radius:24px!important;padding:18px!important;box-shadow:0 16px 32px #2563eb3d!important}.game-word-card.selected{outline:4px solid #facc15e6;transform:translateY(-2px)scale(1.01)}.game-word-card strong{font-size:1.6rem;display:block}.game-word-card small{opacity:.85;margin-top:4px;display:block}.game-target-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.game-target-card{min-height:150px;color:#0f172a!important;background:#f8fafc!important;border:2px dashed #2563eb52!important;border-radius:28px!important;box-shadow:inset 0 0 0 1px #ffffffa6,0 14px 28px #0f172a14!important}.game-target-card.matched{background:#dcfce7!important;border-style:solid!important;border-color:#22c55e99!important}.game-target-emoji{margin-bottom:10px;font-size:3.4rem;display:block}.game-target-card strong,.game-target-card small{display:block}.game-matched-list{border-top:1px solid #94a3b840;margin-top:18px;padding-top:14px}.game-matched-list h4{color:#0f172a;margin:0}.game-matched-list span{color:#166534;background:#dcfce7e6;border-radius:14px;padding:8px 10px;font-weight:900}.game-empty-state,.teacher-empty-state{color:#166534;background:#dcfce7e6;border-radius:18px;padding:18px;font-weight:900}.game-student-help{color:#64748b;margin:16px 0 0;font-weight:700}.teacher-analytics-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#2563eb1a,#0000 34%),linear-gradient(#fffffffa,#f8fafcf0);border:1px solid #94a3b859;border-radius:30px;padding:22px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a33,inset 0 1px #fffffff2}.teacher-analytics-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff8c,#0000 32%,#2563eb14);position:absolute;inset:0}.teacher-analytics-title{letter-spacing:-.03em;color:#0f172a;margin:0 0 18px;font-size:22px;font-weight:950;position:relative}.teacher-analytics-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid;position:relative}.teacher-stat-card{text-align:center;background:linear-gradient(#fff,#f8fafc);border:1px solid #cbd5e1db;border-radius:24px;padding:18px 12px;box-shadow:inset 0 1px #fff,0 12px 30px #0f172a14}.teacher-stat-number{color:#0f172a;letter-spacing:-.05em;font-size:38px;font-weight:950;line-height:1}.teacher-stat-label{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-top:10px;font-size:11px;font-weight:950}.student-score-list{gap:10px;margin-top:12px;display:grid;position:relative}.student-score-row{background:#ffffffc7;border:1px solid #e2e8f0eb;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.student-score-name{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:15px;font-weight:950;overflow:hidden}.student-score-email{text-overflow:ellipsis;white-space:nowrap;color:#64748b;margin-top:4px;font-size:12px;font-weight:700;overflow:hidden}.student-score-pill{color:#1d4ed8;white-space:nowrap;background:linear-gradient(#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;box-shadow:0 8px 18px #2563eb1f}.teacher-analytics-note{color:#475569;background:#f8fafcf0;border:1px solid #cbd5e1e6;border-radius:20px;margin-top:18px;padding:16px;font-size:14px;font-weight:750;line-height:1.55;position:relative}@keyframes gameFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.game-board-grid{grid-template-columns:1fr}.game-board-stats{grid-template-columns:repeat(2,1fr)}.game-target-grid{grid-template-columns:1fr}.game-board-hero{flex-direction:column}}@media (width<=620px){.game-board-shell{border-radius:24px;margin:10px;padding:14px}.game-board-stats,.teacher-analytics-grid,.student-score-row{grid-template-columns:1fr}.student-score-pill{width:fit-content}}.game-board-overlay{z-index:9999;background:radial-gradient(circle at 12% 8%,#2563eb3d,#0000 30%),radial-gradient(circle at 88% 18%,#22c55e2e,#0000 26%),linear-gradient(135deg,#e8eef7 0%,#f8fafc 42%,#dbeafe 100%);position:fixed;inset:0;overflow-y:auto}.game-board-shell.phase2{width:100%;height:100vh;min-height:100vh;box-shadow:none;background:linear-gradient(#f8fafcf5,#e2e8f0e6),radial-gradient(circle at 0 0,#2563eb2e,#0000 34%);border:0;border-radius:0;margin:0;padding:28px clamp(18px,3vw,42px) 44px;animation:.32s both gameOverlayEnter;position:relative;overflow:hidden auto}.game-board-aurora{pointer-events:none;opacity:.75;filter:blur(6px);background:radial-gradient(circle at 20% 20%,#3b82f63d,#0000 26%),radial-gradient(circle at 78% 10%,#0ea5e92e,#0000 24%),radial-gradient(circle at 52% 0,#facc151f,#0000 18%);height:420px;position:fixed;inset:-20% -10% auto}.game-command-panel{z-index:20;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae0;border:1px solid #ffffff29;border-radius:26px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 22px 60px #0f172a33}.game-command-panel strong,.game-command-panel span{display:block}.game-command-panel strong{letter-spacing:-.02em;font-size:15px;font-weight:950}.game-command-panel span{color:#bfdbfe;margin-top:2px;font-size:12px;font-weight:850}.game-command-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-command-actions button,.completion-actions button{min-height:42px}.game-command-actions button.secondary,.completion-actions button.secondary,.game-board-hero-actions button:not(.danger){color:#0f172a!important;background:linear-gradient(#fff,#eaf2ff)!important;border:1px solid #94a3b885!important}.game-board-shell.phase2 .game-board-hero{z-index:1;background:linear-gradient(135deg,#fffffff5,#f8fafceb),radial-gradient(circle at 100% 0,#2563eb24,#0000 30%);border:1px solid #cbd5e1ad;border-radius:34px;padding:clamp(22px,3vw,38px);position:relative;box-shadow:0 24px 70px #0f172a1f}.game-board-shell.phase2 .game-board-hero p{color:#2563eb;letter-spacing:.22em}.game-board-shell.phase2 .game-board-hero h2{letter-spacing:-.08em;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95}.instruction-zone{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.15fr);gap:18px;margin:18px 0;display:grid}.instruction-card,.reply-card,.answer-review-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #cbd5e1b8;border-radius:30px;padding:18px;box-shadow:0 18px 48px #0f172a17}.instruction-card{align-items:center;gap:18px;display:flex}.instruction-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;place-items:center;width:60px;height:60px;font-size:30px;display:grid;box-shadow:0 16px 36px #2563eb42}.instruction-card span,.answer-review-panel p{color:#2563eb;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:950;display:block}.instruction-card strong{color:#0f172a;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.35}.reply-card{align-content:center;gap:10px;display:grid}.reply-card input,.student-reply-line input{color:#0f172a;background:#fffffff2;border:1px solid #94a3b88c;border-radius:999px;outline:none;width:100%;min-height:46px;padding:0 18px;font-weight:700}.reply-card input:focus,.student-reply-line input:focus{border-color:#2563ebcc;box-shadow:0 0 0 4px #2563eb1f}.quick-replies,.student-reply-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quick-replies button{color:#0f172a!important;background:linear-gradient(#fff,#f8fafc)!important;border:1px solid #94a3b87a!important;box-shadow:0 10px 26px #0f172a14!important}.student-reply-line{flex-wrap:nowrap}.student-reply-line button,.reply-card>button{flex:none}.game-board-shell.phase2 .game-board-grid{grid-template-columns:minmax(260px,.72fr) minmax(460px,1.08fr) minmax(430px,.9fr);gap:22px}.game-board-shell.phase2 .game-board-column,.teacher-analytics-panel.phase2{background:#fffffff0;border-radius:32px;box-shadow:0 22px 64px #0f172a1f}.game-board-shell.phase2 .game-word-card,.game-board-shell.phase2 .game-target-card{transition:transform .18s,box-shadow .18s,border-color .18s}.game-board-shell.phase2 .game-word-card:hover,.game-board-shell.phase2 .game-target-card:hover{transform:translateY(-2px)}.game-target-card.target-ready{border-color:#2563ebb8!important;box-shadow:0 0 0 5px #2563eb14,0 16px 34px #0f172a1a!important}.success-bounce{animation:.46s cubic-bezier(.2,.8,.2,1) both correctBounce}.wrong-shake{animation:.38s both wrongShake}.teacher-analytics-panel.phase2{max-height:calc(100vh - 260px);overflow-y:auto}.analytics-live-pill{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;position:absolute;top:22px;right:20px;box-shadow:0 12px 24px #22c55e29}.analytics-subtitle{color:#64748b;margin:-8px 0 18px;font-weight:800;position:relative}.teacher-stat-card.attention .teacher-stat-number{color:#b91c1c}.phase2-list .student-score-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.phase2-list .student-score-row.flagged{background:linear-gradient(#fff,#fef2f2);border-color:#ef444457}.student-score-main{min-width:0}.student-progress-track{background:#94a3b838;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.student-progress-track div{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#22c55e);height:100%;transition:width .26s}.phase2-list .student-score-pill{justify-self:start;margin-top:8px}.reply-feed{background:#f8fafcf0;border:1px solid #cbd5e1e0;border-radius:22px;margin-top:18px;padding:16px;position:relative}.reply-feed-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reply-feed-title strong{color:#0f172a;font-weight:950}.reply-feed-title span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}.reply-feed-item{border-top:1px solid #cbd5e1b3;gap:3px;padding:10px 0;display:grid}.reply-feed-item strong{color:#0f172a;font-size:13px}.reply-feed-item span{color:#334155;font-weight:760}.reply-feed-item small,.reply-feed em{color:#64748b;font-weight:700}.completion-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a6b;place-items:center;padding:24px;animation:.24s both fadeIn;display:grid;position:fixed;inset:0}.completion-card{text-align:center;background:radial-gradient(circle at top,#facc1533,#0000 28%),linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #ffffffb8;border-radius:38px;width:min(720px,94vw);padding:clamp(24px,4vw,44px);animation:.36s cubic-bezier(.2,.9,.2,1) both completionPop;box-shadow:0 36px 120px #0f172a59}.completion-burst{background:linear-gradient(135deg,#facc15,#fb923c);border-radius:28px;place-items:center;width:84px;height:84px;margin:0 auto 12px;font-size:44px;animation:1.6s ease-in-out infinite floatPulse;display:grid;box-shadow:0 20px 42px #fb923c4d}.completion-card p{color:#2563eb;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:950}.completion-card h3{color:#0f172a;letter-spacing:-.07em;margin:0;font-size:clamp(2.2rem,5vw,4.2rem)}.completion-card>span{color:#475569;max-width:560px;margin:12px auto 20px;font-weight:760;line-height:1.55;display:block}.completion-score-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.completion-score-grid div{background:#eff6ffe6;border:1px solid #bfdbfee6;border-radius:24px;padding:18px}.completion-score-grid strong,.completion-score-grid small{display:block}.completion-score-grid strong{color:#0f172a;letter-spacing:-.05em;font-size:2.2rem}.completion-score-grid small{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-weight:950}.completion-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.answer-review-panel{margin-top:22px}.answer-review-panel h3{color:#0f172a;margin:0 0 14px;font-size:1.5rem}.review-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.review-chip-grid span{border:1px solid #94a3b870;border-radius:999px;padding:10px 13px;font-weight:950}.review-chip-grid .complete{color:#166534;background:#dcfce7;border-color:#86efac}.review-chip-grid .pending{color:#64748b;background:#f8fafc}@keyframes gameOverlayEnter{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes completionPop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatPulse{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes correctBounce{0%{transform:scale(1)}45%{transform:scale(1.06)translateY(-4px)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (width<=1240px){.game-board-shell.phase2 .game-board-grid,.instruction-zone{grid-template-columns:1fr}.teacher-analytics-panel.phase2{max-height:none}}@media (width<=760px){.game-board-shell.phase2{padding:14px 12px 28px}.game-command-panel,.game-board-hero,.instruction-zone,.student-reply-line,.completion-actions{flex-direction:column;align-items:stretch}.game-command-panel{display:grid}.game-command-actions,.quick-replies{grid-template-columns:1fr 1fr;display:grid}.completion-score-grid{grid-template-columns:1fr}}.reply-feed-item.teacher-message{background:linear-gradient(#eff6fff2,#fffffff2);border-left:4px solid #2563eb}.reply-feed-item.own-reply{background:linear-gradient(#f0fdf4f2,#fffffff2);border-left:4px solid #22c55e}.hybrid-mode-strip{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #94a3b852;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 18px;padding:14px 16px;display:flex;position:relative;box-shadow:0 14px 34px #0f172a14}.hybrid-mode-strip strong{color:#0f172a;letter-spacing:-.02em;font-weight:950;display:block}.hybrid-mode-strip span{color:#64748b;margin-top:3px;font-size:.92rem;font-weight:750;display:block}.hybrid-mode-strip.is-focused{background:linear-gradient(135deg,#eff6ffeb,#ffffffd1);border-color:#2563eb47}.hybrid-mode-strip.is-open{background:linear-gradient(135deg,#dcfce7e6,#ffffffd6);border-color:#22c55e57}.student-view-switcher{background:#0f172a14;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.student-view-switcher button{min-width:88px;box-shadow:none!important;padding:10px 14px!important}.student-view-switcher button.active{color:#fff!important;background:#2563eb!important}.game-command-actions .hybrid-on,.game-board-shell button.hybrid-on{color:#fff!important;background:linear-gradient(135deg,#16a34a,#22c55e)!important}.current-activity-card{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34%),linear-gradient(135deg,#fffffff5,#eff6ffe6);border:1px solid #2563eb38;border-radius:30px;justify-content:space-between;align-items:center;gap:18px;margin:18px;padding:22px;display:flex;box-shadow:0 20px 55px #0f172a1f}.current-activity-card p{color:#2563eb;letter-spacing:.14em;margin:0 0 6px;font-size:.74rem;font-weight:950}.current-activity-card h2{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,2.5vw,2.4rem)}.current-activity-card span{color:#475569;max-width:780px;margin-top:6px;font-weight:750;display:block}@media (width<=760px){.hybrid-mode-strip,.current-activity-card{flex-direction:column;align-items:stretch}.student-view-switcher{width:100%}.student-view-switcher button{flex:1}}.game-target-emoji img{object-fit:cover;border-radius:22px;width:84px;height:84px;box-shadow:0 12px 24px #0f172a29}.teacher-highlight{border:2px solid #3b82f6;transition:all .2s;box-shadow:0 0 14px #3b82f6e6}.review-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 0 0,#2563eb38,#0000 32%),#0f172a85;place-items:center;padding:24px;animation:.22s both fadeIn;display:grid;position:fixed;inset:0}.answer-review-panel.modal.elite-review{background:radial-gradient(circle at 100% 0,#22c55e21,#0000 28%),linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #ffffffb8;border-radius:34px;width:min(1040px,94vw);max-height:84vh;margin:0;padding:26px;overflow-y:auto;box-shadow:0 42px 120px #0f172a6b}.elite-review-topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.elite-review-badge{color:#2563eb;letter-spacing:.14em;background:#dbeafe;border-radius:999px;width:fit-content;padding:8px 12px;font-size:12px;font-weight:950}.elite-review-close{width:42px;height:42px;font-size:24px;line-height:1;color:#fff!important;background:#0f172a!important;border-radius:999px!important;padding:0!important}.elite-review-hero{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #bfdbfecc;border-radius:28px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px;padding:22px;display:flex}.elite-review-hero h3{letter-spacing:-.07em;color:#0f172a;margin:0;font-size:clamp(2rem,4vw,3.6rem)}.elite-review-hero p{color:#64748b;margin:8px 0 0;font-weight:800}.elite-review-score{text-align:center;color:#fff;background:#0f172a;border-radius:24px;min-width:130px;padding:18px;box-shadow:0 18px 45px #0f172a38}.elite-review-score strong{letter-spacing:-.05em;font-size:2.2rem;display:block}.elite-review-score span{color:#bfdbfe;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:950;display:block}.elite-review-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;display:grid}.elite-review-card{background:#ffffffe0;border:1px solid #cbd5e1cc;border-radius:24px;grid-template-columns:74px 1fr auto;align-items:center;gap:14px;padding:16px;display:grid;position:relative;box-shadow:0 14px 36px #0f172a14}.elite-review-card.complete{background:linear-gradient(135deg,#f0fdf4f2,#fffffff2);border-color:#22c55e59}.elite-review-card.pending{opacity:.78}.elite-review-icon{background:#eff6ff;border-radius:20px;place-items:center;width:64px;height:64px;font-size:2rem;display:grid;overflow:hidden}.elite-review-icon img{object-fit:cover;width:100%;height:100%}.elite-review-content{min-width:0}.elite-review-label{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.elite-review-content strong{color:#0f172a;margin-top:4px;font-size:1.15rem;font-weight:950;display:block}.elite-review-content small{color:#64748b;margin-top:4px;font-weight:800;display:block}.elite-review-status{color:#15803d;background:#dcfce7;border-radius:999px;place-items:center;width:36px;height:36px;font-weight:950;display:grid;box-shadow:0 10px 22px #22c55e2e}.elite-review-card.pending .elite-review-status{color:#94a3b8;background:#f1f5f9}.elite-review-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:22px;display:flex}@media (width<=760px){.elite-review-grid{grid-template-columns:1fr}.elite-review-hero{flex-direction:column;align-items:stretch}.elite-review-score{width:100%}}.leaderboard-row small{text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;margin-top:4px;font-weight:750;display:block;overflow:hidden}@keyframes leaderboardBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes leaderboardDrawerIn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@media (width<=760px){.leaderboard-float-button{top:82px;right:12px;padding:11px 14px!important}.leaderboard-drawer{width:min(390px,94vw);padding:20px}}.floating-leaderboard-shell,.game-live-leaderboard.compact,.game-live-leaderboard.floating{display:none!important}.leaderboard-float-button{z-index:120;align-items:center;gap:10px;display:inline-flex;position:fixed;top:clamp(78px,9vh,104px);right:clamp(14px,2vw,26px);color:#fff!important;background:radial-gradient(circle at 0 0,#facc1533,#0000 32%),linear-gradient(135deg,#0f172a,#1e293b)!important;border:1px solid #ffffff24!important;border-radius:999px!important;padding:13px 18px!important;box-shadow:0 18px 44px #0f172a52,inset 0 1px #ffffff1f!important}.leaderboard-float-button span{color:#111827;background:#facc15;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-weight:950;display:grid}.leaderboard-drawer-backdrop{z-index:130;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a38;animation:.18s both leaderboardBackdropIn;position:fixed;inset:0}.leaderboard-drawer{color:#fff;background:radial-gradient(circle at 0 0,#facc1533,#0000 34%),radial-gradient(circle at 100% 100%,#2563eb29,#0000 30%),linear-gradient(#0f172a,#1e293b);width:min(460px,92vw);height:100%;padding:24px;animation:.22s both leaderboardDrawerIn;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-28px 0 80px #0f172a61}.leaderboard-drawer-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.leaderboard-drawer-head p{color:#facc15;letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:950}.leaderboard-drawer-head h3{color:#fff;letter-spacing:-.06em;margin:0;font-size:2rem;line-height:1}.leaderboard-drawer-head button{place-items:center;width:42px;height:42px;font-size:1.4rem;line-height:1;display:grid;color:#fff!important;box-shadow:none!important;background:#ffffff1f!important;border-radius:999px!important;padding:0!important}.leaderboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.leaderboard-summary-grid div{text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;min-width:0;padding:12px 8px}.leaderboard-summary-grid strong,.leaderboard-summary-grid span{display:block}.leaderboard-summary-grid strong{color:#fff;font-size:1.35rem;font-weight:950;line-height:1}.leaderboard-summary-grid span{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:.68rem;font-weight:900}.leaderboard-empty{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;padding:18px;font-weight:800;line-height:1.45}.leaderboard-list{gap:12px;display:grid}.leaderboard-row{background:#ffffff17;border:1px solid #ffffff1c;border-radius:22px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.leaderboard-row>strong{color:#111827;background:linear-gradient(145deg,#fde68a,#f59e0b);border-radius:16px;place-items:center;width:42px;height:42px;font-weight:950;display:grid;box-shadow:0 12px 26px #f59e0b3d}.leaderboard-row div{min-width:0}.leaderboard-row span{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:950;display:block;overflow:hidden}.leaderboard-row small{color:#cbd5e1;margin-top:4px;font-weight:750;line-height:1.35;display:block}@media (width<=760px){.leaderboard-float-button{top:82px;right:12px;padding:11px 14px!important}.leaderboard-drawer{width:min(390px,94vw);padding:20px}.leaderboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-top-right-tools{z-index:99999;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:92px;right:24px}.game-top-right-secondary{gap:10px;display:flex}.game-floating-button{cursor:pointer;-webkit-backdrop-filter:blur(18px);border:none;border-radius:999px;padding:14px 20px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 18px 45px #00000047,inset 0 1px #ffffff1f}.game-floating-button:hover{transform:translateY(-2px)}.game-floating-button.end{color:#fff;background:linear-gradient(135deg,#ff2d2d,#c51616)}.game-floating-button.leaderboard{color:#fff;background:linear-gradient(135deg,#1f2f58,#0f172a)}.game-floating-button.dashboard{color:#fff;background:linear-gradient(135deg,#0d9488,#0f766e)}.report-preview-drawer{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34%),linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #94a3b857;border-radius:32px;margin:22px 0 0;padding:22px;animation:.26s both reportDrawerIn;position:relative;overflow:hidden;box-shadow:0 26px 80px #0f172a2e}.report-preview-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.report-preview-header p,.report-editor-topline p{color:#2563eb;letter-spacing:.14em;margin:0 0 6px;font-size:.72rem;font-weight:950}.report-preview-header h2,.report-editor-topline h3{color:#0f172a;letter-spacing:-.05em;margin:0}.report-preview-header h2{font-size:clamp(1.6rem,3vw,2.4rem)}.report-preview-header span,.report-editor-topline span{color:#64748b;margin-top:6px;font-weight:750;display:block}.report-close-btn{width:42px;height:42px;font-size:24px;line-height:1;color:#fff!important;background:#0f172a!important;border-radius:999px!important;padding:0!important}.report-summary-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;margin-bottom:16px;display:grid}.report-summary-grid>div{background:#ffffffe0;border:1px solid #cbd5e1cc;border-radius:22px;padding:16px;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #0f172a0f}.report-summary-grid strong{color:#0f172a;font-size:1.7rem;font-weight:950;line-height:1;display:block}.report-summary-grid span{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-top:7px;font-size:.72rem;font-weight:950;display:block}.report-intelligence-strip{grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;margin:0 0 16px;display:grid}.report-intelligence-strip>div{background:linear-gradient(135deg,#eff6fff2,#fffffff0);border:1px solid #bfdbfecc;border-radius:22px;padding:14px 16px}.report-intelligence-strip span{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:950;display:block}.report-intelligence-strip strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-weight:950;display:block;overflow:hidden}.report-audience-row{flex-wrap:wrap;gap:10px;margin:0 0 18px;display:flex}.report-audience-row button{color:#0f172a!important;box-shadow:none!important;background:#e2e8f0!important}.report-audience-row button.active{color:#fff!important;background:#2563eb!important;box-shadow:0 12px 26px #2563eb33!important}.report-preview-layout{grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);align-items:start;gap:16px;display:grid}.report-student-list,.report-editor-panel{background:#ffffffd6;border:1px solid #cbd5e1bf;border-radius:26px;box-shadow:0 16px 44px #0f172a14}.report-student-list{gap:10px;padding:16px;display:grid}.report-student-list h3{color:#0f172a;margin:0 0 4px}.report-student-card{text-align:left;grid-template-columns:1fr auto;gap:3px 12px;width:100%;color:#0f172a!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #e2e8f0f2!important;border-radius:20px!important;padding:14px!important;display:grid!important}.report-student-card.selected{background:#eff6ff!important;border-color:#2563eb61!important}.report-student-card span{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.report-student-card strong{color:#2563eb;font-weight:950}.report-student-card small{color:#64748b;grid-column:1/-1;font-weight:750}.report-editor-panel{padding:18px}.report-editor-topline{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.report-score-badge{color:#1d4ed8;text-align:center;background:linear-gradient(#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:24px;min-width:104px;padding:14px;font-size:2rem;font-weight:950;line-height:1}.report-score-badge small{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:.66rem;display:block}.report-insight-cards{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.report-insight-cards>div{background:#f8fafc;border:1px solid #cbd5e1d9;border-radius:20px;padding:14px}.report-insight-cards strong{color:#0f172a;margin-bottom:8px;font-weight:950;display:block}.report-insight-cards ul,.email-insight-section ul{margin:6px 0 0;padding-left:18px}.report-insight-cards li,.email-insight-section li{color:#334155;margin-bottom:5px;font-weight:760}.report-insight-cards span{color:#64748b;font-weight:760;display:block}.report-label{color:#0f172a;gap:8px;margin:14px 0;font-weight:950;display:grid}.report-label textarea{resize:vertical;width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #94a3b880;border-radius:18px;outline:none;padding:14px}.report-label textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.report-email-preview{color:#334155;background:#fff;border:1px solid #cbd5e1e6;border-radius:24px;margin-top:16px;padding:0 18px 18px;overflow:hidden;box-shadow:0 18px 42px #0f172a14}.email-window-top{background:#f1f5f9;border-bottom:1px solid #e2e8f0;gap:7px;margin:0 -18px 14px;padding:12px 16px;display:flex}.email-window-top span{background:#94a3b8;border-radius:999px;width:10px;height:10px}.email-subject{color:#0f172a;font-weight:950}.email-metrics-row{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.email-metrics-row span{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:900}.email-insight-section{background:#f8fafc;border:1px solid #e2e8f0f2;border-radius:18px;margin-top:14px;padding:14px}.email-insight-section strong{color:#0f172a;margin-top:6px;display:block}.report-email-preview blockquote{color:#0f172a;background:#f8fafc;border-left:5px solid #2563eb;border-radius:14px;margin:14px 0;padding:14px 16px;font-weight:750}.report-action-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.report-action-row button.secondary{background:#475569!important}.report-action-row button.success{background:#16a34a!important}.report-empty-state{color:#64748b;background:#f8fafc;border-radius:18px;padding:18px;font-weight:850}@keyframes reportDrawerIn{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.report-summary-grid,.report-intelligence-strip,.report-preview-layout,.report-insight-cards{grid-template-columns:1fr}.report-editor-topline{flex-direction:column}}@media (width<=620px){.report-preview-drawer{border-radius:24px;padding:14px}.report-summary-grid{grid-template-columns:repeat(2,1fr)}}.fish-game-shell.world-ui{color:#fff;background:radial-gradient(circle at 15% 15%,#0ea5e957,#0000 30%),radial-gradient(circle at 85% 75%,#22c55e33,#0000 32%),linear-gradient(135deg,#03162f,#05233e 46%,#020617);border-radius:28px;width:100%;min-height:760px;padding:18px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000061}.fish-game-bg-grid{opacity:.1;pointer-events:none;background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.fish-topbar,.fish-step-strip,.fish-world-layout{z-index:2;position:relative}.fish-topbar{grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-bottom:12px;display:grid}.fish-brand{align-items:center;gap:12px;display:flex}.fish-brand-icon{filter:drop-shadow(0 10px 18px #00000047);font-size:2.2rem}.fish-brand h2{color:#f8fafc;letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,3rem)}.fish-game-stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fish-game-stats span{background:#0f172ab8;border:1px solid #7dd3fc47;border-radius:999px;padding:10px 13px;font-size:.82rem;font-weight:950}.fish-game-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.fish-game-actions button,.selected-answer-bar button,.next-question-button,.fish-complete-card button{color:#fff;cursor:pointer;background:#0f172ae6;border:0;border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:0 14px 28px #00000038}.fish-game-actions button:hover,.selected-answer-bar button:hover,.next-question-button:hover,.fish-complete-card button:hover{transform:translateY(-2px)}.fish-game-actions .danger{background:linear-gradient(135deg,#dc2626,#ef4444)}.fish-step-strip{color:#0f172a;background:#e0f2feeb;border-radius:24px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px;padding:11px 18px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #0000002e}.fish-step-strip div{opacity:.6;align-items:center;gap:10px;font-weight:950;display:flex}.fish-step-strip div.active{opacity:1;transform:scale(1.02)}.fish-step-strip strong{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 6px 16px #2563eb52}.fish-step-strip div:nth-of-type(2) strong{background:#f59e0b}.fish-step-strip div:nth-of-type(3) strong{background:#16a34a}.fish-step-strip em{color:#2563eb;font-size:1.65rem;font-style:normal;font-weight:1000}.fish-world-layout{grid-template-columns:1fr;gap:14px;display:grid}.fish-world-layout.with-panel{grid-template-columns:minmax(0,1fr) 320px}.fish-world-main{min-width:0}.fish-question-card{z-index:7;color:#172033;background:linear-gradient(#fffdf5,#f8ead3);border:4px solid #92400e59;border-radius:30px;width:min(520px,46%);min-height:118px;padding:28px 120px 24px 32px;position:absolute;top:12%;left:7%;box-shadow:0 22px 42px #00000047,inset 0 2px #ffffffe6}.question-badge{color:#fff;letter-spacing:.08em;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:16px;padding:10px 34px;font-weight:1000;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 10px 18px #581c874d}.question-speaker{color:#fff;cursor:pointer;background:#8b5cf6;border:0;border-radius:14px;width:54px;height:44px;font-size:1.25rem;position:absolute;top:-18px;right:20px}.fish-question-card p{color:#1f2937;margin:0 0 8px;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:950;line-height:1.15}.fish-question-card strong{color:#16a34a;font-size:1.4rem;font-weight:1000;display:block}.fish-progress-track{background:#0f172abd;border:1px solid #ffffff1f;border-radius:999px;height:9px;margin:0 0 12px;overflow:hidden}.fish-progress-track div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#fb923c);height:100%;transition:width .3s}.fish-pond.world{background:radial-gradient(circle at 35% 18%,#ffffff38,#0000 24%),linear-gradient(#0ea5e9 0%,#0369a1 52%,#075985 100%);border:1px solid #bae6fd5c;border-radius:30px;height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #ffffff21,0 25px 70px #00000047}.water-rays{opacity:.5;pointer-events:none;background:linear-gradient(115deg,#ffffff29,#0000 24%),linear-gradient(75deg,#0000 20%,#ffffff1f,#0000 44%);position:absolute;inset:0}.water-glow{filter:blur(40px);opacity:.42;border-radius:999px;width:300px;height:300px;animation:8s ease-in-out infinite waterFloat;position:absolute}.water-glow.one{background:#67e8f9;top:20%;left:10%}.water-glow.two{background:#22c55e;animation-delay:-3s;bottom:8%;right:10%}.seaweed{color:#22c55ead;opacity:.55;font-size:10rem;font-weight:1000;position:absolute;bottom:-20px;transform:rotate(8deg)}.seaweed.left{left:1%}.seaweed.right{right:2%;transform:rotate(-8deg)}.feeding-station{z-index:6;width:270px;height:230px;position:absolute;bottom:16%;right:8%}.station-sign,.station-label{color:#fef3c7;text-shadow:0 2px #00000047;white-space:nowrap;background:linear-gradient(#92400e,#5b2b0a);border-radius:14px;padding:9px 18px;font-weight:1000;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #00000040}.station-sign{letter-spacing:.04em;font-size:1.35rem;top:0}.station-label{font-size:.92rem;bottom:0}.station-arrow{color:#facc15;text-shadow:0 0 24px #facc15bf;font-size:4rem;font-weight:1000;animation:.9s ease-in-out infinite arrowBounce;position:absolute;top:52px;left:50%;transform:translate(-50%)}.station-mouth{background:linear-gradient(#fb7185,#be123c);border:7px solid #facc15;border-radius:12px 12px 999px 999px;width:180px;height:120px;animation:1.45s ease-in-out infinite mouthIdle;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #facc152e,0 0 42px #facc15b3,inset 0 -18px 36px #00000059}.station-mouth-inner{background:radial-gradient(circle at 50% 70%,#7f1d1d,#1f0205 72%);border-radius:8px 8px 999px 999px;position:absolute;inset:22px 22px 14px}.feeding-station.eating .station-mouth,.feeding-station.correct .station-mouth{border-color:#fde047;animation:.45s ease-in-out mouthEat}.feeding-station.wrong .station-mouth{border-color:#fb7185;box-shadow:0 0 22px #ef444473}.fish-path-line{opacity:.9;z-index:3;border-top:7px dashed #ffffffd1;width:31%;position:absolute;top:58%;left:34%;transform:rotate(-9deg)}.fish-character{z-index:7;filter:drop-shadow(0 22px 24px #00000040);width:230px;height:130px;transition:left .18s linear,top .18s linear;position:absolute;transform:translate(-50%,-50%)}.fish-character.left{transform:translate(-50%,-50%)scaleX(-1)}.fish-character.waiting{animation:1.5s ease-in-out infinite fishWait}.fish-character.eating{animation:.45s ease-in-out infinite fishExcited}.fish-character.happy,.fish-character.celebrate{animation:.55s ease-in-out infinite fishHappy}.fish-character.sad{animation:.7s ease-in-out fishSad}.fish-character.escape{animation:.85s ease-in-out fishEscape}.fish-tail{clip-path:polygon(100% 50%,0 0,18% 50%,0 100%);transform-origin:100%;background:linear-gradient(135deg,#facc15,#fb923c);width:82px;height:78px;animation:.3s ease-in-out infinite tailWag;position:absolute;top:28px;left:8px}.fish-body{background:radial-gradient(circle at 55% 38%,#ffffff40,#0000 9%),radial-gradient(circle at 35% 58%,#fb923ccc,#0000 16%),linear-gradient(135deg,#fbbf24,#f97316 54%,#ea580c);border-radius:60% 45% 45% 60%;width:165px;height:108px;position:absolute;top:10px;right:0;box-shadow:inset -12px -10px 20px #7c2d1238}.fish-eye{background:#fff;border-radius:50%;width:26px;height:30px;animation:4s infinite eyeBlink;position:absolute;top:26px;box-shadow:inset 0 -2px #00000014}.left-eye{right:50px}.right-eye{right:24px}.fish-eye span{background:#020617;border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite eyeLook;position:absolute;top:11px;left:8px}.fish-mouth{border-bottom:5px solid #7c2d12c7;border-radius:0 0 22px 22px;width:30px;height:16px;animation:1.3s ease-in-out infinite smallMouth;position:absolute;top:66px;right:12px}.fish-character.eating .fish-mouth,.fish-character.happy .fish-mouth,.fish-character.celebrate .fish-mouth{border-bottom-width:8px;height:28px}.fish-character.sad .fish-mouth{border-top:5px solid #7c2d12c7;border-bottom:0;border-radius:22px 22px 0 0;top:78px}.fish-reaction-word{color:#fef3c7;text-shadow:0 6px 16px #00000052;font-size:1.1rem;font-weight:1000;position:absolute;top:-30px;right:-20px}.answer-food-flight{z-index:12;left:var(--start-x);top:var(--start-y);color:#082f49;background:#fef3c7;border-radius:22px;padding:12px 22px;font-size:1.6rem;font-weight:1000;animation:.64s cubic-bezier(.15,.72,.35,1.05) forwards foodArc;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 28px #0000003d}.fish-particle{z-index:13;font-size:1.35rem;animation:1.1s ease-out forwards particlePop;position:absolute;transform:translate(-50%,-50%)}.fish-feedback{z-index:14;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617b8;border:1px solid #ffffff2e;border-radius:22px;max-width:min(640px,100% - 44px);padding:13px 18px;font-weight:950;position:absolute;bottom:18px;left:22px;box-shadow:0 16px 32px #00000038}.fish-feedback.correct{background:#14532dc7}.fish-feedback.wrong{background:#7f1d1dd1}.fish-feedback.selected,.fish-feedback.near{background:#1e40afc7}.next-question-button{z-index:15;background:linear-gradient(135deg,#16a34a,#22c55e);position:absolute;bottom:22px;right:26px}.answer-help-card{color:#7c2d12;background:linear-gradient(#fef9c3,#fde68a);border-radius:18px;align-items:center;gap:10px;margin:12px auto;padding:12px 20px;font-weight:950;display:inline-flex;box-shadow:0 14px 26px #0000002e}.answer-help-card span{font-size:1.4rem}.answer-help-card small{color:#92400e}.fish-choice-tray{grid-template-columns:repeat(4,minmax(90px,1fr));gap:14px;display:grid}.fish-choice{color:#082f49;cursor:pointer;border:4px solid #ffffffa6;border-radius:24px;min-height:94px;font-size:2rem;font-weight:1000;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 18px 34px #00000047,inset 0 2px #ffffffb3}.fish-choice span,.fish-choice small{display:block}.fish-choice small{text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-top:4px;font-size:.68rem}.fish-choice.choice-0{background:linear-gradient(#dbeafe,#60a5fa)}.fish-choice.choice-1{background:linear-gradient(#fef3c7,#f59e0b)}.fish-choice.choice-2{background:linear-gradient(#dcfce7,#22c55e)}.fish-choice.choice-3{background:linear-gradient(#fecaca,#f87171)}.fish-choice:hover:not(:disabled){filter:saturate(1.12);transform:translateY(-5px)scale(1.03);box-shadow:0 24px 42px #00000052,0 0 0 5px #fff3}.fish-choice.selected{outline:5px solid #fef9c3d9;transform:translateY(-6px)scale(1.05);box-shadow:0 26px 46px #00000052,0 0 32px #facc1580}.fish-choice.dragging{opacity:.7}.fish-choice:disabled{opacity:.58;cursor:not-allowed}.selected-answer-bar{background:#0ea5e929;border:1px solid #7dd3fc4d;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:13px 16px;display:flex}.selected-answer-bar span{color:#bae6fd;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:1000;display:block}.selected-answer-bar strong{color:#fef3c7;font-size:1.5rem;display:block}.selected-answer-bar button{background:linear-gradient(135deg,#16a34a,#22c55e);font-size:1rem}.teacher-fish-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b3;border:1px solid #38bdf842;border-radius:28px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 24px 54px #00000047}.teacher-panel-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:10px;padding-bottom:14px;display:flex}.teacher-panel-head div{align-items:center;gap:10px;display:flex}.teacher-panel-head span{font-size:1.7rem}.teacher-panel-head strong{color:#f8fafc}.teacher-panel-head em{color:#86efac;background:#1665344d;border-radius:999px;align-self:center;padding:7px 10px;font-size:.75rem;font-style:normal;font-weight:950}.teacher-metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.teacher-metric-grid div,.teacher-progress-card,.teacher-events-card,.teacher-tip-card{background:#0f172a94;border:1px solid #ffffff14;border-radius:18px;padding:14px}.teacher-metric-grid span{color:#cbd5e1;font-size:.78rem;font-weight:850;display:block}.teacher-metric-grid strong{color:#fef3c7;margin-top:5px;font-size:1.25rem;display:block}.teacher-progress-card div:first-child{color:#f8fafc;justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.teacher-progress-card span{color:#fef3c7;font-weight:1000}.teacher-progress-track{background:#0ea5e92e;border-radius:999px;height:14px;overflow:hidden}.teacher-progress-track div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#86efac);height:100%}.teacher-events-card strong,.teacher-tip-card strong{color:#f8fafc;margin-bottom:10px;display:block}.teacher-events-card p,.teacher-tip-card span{color:#cbd5e1;margin:0;font-size:.88rem}.teacher-event-row{border-top:1px solid #ffffff14;gap:2px;padding:10px 0;display:grid}.teacher-event-row span{color:#86efac;font-weight:950}.teacher-event-row small{color:#dbeafe}.teacher-event-row em{color:#94a3b8;font-size:.75rem;font-style:normal}.teacher-tip-card{background:linear-gradient(135deg,#1e40afa6,#0e74908c)}.fish-complete-card{text-align:center;background:#16653438;border:1px solid #86efac57;border-radius:24px;margin-top:14px;padding:18px}.fish-complete-card div{font-size:2.4rem}.fish-complete-card h3{margin:4px 0;font-size:1.7rem}.fish-complete-card p{color:#dbeafe}.fish-pause-screen{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061770;place-items:center;font-size:3rem;font-weight:1000;display:grid;position:absolute;inset:0}.bubble{border:2px solid #ffffff80;border-radius:999px;width:18px;height:18px;animation:7s ease-in infinite bubbleRise;position:absolute;bottom:-40px}.b1{left:7%}.b2{width:13px;height:13px;animation-delay:-2s;left:26%}.b3{width:22px;height:22px;animation-delay:-4s;left:61%}.b4{width:12px;height:12px;animation-delay:-1s;left:84%}@keyframes tailWag{0%,to{transform:rotate(18deg)}50%{transform:rotate(-22deg)}}@keyframes eyeBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes eyeLook{0%,to{transform:translate(-3px)}50%{transform:translate(4px)}}@keyframes smallMouth{0%,to{transform:scaleY(.75)}50%{transform:scaleY(1.15)}}@keyframes fishWait{0%,to{margin-top:0}50%{margin-top:-8px}}@keyframes fishExcited{0%,to{transform:translate(-50%,-50%)rotate(-3deg)scale(1.02)}50%{transform:translate(-50%,-50%)rotate(3deg)scale(1.08)}}@keyframes fishHappy{0%,to{transform:translate(-50%,-50%)rotate(-5deg)scale(1.04)}50%{transform:translate(-50%,-50%)rotate(6deg)scale(1.14)}}@keyframes fishSad{0%,to{filter:drop-shadow(0 22px 24px #00000040)grayscale(.1)}50%{filter:drop-shadow(0 22px 24px #00000040)grayscale(.38)}}@keyframes fishEscape{0%{transform:translate(-50%,-50%)scaleX(-1)}to{transform:translate(-50%,-50%)scaleX(-1)translate(-28px)}}@keyframes mouthIdle{0%,to{transform:translate(-50%,-50%)scaleY(.82)}50%{transform:translate(-50%,-50%)scaleY(1)}}@keyframes mouthEat{0%{transform:translate(-50%,-50%)scale(.9,.8)}55%{transform:translate(-50%,-50%)scale(1.18,1.22)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes arrowBounce{0%,to{transform:translate(-50%)translateY(-4px)}50%{transform:translate(-50%)translateY(8px)}}@keyframes foodArc{0%{left:var(--start-x);top:var(--start-y);transform:translate(-50%,-50%)scale(1)}55%{top:calc((var(--start-y) + var(--end-y)) / 2 - 18%);transform:translate(-50%,-50%)scale(1.1)}to{left:var(--end-x);top:var(--end-y);opacity:.15;transform:translate(-50%,-50%)scale(.45)}}@keyframes particlePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)scale(1.55)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}to{opacity:0;transform:translateY(-560px)}}@keyframes waterFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-20px)scale(1.15)}}@media (width<=1120px){.fish-world-layout.with-panel{grid-template-columns:1fr}.teacher-fish-panel{order:2}.fish-question-card{width:min(520px,88%);top:10%;left:5%}}@media (width<=760px){.fish-topbar,.fish-step-strip{grid-template-columns:1fr}.fish-step-strip em{display:none}.fish-choice-tray{grid-template-columns:repeat(2,1fr)}.fish-pond.world{height:470px}.fish-character{width:170px;height:98px}.fish-body{width:124px;height:82px}.fish-tail{width:60px;height:58px}.feeding-station{width:220px;right:2%}.station-mouth{width:145px;height:100px}.fish-question-card{width:auto;margin-bottom:12px;padding:24px;position:relative;top:auto;left:auto}}.shape3d-shell{color:#fff;background:radial-gradient(circle at 0 0,#38bdf847,#0000 34%),radial-gradient(circle at 100% 100%,#a855f738,#0000 30%),linear-gradient(135deg,#020617,#082f49 48%,#111827);border-radius:30px;min-height:720px;padding:24px;box-shadow:0 30px 90px #00000061}.shape3d-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.shape3d-header p{color:#7dd3fc;letter-spacing:.2em;margin:0 0 4px;font-size:.72rem;font-weight:900}.shape3d-header h2{margin:0;font-size:clamp(2rem,4vw,3.3rem)}.shape3d-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.shape3d-stats span{background:#ffffff17;border:1px solid #7dd3fc38;border-radius:999px;padding:10px 13px;font-weight:900}.shape3d-question{background:#ffffff17;border:1px solid #ffffff21;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex}.shape3d-question.correct{border-color:#86efacad}.shape3d-question.wrong{border-color:#fca5a5b3}.shape3d-question span{color:#bae6fd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:900;display:block}.shape3d-question strong{color:#fef9c3;font-size:clamp(1.2rem,2.4vw,1.9rem);display:block}.shape3d-question button,.shape3d-complete button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#06b6d4);border:0;border-radius:999px;padding:11px 16px;font-weight:900;box-shadow:0 15px 32px #0000003d}.shape3d-stage{background:radial-gradient(circle at 50% 18%,#ffffff24,#0000 28%),linear-gradient(#0ea5e93d,#0f172abd);border:1px solid #bae6fd40;border-radius:30px;height:430px;overflow:hidden;box-shadow:inset 0 0 80px #ffffff14,0 26px 60px #00000040}.shape3d-feedback{color:#dbeafe;background:#02061785;border:1px solid #ffffff1f;border-radius:22px;margin-top:16px;padding:14px 16px;font-weight:900}.shape3d-feedback.correct{color:#dcfce7;background:#14532d94}.shape3d-feedback.wrong{color:#fee2e2;background:#7f1d1d94}.shape3d-complete{text-align:center;background:#16653433;border:1px solid #86efac52;border-radius:26px;margin-top:16px;padding:20px}.shape3d-complete div{font-size:2.5rem}.shape3d-complete h3{margin:4px 0;font-size:1.8rem}.shape3d-complete p{color:#dbeafe}@media (width<=760px){.shape3d-header,.shape3d-question{flex-direction:column;align-items:flex-start}.shape3d-stage{height:360px}}.th-shell{color:#0f172a;background:linear-gradient(#0ea5e9 0%,#0369a1 40%,#075985 100%);flex-direction:column;min-height:100vh;font-family:inherit;display:flex;position:relative;overflow:hidden}.th-ocean-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.th-sun{opacity:.88;background:radial-gradient(circle,#fde68a 40%,#fbbf24 100%);border-radius:50%;width:72px;height:72px;position:absolute;top:14px;right:60px;box-shadow:0 0 48px 16px #fde68a55}.th-wave{opacity:.18;border-radius:50% 50% 0 0;width:120%;height:80px;position:absolute;bottom:0;left:-10%}.th-wave.w1{background:#bae6fd;animation:5.8s ease-in-out infinite th-swell;bottom:0}.th-wave.w2{background:#7dd3fc;animation:7.2s ease-in-out infinite reverse th-swell;bottom:14px}.th-wave.w3{background:#e0f2fe;animation:9s ease-in-out infinite th-swell;bottom:28px}@keyframes th-swell{0%,to{transform:scaleX(1)translate(0)}50%{transform:scaleX(1.04)translate(2%)}}.th-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#075985b8;border-bottom:1px solid #7dd3fc33;align-items:center;gap:12px;padding:12px 20px;display:flex;position:relative}.th-header-brand{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.th-header-icon{flex-shrink:0;font-size:26px}.th-header-brand h2{color:#f0f9ff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.th-header-brand p{color:#7dd3fc;white-space:nowrap;margin:0;font-size:11px}.th-header-stats{flex-shrink:0;gap:8px;display:flex}.th-stat-chip{color:#f0f9ff;white-space:nowrap;background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.th-stat-chip.challenge{color:#fef9c3;background:#eab30840;border-color:#eab30866}.th-header-actions{flex-shrink:0;gap:8px;display:flex}.th-trail{z-index:10;background:#0369a18c;border-bottom:1px solid #7dd3fc26;align-items:flex-start;gap:0;padding:10px 24px 8px;display:flex;position:relative;overflow-x:auto}.th-trail-track{z-index:0;background:#ffffff26;border-radius:2px;height:3px;position:absolute;top:22px;left:56px;right:56px}.th-trail-fill{background:linear-gradient(90deg,#4ade80,#fbbf24);border-radius:2px;height:100%;transition:width .5s}.th-stop{cursor:default;z-index:1;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:56px;display:flex;position:relative}.th-stop-dot{background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .3s;display:flex}.th-stop.done .th-stop-dot{color:#4ade80;background:#4ade804d;border-color:#4ade80;font-size:14px;font-weight:700}.th-stop.active .th-stop-dot{background:#fbbf244d;border-color:#fbbf24;transform:scale(1.1);box-shadow:0 0 14px #fbbf2466}.th-stop span{color:#ffffffb3;text-align:center;white-space:nowrap;font-size:10px}.th-stop.active span{color:#fde68a;font-weight:600}.th-stop.done span{color:#86efac}.th-body{z-index:10;flex:1;gap:0;min-height:0;display:flex;position:relative}.th-main{flex:1;justify-content:center;align-items:flex-start;padding:24px 28px;display:flex;overflow-y:auto}.th-scene{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:640px;display:flex}.th-intro h1{color:#fef3c7;text-shadow:0 2px 12px #07598555;margin:0;font-size:28px;font-weight:800}.th-scene-island-art{justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative}.th-island-big{font-size:60px;line-height:1}.th-palm-deco{font-size:32px;position:absolute;top:0;left:20%}.th-ship-deco{font-size:28px;animation:3s ease-in-out infinite th-bob;position:absolute;top:4px;right:18%}@keyframes th-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.th-story-scroll{color:#1e293b;text-align:left;background:#ffffffeb;border:2px solid #eab3084d;border-radius:16px;width:100%;padding:20px 24px;line-height:1.6;box-shadow:0 4px 24px #0369a133}.th-story-scroll p{margin:0 0 8px}.th-story-scroll p:last-child{margin-bottom:0}.th-big-number{justify-content:center;align-items:center;gap:10px;padding:10px 0;font-size:18px;display:flex}.th-big-number strong{color:#b45309;font-size:42px;font-weight:800;line-height:1}.th-route-preview{color:#f0f9ff;background:#ffffff26;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;display:flex}.th-route-stop{flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.th-route-stop span{font-size:22px}.th-route-arrow{color:#fde68a;font-size:18px}.th-clue-scene{text-align:left}.th-clue-header{align-items:center;gap:14px;width:100%;display:flex}.th-clue-emoji{filter:drop-shadow(0 2px 8px #0003);flex-shrink:0;font-size:44px;line-height:1}.th-clue-badge{color:#fbbf24;letter-spacing:1px;margin-bottom:2px;font-size:10px;font-weight:700}.th-clue-header h2{color:#f0f9ff;margin:0;font-size:22px;font-weight:800}.th-scroll-card{background:#fef9e7;border:1px solid #d4a017;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0003,inset 0 1px #fff8}.th-scroll-top,.th-scroll-bottom{opacity:.5;background:repeating-linear-gradient(90deg,#d4a017 0 4px,#fef9e7 4px 8px);height:10px}.th-clue-text{color:#451a03;margin:0;padding:16px 20px;font-size:15px;font-style:italic;line-height:1.7}.th-known-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.th-known-item{color:#f0f9ff;background:#ffffff26;border:1px solid #fff3;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.th-known-item span{opacity:.8;font-size:10px}.th-known-item strong{font-size:18px;font-weight:700}.th-known-item.unknown strong{color:#fbbf24}.th-answer-zone{flex-direction:column;gap:10px;width:100%;display:flex}.th-answer-label{color:#f0f9ff;font-size:13px;font-weight:600}.th-answer-row{gap:10px;display:flex}.th-answer-input{text-align:center;color:#0f172a;background:#ffffffeb;border:2px solid #ffffff4d;border-radius:10px;outline:none;flex:1;max-width:180px;padding:12px 16px;font-size:20px;font-weight:700;transition:border-color .2s}.th-answer-input:focus{border-color:#fbbf24}.th-answer-input.th-shake{animation:.35s th-shake}@keyframes th-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.th-feedback{border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;animation:.2s th-pop}.th-feedback-correct{color:#bbf7d0;background:#4ade8033;border:1px solid #4ade80}.th-feedback-wrong{color:#fecaca;background:#f871712e;border:1px solid #f87171}@keyframes th-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.th-hint-zone{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.th-hint-btn{color:#fde68a;cursor:pointer;background:#fbbf242e;border:1px solid #fbbf2466;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .2s}.th-hint-btn:hover{background:#fbbf2447}.th-hint-bubble{color:#fef3c7;text-align:left;background:#fff9c426;border:1px solid #fbbf2459;border-radius:10px;width:100%;padding:8px 14px;font-size:13px;line-height:1.5}.th-clue-meta{color:#ffffff8c;font-size:12px}.th-reflect{text-align:left}.th-reflect-icon{margin-bottom:-4px;font-size:48px}.th-reflect h2{color:#fef3c7;align-self:flex-start;margin:0;font-size:24px;font-weight:800}.th-reflect-intro{color:#e0f2fe;align-self:flex-start;margin:0;font-size:14px;line-height:1.6}.th-treasure-summary{background:#ffffff1f;border:1px solid #fff3;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:14px 18px;display:flex}.th-treasure-summary div{color:#e0f2fe;justify-content:space-between;align-items:center;font-size:13px;display:flex}.th-treasure-summary strong{color:#f0f9ff;font-size:15px}.th-summary-total{border-top:1px solid #fff3;margin-top:2px;padding-top:6px}.th-summary-total span,.th-summary-total strong{color:#fde68a!important;font-size:15px!important}.th-reflect-label{color:#f0f9ff;align-self:flex-start;font-size:13px;font-weight:600}.th-reflect-area{color:#1e293b;resize:vertical;box-sizing:border-box;background:#ffffffe6;border:2px solid #ffffff40;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6}.th-reflect-area:focus{border-color:#fbbf24;outline:none}.th-reflect-note{color:#fff9;align-self:flex-start;margin:0;font-size:11px}.th-complete,.th-challenge-done{text-align:center}.th-chest-reveal{margin-bottom:-8px;position:relative}.th-chest-emoji{font-size:72px;animation:.6s th-bounce;display:block}.th-sparkles{letter-spacing:4px;font-size:20px;animation:1s .3s both th-fade}@keyframes th-bounce{0%{opacity:0;transform:scale(.5)translateY(20px)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes th-fade{0%{opacity:0}to{opacity:1}}.th-complete h1{color:#fef3c7;margin:0;font-size:30px;font-weight:800}.th-complete-sub{color:#bae6fd;margin:0;font-size:15px}.th-big-burst{font-size:56px;animation:.5s th-bounce}.th-challenge-done h2{color:#fef3c7;margin:0;font-size:24px;font-weight:800}.th-score-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.th-score-grid div{background:#ffffff1f;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.th-score-grid strong{color:#fef3c7;font-size:26px;font-weight:800;line-height:1}.th-score-grid span{color:#ffffffb3;text-align:center;font-size:11px}.th-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.th-badge{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700}.th-badge-gold{color:#fef3c7;background:#fbbf2440;border:1px solid #fbbf24}.th-badge-silver{color:#e2e8f0;background:#94a3b833;border:1px solid #94a3b8}.th-badge-bronze{color:#fed7aa;background:#b4734033;border:1px solid #b47340}.th-badge-purple{color:#ddd6fe;background:#8b5cf633;border:1px solid #8b5cf6}.th-challenge-invite{text-align:left;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:14px;width:100%;padding:16px 20px}.th-challenge-invite strong{color:#fef3c7;margin-bottom:6px;font-size:15px;display:block}.th-challenge-invite p{color:#e0f2fe;margin:0 0 12px;font-size:13px;line-height:1.5}.th-complete-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.th-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s}.th-btn:disabled{opacity:.45;cursor:not-allowed}.th-btn:not(:disabled):hover{opacity:.88}.th-btn:not(:disabled):active{transform:scale(.97)}.th-btn-primary{color:#fff;background:#0ea5e9}.th-btn-secondary{color:#f0f9ff;background:#ffffff26;border:1px solid #ffffff40}.th-btn-danger{color:#fff;background:#ef4444}.th-btn-sm{padding:6px 12px;font-size:12px}.th-btn-lg{border-radius:12px;padding:13px 28px;font-size:15px}.th-teacher-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07598599;border-left:1px solid #7dd3fc26;flex-direction:column;flex-shrink:0;gap:14px;width:240px;padding:16px;display:flex;overflow-y:auto}.th-teacher-head{justify-content:space-between;align-items:center;display:flex}.th-teacher-head strong{color:#f0f9ff;font-size:12px}.th-live-dot{color:#4ade80;font-size:11px;font-weight:700;animation:1.4s ease-in-out infinite th-pulse}@keyframes th-pulse{0%,to{opacity:1}50%{opacity:.5}}.th-teacher-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.th-teacher-grid div{background:#ffffff14;border-radius:8px;flex-direction:column;gap:2px;padding:7px 9px;display:flex}.th-teacher-grid span{color:#ffffff8c;font-size:9px}.th-teacher-grid strong{color:#f0f9ff;font-size:14px;font-weight:700}.th-teacher-puzzle{color:#bae6fd;background:#ffffff12;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:11px;display:flex}.th-teacher-puzzle strong{color:#f0f9ff;margin-bottom:2px;font-size:11px;display:block}.th-teacher-puzzle em{color:#fde68a;font-style:normal}.th-teacher-reflection{background:#ffffff12;border-radius:10px;padding:10px 12px}.th-teacher-reflection strong{color:#f0f9ff;margin-bottom:6px;font-size:11px;display:block}.th-teacher-reflection p{color:#bae6fd;max-height:120px;margin:0;font-size:11px;line-height:1.5;overflow-y:auto}.th-teacher-hints{color:#bae6fd;flex-direction:column;gap:3px;font-size:11px;display:flex}.th-teacher-hints strong{color:#f0f9ff;margin-bottom:2px;font-size:11px;display:block}.th-teacher-hints em{color:#fde68a;font-style:normal}@media (width<=768px){.th-trail,.th-teacher-panel{display:none}.th-main{padding:16px}.th-known-grid,.th-score-grid{grid-template-columns:repeat(2,1fr)}.th-header-brand p,.th-stat-chip:not(.challenge){display:none}}@media (width<=480px){.th-header-brand h2{font-size:13px}.th-header{gap:8px;padding:10px 14px}.th-main{padding:12px}.th-clue-header h2{font-size:18px}.th-answer-row{flex-direction:column}.th-answer-input{max-width:100%}}.fm-root{color:#1e293b;background:linear-gradient(160deg,#f0f9ff 0%,#e0f2fe 45%,#fef9c3 100%);flex-direction:column;height:100%;min-height:100dvh;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.fm-body{flex:1;display:flex;overflow:hidden}.fm-main{flex:1;justify-content:center;padding:24px 20px;display:flex;overflow-y:auto}.fm-header{color:#fff;background:#1e3a5f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;padding:10px 20px;display:flex}.fm-header-left{align-items:center;gap:8px;min-width:160px;display:flex}.fm-header-icon{font-size:1.4rem}.fm-header-title{letter-spacing:.3px;font-size:1.05rem;font-weight:700}.fm-header-actions{margin-left:auto}.fm-phase-trail{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.fm-trail-stop{opacity:.45;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;display:flex;position:relative}.fm-trail-stop+.fm-trail-stop:before{content:"—";color:#ffffff4d;font-size:.7rem;position:absolute;top:6px;left:-10px}.fm-trail-stop.done,.fm-trail-stop.active{opacity:1}.fm-trail-dot{background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.fm-trail-stop.done .fm-trail-dot{background:#22c55e;border-color:#22c55e}.fm-trail-stop.active .fm-trail-dot{color:#fff;background:#f59e0b;border-color:#f59e0b}.fm-scene{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:640px;animation:.25s fm-fadein;display:flex}@keyframes fm-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fm-intro{text-align:center;gap:16px}.fm-intro-art{margin-bottom:4px;font-size:3.5rem;line-height:1;position:relative}.fm-intro-sparks{font-size:1.4rem;animation:1.8s ease-in-out infinite alternate fm-sparkle;position:absolute;top:-4px;right:-12px}@keyframes fm-sparkle{0%{opacity:.5;transform:scale(.9)rotate(-10deg)}to{opacity:1;transform:scale(1.1)rotate(10deg)}}.fm-intro h1{color:#1e3a5f;margin:0;font-size:2rem;font-weight:800}.fm-intro-sub{color:#475569;margin:0;font-size:1rem}.fm-intro-targets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fm-target-chip{color:#1d4ed8;background:#dbeafe;border-radius:100px;padding:4px 14px;font-size:.82rem;font-weight:600}.fm-intro-rule{text-align:left;background:#fff;border-radius:16px;width:100%;padding:18px 24px;box-shadow:0 2px 12px #00000012}.fm-intro-rule h3{color:#1e3a5f;margin:0 0 14px;font-size:1rem}.fm-rule-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fm-rule-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;font-size:.9rem;display:flex}.fm-rule-card strong{color:#1e3a5f}.fm-rule-card small{color:#64748b;font-size:.77rem}.fm-intro-journey{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.fm-journey-step{color:#475569;align-items:center;gap:6px;font-size:.82rem;display:flex}.fm-journey-dot{color:#fff;background:#1e3a5f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.fm-frac{vertical-align:middle;flex-direction:column;align-items:center;margin:0 2px;line-height:1;display:inline-flex}.fm-frac-n,.fm-frac-d{font-size:.85em;font-weight:700;line-height:1.1}.fm-frac-bar{background:currentColor;width:100%;min-width:16px;height:1.5px;margin:1px 0;display:block}.fm-equation-display{color:#1e3a5f;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px 28px;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 2px 12px #00000012}.fm-eq-small{margin-top:-8px;padding:14px 20px;font-size:1.5rem}.fm-op{color:#64748b;font-size:.8em;font-weight:400}.fm-eq-blank{color:#94a3b8;font-size:1.8rem;font-weight:800}.fm-revealed-answer{color:#16a34a}.fm-phase-header{align-items:center;gap:10px;width:100%;display:flex}.fm-phase-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#1e3a5f;border-radius:100px;padding:4px 12px;font-size:.78rem;font-weight:700}.fm-badge-practice{background:#7c3aed}.fm-badge-assess{background:#b45309}.fm-badge-easy{color:#fff;background:#16a34a}.fm-badge-medium{color:#fff;background:#2563eb}.fm-badge-challenge{color:#fff;background:#9333ea}.fm-phase-count{color:#64748b;margin-left:auto;font-size:.85rem}.fm-coin-reward{color:#b45309;margin-left:auto;font-size:.85rem;font-weight:600}.fm-score-live{color:#16a34a;font-size:.85rem;font-weight:700}.fm-bar-display{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:18px 24px;display:flex;box-shadow:0 2px 10px #0000000f}.fm-bar-parts{color:#64748b;font-size:.82rem}.fm-bar-pair{background:#f8fafc;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;display:flex}.fm-bar-item{color:#475569;flex-direction:column;align-items:center;gap:4px;font-size:.82rem;display:flex}.fm-bar-op{color:#64748b;font-size:1.6rem;font-weight:700}.fm-choices{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.fm-choice{color:#1e3a5f;cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px 12px;font-size:1.3rem;font-weight:700;transition:border-color .15s,background .15s,transform .1s}.fm-choice:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px)}.fm-choice.correct{color:#15803d;background:#dcfce7;border-color:#22c55e}.fm-choice.wrong{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.fm-answer-zone{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.fm-answer-zone label{color:#475569;font-size:.9rem;font-weight:500}.fm-fraction-input{background:#fff;border:2px solid #cbd5e1;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;transition:border-color .2s;display:flex}.fm-fraction-input:focus-within{border-color:#3b82f6}.fm-fraction-input input{text-align:center;color:#1e3a5f;background:0 0;border:none;outline:none;width:56px;font-size:1.5rem;font-weight:700}.fm-fraction-input input::-webkit-inner-spin-button{-webkit-appearance:none}.fm-fraction-input input::-webkit-outer-spin-button{-webkit-appearance:none}.fm-fraction-input input[type=number]{-moz-appearance:textfield}.fm-input-slash{color:#64748b;font-size:2rem;font-weight:300;line-height:1}.fm-practice-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes fm-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.fm-shake{animation:.4s fm-shake}.fm-feedback{text-align:center;border-radius:10px;width:100%;padding:10px 16px;font-size:.95rem;font-weight:600;animation:.15s fm-fadein}.fm-feedback-correct{color:#15803d;background:#dcfce7;border:1.5px solid #86efac}.fm-feedback-wrong{color:#b91c1c;background:#fee2e2;border:1.5px solid #fca5a5}.fm-feedback-hint{color:#92400e;background:#fef9c3;border:1.5px solid #fde68a}.fm-feedback-info{color:#1d4ed8;background:#dbeafe;border:1.5px solid #93c5fd}.fm-hint-btn{color:#b45309;cursor:pointer;background:0 0;border:1.5px solid #f59e0b;border-radius:100px;padding:6px 18px;font-size:.84rem;font-weight:600;transition:background .15s}.fm-hint-btn:hover{background:#fef9c3}.fm-hint-bubble{color:#78350f;text-align:center;background:#fef9c3;border:1.5px solid #fde68a;border-radius:12px;width:100%;padding:10px 16px;font-size:.88rem}.fm-prog-bar{background:#e2e8f0;border-radius:100px;width:100%;height:8px;overflow:hidden}.fm-prog-fill{background:#f59e0b;border-radius:100px;height:100%;transition:width .4s}.fm-prog-game .fm-prog-fill{background:#3b82f6}.fm-prog-assess .fm-prog-fill{background:#7c3aed}.fm-warmup-progress{color:#64748b;align-items:center;gap:10px;width:100%;font-size:.82rem;display:flex}.fm-game-hud{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:12px 18px;display:flex;box-shadow:0 2px 8px #0000000f}.fm-hud-item{align-items:center;gap:5px;font-size:.88rem;display:flex}.fm-hud-item strong{color:#1e3a5f;font-size:1.1rem}.fm-hud-item small{color:#64748b;font-size:.72rem}.fm-hud-progress{flex:1;align-items:center;gap:8px;min-width:100px;margin-left:auto;display:flex}.fm-word-problem{background:#fff;border-radius:14px;align-items:flex-start;gap:12px;width:100%;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0000000f}.fm-word-icon{flex-shrink:0;font-size:1.4rem}.fm-word-problem p{color:#334155;margin:0;font-size:.97rem;line-height:1.5}.fm-assess-wp{background:#fef9c3;border-left:3px solid #f59e0b}.fm-map-strip{background:#fff;border-radius:100px;align-items:center;gap:8px;padding:10px 18px;display:flex;box-shadow:0 1px 6px #0000000f}.fm-map-piece{opacity:.3;font-size:1.4rem;transition:opacity .3s}.fm-map-piece.unlocked{opacity:1}.fm-map-strip small{color:#64748b;margin-left:4px;font-size:.75rem}.fm-written-zone{flex-direction:column;gap:12px;width:100%;display:flex}.fm-assess-q{color:#1e3a5f;margin:0;font-size:1rem;line-height:1.5}.fm-written-input{resize:vertical;color:#1e293b;box-sizing:border-box;background:#fff;border:2px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s}.fm-written-input:focus{border-color:#7c3aed;outline:none}.fm-written-note{color:#64748b;font-size:.8rem}.fm-results{text-align:center;gap:16px}.fm-results-burst{font-size:3.5rem;animation:.6s fm-bounce}@keyframes fm-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}.fm-results h1{color:#1e3a5f;margin:0;font-size:1.9rem;font-weight:800}.fm-results-sub{color:#64748b;margin:0;font-size:.9rem}.fm-grade-card{border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:18px 28px;display:flex}.fm-grade-card strong{letter-spacing:.5px;font-size:1.1rem;font-weight:800}.fm-grade-score{font-size:2.6rem;font-weight:800;line-height:1}.fm-grade-score small{color:inherit;opacity:.6;font-size:1rem}.fm-grade-mastered{color:#15803d;background:#dcfce7}.fm-grade-proficient{color:#1d4ed8;background:#dbeafe}.fm-grade-developing{color:#92400e;background:#fef9c3}.fm-grade-needs{color:#b91c1c;background:#fee2e2}.fm-results-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.fm-result-stat{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px;display:flex;box-shadow:0 1px 6px #0000000d}.fm-result-stat strong{color:#1e3a5f;font-size:1.2rem}.fm-result-stat small{color:#64748b;font-size:.72rem}.fm-misconceptions{text-align:left;background:#fef9c3;border-radius:14px;width:100%;padding:16px 20px}.fm-misconceptions h3{color:#92400e;margin:0 0 10px;font-size:.95rem}.fm-mc-item{color:#78350f;padding:4px 0;font-size:.88rem}.fm-written-responses{text-align:left;background:#fff;border-radius:14px;width:100%;padding:16px 20px;box-shadow:0 1px 6px #0000000d}.fm-written-responses h3{color:#1e3a5f;margin:0 0 12px;font-size:.95rem}.fm-written-response{border-left:3px solid #7c3aed;margin-bottom:14px;padding-left:12px}.fm-wr-q{color:#64748b;margin:0 0 4px;font-size:.82rem}.fm-results-actions{justify-content:center;gap:10px;display:flex}.fm-teacher-panel{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:10px;width:200px;padding:18px 14px;display:flex;overflow-y:auto}.fm-teacher-panel h4{color:#1e3a5f;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.88rem;font-weight:700}.fm-tp-row{color:#64748b;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:.82rem;display:flex}.fm-tp-row strong{color:#1e3a5f}.fm-tp-mc{color:#92400e;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.fm-tp-mc-item{background:#fef9c3;border-radius:6px;padding:4px 8px}.fm-btn{cursor:pointer;border:none;border-radius:100px;padding:10px 22px;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .1s}.fm-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.fm-btn:disabled{opacity:.4;cursor:not-allowed}.fm-btn-primary{color:#fff;background:#1e3a5f}.fm-btn-secondary{color:#1e293b;background:#e2e8f0}.fm-btn-hint{color:#92400e;background:#fef9c3}.fm-btn-danger{color:#fff;background:#ef4444}.fm-btn-lg{padding:14px 32px;font-size:1rem}.fm-btn-sm{padding:6px 16px;font-size:.82rem}.fm-grade-pending{color:#64748b;margin-top:4px;font-size:.78rem;font-weight:500}.fm-report-section{text-align:left;width:100%;max-width:640px;margin:20px auto 0}.fm-report-heading{color:#1e3a5f;border-bottom:2px solid #bfdbfe;margin:0 0 12px;padding-bottom:6px;font-size:1rem;font-weight:700}.fm-report-block{background:#fff;border-left:4px solid #94a3b8;border-radius:10px;margin-bottom:12px;padding:14px 18px}.fm-report-block h4{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 8px;font-size:.82rem;font-weight:700}.fm-report-block ul{margin:0;padding-left:18px}.fm-report-block ul li{margin-bottom:4px;font-size:.93rem}.fm-report-block p{margin:0;font-size:.93rem}.fm-report-strengths{border-color:#22c55e}.fm-report-review{border-color:#f59e0b}.fm-report-tips{border-color:#3b82f6}.fm-report-recommend{border-color:#8b5cf6}.fm-report-written{border-color:#64748b}.fm-mc-icon{margin-right:4px}.fm-written-response{background:#f8fafc;border-radius:8px;margin-bottom:10px;padding:10px 14px}.fm-wr-q{color:#475569;margin:0 0 4px;font-size:.85rem;font-weight:600}.fm-wr-a{color:#1e293b;margin:0 0 4px;font-size:.9rem}.fm-wr-status{color:#94a3b8;font-size:.75rem;font-style:italic}.fm-teacher-report-section{border-top:2px dashed #bfdbfe;margin-top:24px;padding-top:20px}.fm-class-report{width:100%}.fm-cr-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.fm-cr-stat{text-align:center;background:#fff;border-radius:10px;padding:10px}.fm-cr-stat strong{color:#1e3a5f;font-size:1.3rem;display:block}.fm-cr-stat small{color:#64748b;font-size:.72rem}.fm-cr-block{background:#fff;border-radius:10px;margin-bottom:12px;padding:14px 18px}.fm-cr-block h4{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 10px;font-size:.82rem;font-weight:700}.fm-cr-mc{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:4px 0;font-size:.88rem;display:flex}.fm-cr-mc-count{color:#ef4444;font-weight:600}.fm-cr-intervention{border-left:4px solid #ef4444}.fm-cr-student{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:4px 0;font-size:.88rem;display:flex}.fm-cr-written{border-left:4px solid #f59e0b}.fm-cr-student-written{border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:10px}.fm-cr-student-written strong{color:#1e3a5f;margin-bottom:6px;font-size:.88rem;display:block}.fm-cr-wr{background:#f8fafc;border-radius:6px;margin-bottom:6px;padding:8px 12px}@media (width<=680px){.fm-teacher-panel,.fm-phase-trail{display:none}.fm-rule-grid{grid-template-columns:1fr}.fm-results-grid,.fm-choices{grid-template-columns:1fr 1fr}.fm-equation-display{padding:14px 16px;font-size:1.6rem}.fm-intro h1{font-size:1.5rem}}.wnq-root{color:#1c1917;background:linear-gradient(160deg,#fff7ed 0%,#ffedd5 45%,#fef3c7 100%);flex-direction:column;height:100%;min-height:100dvh;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.wnq-body{flex:1;display:flex;overflow:hidden}.wnq-main{flex:1;justify-content:center;padding:24px 20px;display:flex;overflow-y:auto}.wnq-header{color:#fff;background:#7c2d12;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;padding:10px 20px;display:flex}.wnq-header-left{align-items:center;gap:8px;min-width:180px;display:flex}.wnq-header-icon{font-size:1.4rem}.wnq-header-title{letter-spacing:.3px;font-size:1.05rem;font-weight:700}.wnq-header-actions{margin-left:auto}.wnq-phase-trail{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.wnq-trail-stop{opacity:.45;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;display:flex;position:relative}.wnq-trail-stop+.wnq-trail-stop:before{content:"—";color:#ffffff4d;font-size:.7rem;position:absolute;top:6px;left:-10px}.wnq-trail-stop.done,.wnq-trail-stop.active{opacity:1}.wnq-trail-dot{background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.wnq-trail-stop.done .wnq-trail-dot{background:#22c55e;border-color:#22c55e}.wnq-trail-stop.active .wnq-trail-dot{color:#fff;background:#f97316;border-color:#f97316}.wnq-scene{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:640px;animation:.25s wnq-fadein;display:flex}@keyframes wnq-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wnq-intro{text-align:center;gap:14px}.wnq-intro-art{margin-bottom:4px;font-size:3.5rem;line-height:1;position:relative}.wnq-intro-sparks{font-size:1.4rem;animation:1.8s ease-in-out infinite alternate wnq-sparkle;position:absolute;top:-4px;right:-12px}@keyframes wnq-sparkle{0%{opacity:.5;transform:scale(.9)rotate(-10deg)}to{opacity:1;transform:scale(1.1)rotate(10deg)}}.wnq-intro h1{color:#7c2d12;margin:0;font-size:2rem;font-weight:800}.wnq-intro-sub{color:#57534e;margin:0;font-size:1rem}.wnq-intro-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wnq-chip{color:#9a3412;background:#fed7aa;border-radius:100px;padding:4px 14px;font-size:.82rem;font-weight:600}.wnq-selector-card{text-align:left;background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:16px 20px;display:flex;box-shadow:0 2px 12px #00000012}.wnq-selector-card strong{color:#44403c;text-transform:uppercase;letter-spacing:.4px;font-size:.88rem}.wnq-selector-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.wnq-sel-btn{cursor:pointer;color:#44403c;text-align:center;background:#fafaf9;border:2px solid #e7e5e4;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;font-size:.78rem;transition:border-color .15s,background .15s;display:flex}.wnq-sel-btn span{font-size:.82rem;font-weight:600}.wnq-sel-btn small{color:#78716c;font-size:.68rem;line-height:1.3}.wnq-sel-btn:hover{background:#fff7ed;border-color:#f97316}.wnq-sel-btn.active{color:#9a3412;background:#ffedd5;border-color:#ea580c}.wnq-diff-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wnq-diff-btn{cursor:pointer;text-align:center;background:#fafaf9;border:2px solid #e7e5e4;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:border-color .15s,background .15s;display:flex}.wnq-diff-btn strong{font-size:.9rem}.wnq-diff-btn small{color:#78716c;font-size:.72rem;line-height:1.3}.wnq-diff-btn.wnq-diff-easy:hover,.wnq-diff-btn.wnq-diff-easy.active{color:#15803d;background:#dcfce7;border-color:#16a34a}.wnq-diff-btn.wnq-diff-medium:hover,.wnq-diff-btn.wnq-diff-medium.active{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.wnq-diff-btn.wnq-diff-hard:hover,.wnq-diff-btn.wnq-diff-hard.active{color:#7e22ce;background:#f3e8ff;border-color:#9333ea}.wnq-rules-card{text-align:left;background:#fff;border-radius:16px;width:100%;padding:16px 20px;box-shadow:0 2px 12px #00000012}.wnq-rules-card h3{color:#7c2d12;margin:0 0 12px;font-size:.95rem}.wnq-rules-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.wnq-rule-item{text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-weight:700;display:flex}.wnq-rule-item span{font-size:1.6rem}.wnq-rule-item small{font-size:.7rem;font-weight:500;line-height:1.3}.wnq-op-add{color:#15803d;background:#dcfce7}.wnq-op-sub{color:#1d4ed8;background:#dbeafe}.wnq-op-mul{color:#7e22ce;background:#f3e8ff}.wnq-op-div{color:#92400e;background:#fef9c3}.wnq-hud{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:12px 18px;display:flex;box-shadow:0 2px 8px #0000000f}.wnq-hud-item{align-items:center;gap:5px;font-size:.88rem;display:flex}.wnq-hud-item strong{color:#7c2d12;font-size:1.1rem}.wnq-hud-item small{color:#78716c;font-size:.72rem}.wnq-hud-progress{flex:1;align-items:center;gap:8px;min-width:100px;margin-left:auto;display:flex}.wnq-phase-header{align-items:center;gap:8px;width:100%;display:flex}.wnq-phase-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 12px;font-size:.78rem;font-weight:700}.wnq-diff-badge{text-transform:capitalize;border-radius:100px;padding:3px 10px;font-size:.72rem;font-weight:600}.wnq-diff-badge-easy{color:#15803d;background:#dcfce7}.wnq-diff-badge-medium{color:#1d4ed8;background:#dbeafe}.wnq-diff-badge-hard{color:#7e22ce;background:#f3e8ff}.wnq-coin-reward{color:#b45309;margin-left:auto;font-size:.85rem;font-weight:600}.wnq-equation{color:#1c1917;background:#fff;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding:22px 32px;font-size:2.4rem;font-weight:800;display:flex;box-shadow:0 2px 14px #00000014}.wnq-eq-num{color:#1c1917}.wnq-eq-op{color:#78716c;font-size:.75em;font-weight:400}.wnq-eq-blank{color:#d6d3d1;background:#f5f5f4;border-radius:10px;padding:4px 18px;font-size:1.8rem;font-weight:800}.wnq-answer-zone{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.wnq-answer-zone label{color:#57534e;font-size:.9rem;font-weight:500}.wnq-answer-input{text-align:center;color:#1c1917;background:#fff;border:2.5px solid #d6d3d1;border-radius:14px;outline:none;width:100%;max-width:280px;padding:14px 20px;font-family:inherit;font-size:1.8rem;font-weight:700;transition:border-color .2s}.wnq-answer-input:focus{border-color:#f97316}.wnq-answer-input::-webkit-inner-spin-button{-webkit-appearance:none}.wnq-answer-input::-webkit-outer-spin-button{-webkit-appearance:none}.wnq-answer-input[type=number]{-moz-appearance:textfield}@keyframes wnq-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.wnq-shake{animation:.4s wnq-shake;border-color:#ef4444!important}.wnq-hint-btn{color:#c2410c;cursor:pointer;background:0 0;border:1.5px solid #f97316;border-radius:100px;padding:6px 18px;font-size:.84rem;font-weight:600;transition:background .15s}.wnq-hint-btn:hover{background:#fff7ed}.wnq-hint-bubble{color:#9a3412;text-align:center;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:12px;width:100%;padding:10px 16px;font-size:.88rem}.wnq-feedback{text-align:center;border-radius:10px;width:100%;padding:10px 16px;font-size:.95rem;font-weight:600;animation:.15s wnq-fadein}.wnq-feedback-correct{color:#15803d;background:#dcfce7;border:1.5px solid #86efac}.wnq-feedback-wrong{color:#b91c1c;background:#fee2e2;border:1.5px solid #fca5a5}.wnq-prog-bar{background:#e7e5e4;border-radius:100px;width:100%;height:8px;overflow:hidden}.wnq-prog-fill{background:#f97316;border-radius:100px;height:100%;transition:width .4s}.wnq-results{text-align:center;gap:16px}.wnq-results-burst{font-size:3.5rem;animation:.6s wnq-bounce}@keyframes wnq-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}.wnq-results h1{color:#7c2d12;margin:0;font-size:1.9rem;font-weight:800}.wnq-results-sub{color:#78716c;margin:0;font-size:.9rem}.wnq-grade-card{border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:20px 28px;display:flex}.wnq-grade-card strong{letter-spacing:.5px;font-size:1.1rem;font-weight:800}.wnq-grade-score{font-size:2.6rem;font-weight:800;line-height:1}.wnq-grade-score small{opacity:.6;font-size:1rem}.wnq-grade-sub{opacity:.8;font-size:.85rem}.wnq-grade-excellent{color:#15803d;background:#dcfce7}.wnq-grade-good{color:#1d4ed8;background:#dbeafe}.wnq-grade-developing{color:#92400e;background:#fef9c3}.wnq-grade-needs{color:#b91c1c;background:#fee2e2}.wnq-results-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.wnq-result-stat{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px;display:flex;box-shadow:0 1px 6px #0000000d}.wnq-result-stat strong{color:#1c1917;font-size:1.2rem}.wnq-result-stat small{color:#78716c;font-size:.72rem}.wnq-op-breakdown{text-align:left;background:#fff;border-radius:14px;width:100%;padding:16px 20px;box-shadow:0 1px 6px #0000000d}.wnq-op-breakdown h3{color:#44403c;text-transform:uppercase;letter-spacing:.4px;margin:0 0 12px;font-size:.9rem;font-weight:700}.wnq-op-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.wnq-op-label{text-align:center;border-radius:100px;min-width:100px;padding:3px 10px;font-size:.78rem;font-weight:700}.wnq-op-bar-wrap{flex:1}.wnq-op-bar{background:#e7e5e4;border-radius:100px;width:100%;height:10px;overflow:hidden}.wnq-op-bar-fill{background:#f97316;border-radius:100px;height:100%;transition:width .6s}.wnq-op-score{color:#44403c;text-align:right;min-width:36px;font-size:.82rem;font-weight:600}.wnq-report{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.wnq-report-block{background:#fff;border-left:4px solid #94a3b8;border-radius:10px;padding:14px 18px}.wnq-report-block h4{text-transform:uppercase;letter-spacing:.05em;color:#78716c;margin:0 0 8px;font-size:.8rem;font-weight:700}.wnq-report-block ul{margin:0;padding-left:18px}.wnq-report-block ul li{margin-bottom:4px;font-size:.92rem}.wnq-report-strengths{border-color:#22c55e}.wnq-report-tips{border-color:#3b82f6}.wnq-results-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wnq-teacher-panel{background:#fff;border-left:1px solid #e7e5e4;flex-direction:column;flex-shrink:0;gap:10px;width:200px;padding:18px 14px;display:flex;overflow-y:auto}.wnq-teacher-panel h4{color:#7c2d12;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.88rem;font-weight:700}.wnq-tp-row{color:#78716c;border-bottom:1px solid #f5f5f4;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:.82rem;display:flex}.wnq-tp-row strong{color:#1c1917}.wnq-btn{cursor:pointer;border:none;border-radius:100px;padding:10px 22px;font-family:inherit;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .1s}.wnq-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.wnq-btn:disabled{opacity:.4;cursor:not-allowed}.wnq-btn-primary{color:#fff;background:#7c2d12}.wnq-btn-secondary{color:#1c1917;background:#e7e5e4}.wnq-btn-danger{color:#fff;background:#ef4444}.wnq-btn-lg{padding:14px 32px;font-size:1rem}.wnq-btn-sm{padding:6px 16px;font-size:.82rem}@media (width<=680px){.wnq-teacher-panel,.wnq-phase-trail{display:none}.wnq-selector-grid{grid-template-columns:repeat(3,1fr)}.wnq-rules-grid,.wnq-results-grid{grid-template-columns:repeat(2,1fr)}.wnq-equation{padding:16px 18px;font-size:1.8rem}.wnq-intro h1{font-size:1.5rem}}.tt-root{color:#f8fafc;background:linear-gradient(160deg,#0a0f1e 0%,#1a1640 50%,#0f0c29 100%);flex-direction:column;height:100%;min-height:100dvh;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.tt-body{flex:1;display:flex;overflow:hidden}.tt-main{flex:1;justify-content:center;padding:24px 20px;display:flex;overflow-y:auto}.tt-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-bottom:1px solid #f59e0b33;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 12px;padding:10px 20px;display:flex}.tt-header-brand{align-items:center;gap:8px;min-width:200px;display:flex}.tt-header-icon{font-size:1.4rem}.tt-header-title{color:#fcd34d;letter-spacing:.5px;font-size:1rem;font-weight:800}.tt-header-subtitle{color:#94a3b8;font-size:.7rem;font-weight:400;display:block}.tt-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.tt-phase-trail{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.tt-trail-stop{opacity:.3;color:#94a3b8;flex-direction:column;align-items:center;gap:2px;font-size:.65rem;display:flex;position:relative}.tt-trail-stop+.tt-trail-stop:before{content:"—";color:#ffffff26;font-size:.7rem;position:absolute;top:7px;left:-10px}.tt-trail-stop.done{opacity:1}.tt-trail-stop.active{opacity:1;color:#fcd34d}.tt-trail-dot{background:#ffffff14;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.tt-trail-stop.done .tt-trail-dot{color:#fff;background:#16a34a;border-color:#22c55e}.tt-trail-stop.active .tt-trail-dot{color:#fff;background:#d97706;border-color:#f59e0b}.tt-scene{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:660px;animation:.28s tt-fadein;display:flex}@keyframes tt-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tt-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:18px 22px}.tt-card-gold{background:#f59e0b0f;border-color:#f59e0b59}.tt-card-title{text-transform:uppercase;letter-spacing:.8px;color:#f59e0b;margin:0 0 12px;font-size:.78rem;font-weight:700}.tt-intro{text-align:center;gap:16px}.tt-intro-art{margin-bottom:4px;font-size:4rem;line-height:1;animation:3s ease-in-out infinite tt-float;display:inline-block;position:relative}@keyframes tt-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.tt-intro h1{color:#fcd34d;text-shadow:0 0 30px #f59e0b80;letter-spacing:.5px;margin:0;font-size:1.9rem;font-weight:900}.tt-intro-subtitle{color:#94a3b8;margin:0;font-size:.9rem}.tt-intro-lore{color:#cbd5e1;max-width:420px;margin:0 auto;font-size:.9rem;line-height:1.6}.tt-intro-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tt-chip{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b40;border-radius:100px;padding:4px 14px;font-size:.78rem;font-weight:600}.tt-adventure-map{background:#00000040;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:0;width:100%;padding:12px 16px;display:flex;overflow-x:auto}.tt-chamber-stop{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:70px;display:flex}.tt-chamber-icon{background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:all .3s;display:flex;position:relative}.tt-chamber-stop.done .tt-chamber-icon{background:#16a34a33;border-color:#22c55e}.tt-chamber-stop.active .tt-chamber-icon{background:#d9770640;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b66}.tt-chamber-stop.locked .tt-chamber-icon{opacity:.35}.tt-chamber-name{color:#94a3b8;text-align:center;font-size:.65rem;font-weight:600}.tt-chamber-stop.active .tt-chamber-name{color:#fcd34d}.tt-chamber-stop.done .tt-chamber-name{color:#4ade80}.tt-chamber-connector{background:#ffffff1a;flex:.5;min-width:20px;height:2px}.tt-chamber-connector.done{background:#22c55e66}.tt-hud{background:#0003;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:10px 16px;display:flex}.tt-hud-item{align-items:center;gap:5px;font-size:.84rem;display:flex}.tt-hud-item strong{color:#fcd34d;font-size:1.05rem}.tt-hud-item small{color:#64748b;font-size:.7rem}.tt-hud-prog{flex:1;align-items:center;gap:8px;min-width:80px;margin-left:auto;display:flex}.tt-prog-bar{background:#ffffff1a;border-radius:100px;width:100%;height:7px;overflow:hidden}.tt-prog-fill{background:linear-gradient(90deg,#f59e0b,#fcd34d);border-radius:100px;height:100%;transition:width .4s}.tt-phase-header{align-items:center;gap:8px;width:100%;display:flex}.tt-phase-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:100px;padding:4px 14px;font-size:.74rem;font-weight:800}.tt-badge-easy{color:#4ade80;background:#16a34a33;border:1px solid #4ade804d}.tt-badge-medium{color:#93c5fd;background:#3b82f633;border:1px solid #93c5fd4d}.tt-badge-hard{color:#c4b5fd;background:#8b5cf633;border:1px solid #c4b5fd4d}.tt-badge-boss{color:#fca5a5;background:#ef444433;border:1px solid #fca5a54d}.tt-q-counter{color:#64748b;margin-left:auto;font-size:.8rem}.tt-coin-tag{color:#f59e0b;font-size:.82rem;font-weight:700}.tt-marble-wrap{background:#0003;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:20px;display:flex}.tt-marble-svg{max-width:100%;height:auto}.tt-marble-label{color:#94a3b8;font-size:.85rem;font-weight:500}.tt-marble-count{color:#fcd34d;font-size:1.5rem;font-weight:800}.tt-question-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:20px 24px}.tt-question-text{color:#f8fafc;margin:0 0 18px;font-size:1.05rem;font-weight:600;line-height:1.5}.tt-answer-zone{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.tt-answer-label{color:#94a3b8;font-size:.88rem;font-weight:500}.tt-answer-input{text-align:center;color:#fcd34d;caret-color:#f59e0b;background:#0000004d;border:2px solid #ffffff26;border-radius:12px;outline:none;width:100%;max-width:240px;padding:14px 18px;font-family:inherit;font-size:1.7rem;font-weight:800;transition:border-color .2s}.tt-answer-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.tt-answer-input::-webkit-inner-spin-button{-webkit-appearance:none}.tt-answer-input::-webkit-outer-spin-button{-webkit-appearance:none}.tt-answer-input[type=number]{-moz-appearance:textfield}.tt-explain-input{color:#f8fafc;resize:vertical;background:#0000004d;border:2px solid #ffffff26;border-radius:12px;outline:none;width:100%;min-height:100px;padding:12px 16px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s}.tt-explain-input:focus{border-color:#f59e0b}.tt-explain-input::placeholder{color:#475569}.tt-yesno{justify-content:center;gap:12px;width:100%;display:flex}.tt-yn-btn{color:#f8fafc;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1f;border-radius:14px;flex:1;max-width:160px;padding:18px;font-family:inherit;font-size:1.1rem;font-weight:800;transition:all .15s}.tt-yn-btn.yes:hover{color:#4ade80;background:#22c55e33;border-color:#22c55e}.tt-yn-btn.no:hover{color:#fca5a5;background:#ef444433;border-color:#ef4444}.tt-yn-btn.selected.yes{color:#4ade80;background:#22c55e40;border-color:#22c55e}.tt-yn-btn.selected.no{color:#fca5a5;background:#ef444440;border-color:#ef4444}@keyframes tt-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.tt-shake{animation:.42s tt-shake;border-color:#ef4444!important}.tt-hint-btn{color:#f59e0b;cursor:pointer;background:0 0;border:1.5px solid #f59e0b66;border-radius:100px;padding:6px 18px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s}.tt-hint-btn:hover{background:#f59e0b1a}.tt-hint-bubble{color:#fcd34d;text-align:center;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;width:100%;padding:10px 16px;font-size:.88rem;line-height:1.5}.tt-feedback{text-align:center;border-radius:10px;width:100%;padding:10px 16px;font-size:.95rem;font-weight:600;animation:.15s tt-fadein}.tt-feedback-correct{color:#4ade80;background:#16a34a26;border:1px solid #4ade8040}.tt-feedback-wrong{color:#fca5a5;background:#ef444426;border:1px solid #fca5a540}.tt-chamber-seal{background:radial-gradient(#f59e0b1f 0%,#0000 70%);border:1px solid #f59e0b33;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:24px;display:flex}.tt-seal-number{color:#fcd34d;text-shadow:0 0 40px #f59e0b99;letter-spacing:2px;font-size:3.2rem;font-weight:900}.tt-seal-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:600}.tt-double-vis{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.tt-double-num{border-radius:10px;padding:10px 20px;font-size:1.8rem;font-weight:900}.tt-double-blue{color:#93c5fd;background:#3b82f633;border:1px solid #93c5fd4d}.tt-double-gold{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b4d}.tt-double-op{color:#64748b;font-size:1.4rem;font-weight:300}.tt-double-eq{color:#f8fafc;font-size:1.6rem;font-weight:700}.tt-boss-art{filter:drop-shadow(0 0 20px #ef444499);font-size:3.5rem;animation:2s ease-in-out infinite tt-boss-pulse}@keyframes tt-boss-pulse{0%,to{filter:drop-shadow(0 0 20px #ef444480);transform:scale(1)}50%{filter:drop-shadow(0 0 30px #ef4444e6);transform:scale(1.08)}}.tt-boss-header{text-align:center}.tt-boss-header h2{color:#fca5a5;margin:0;font-size:1.5rem;font-weight:900}.tt-boss-header p{color:#94a3b8;margin:4px 0 0;font-size:.88rem}.tt-results{text-align:center;gap:18px}.tt-results-burst{filter:drop-shadow(0 0 20px #f59e0bb3);font-size:4rem;animation:.6s cubic-bezier(.68,-.55,.27,1.55) tt-burst}@keyframes tt-burst{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.tt-results h1{color:#fcd34d;margin:0;font-size:2rem;font-weight:900}.tt-results-sub{color:#64748b;margin:0;font-size:.88rem}.tt-grade-card{border:1px solid;border-radius:16px;flex-direction:column;align-items:center;gap:5px;width:100%;padding:22px 28px;display:flex}.tt-grade-gold{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b4d}.tt-grade-silver{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b84d}.tt-grade-bronze{color:#fb923c;background:#b453091a;border-color:#b453094d}.tt-grade-base{color:#93c5fd;background:#3b82f61a;border-color:#3b82f64d}.tt-grade-label{text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.tt-grade-score{font-size:2.6rem;font-weight:900;line-height:1}.tt-grade-score small{opacity:.6;font-size:1rem}.tt-grade-sub{opacity:.7;font-size:.82rem}.tt-results-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.tt-stat-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex}.tt-stat-box strong{color:#fcd34d;font-size:1.2rem}.tt-stat-box small{color:#64748b;text-align:center;font-size:.68rem}.tt-exit-ticket{border:1px solid #f59e0b40;border-radius:14px;width:100%;overflow:hidden}.tt-exit-header{color:#fcd34d;cursor:pointer;text-align:left;background:#f59e0b1f;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:700;display:flex}.tt-exit-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tt-exit-q{color:#cbd5e1;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.tt-exit-q strong{color:#fcd34d;min-width:18px}.tt-exit-ans{color:#4ade80;margin-top:2px;font-size:.82rem;font-weight:700}.tt-results-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tt-teacher-panel{background:#0006;border-left:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.tt-teacher-tabs{border-bottom:1px solid #ffffff12;display:flex}.tt-tp-tab{text-transform:uppercase;letter-spacing:.5px;color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px;font-family:inherit;font-size:.72rem;font-weight:700;transition:color .15s}.tt-tp-tab.active{color:#fcd34d;border-bottom-color:#f59e0b}.tt-tp-tab:hover:not(.active){color:#94a3b8}.tt-tp-body{flex:1;padding:14px;overflow-y:auto}.tt-tp-section-title{text-transform:uppercase;letter-spacing:.5px;color:#f59e0b;margin:0 0 10px;font-size:.72rem;font-weight:700}.tt-tp-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;font-size:.78rem;display:flex}.tt-tp-row span{color:#64748b}.tt-tp-row strong{color:#f8fafc;font-size:.82rem}.tt-accuracy-bar{background:#ffffff14;border-radius:100px;width:100%;height:5px;margin-top:3px;overflow:hidden}.tt-accuracy-fill{background:#f59e0b;border-radius:100px;height:100%;transition:width .5s}.tt-accuracy-fill.good{background:#22c55e}.tt-accuracy-fill.medium{background:#eab308}.tt-accuracy-fill.low{background:#ef4444}.tt-guide-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:16px;overflow:hidden}.tt-guide-header{cursor:pointer;text-align:left;color:#f59e0b;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.8rem;font-weight:700;display:flex}.tt-guide-header:hover{background:#ffffff08}.tt-guide-body{color:#94a3b8;padding:0 12px 12px;font-size:.78rem;line-height:1.6}.tt-guide-body p{margin:0 0 6px}.tt-guide-body strong{color:#f8fafc}.tt-guide-body ul{margin:4px 0;padding-left:16px}.tt-guide-body li{margin-bottom:3px}.tt-end-btn{margin-top:14px}.tt-btn{cursor:pointer;border:none;border-radius:100px;padding:10px 22px;font-family:inherit;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s}.tt-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.tt-btn:disabled{opacity:.35;cursor:not-allowed}.tt-btn-gold{color:#1a0e00;background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #f59e0b59}.tt-btn-ghost{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1f}.tt-btn-danger{color:#fff;background:#ef4444cc}.tt-btn-success{color:#fff;background:#16a34acc}.tt-btn-lg{padding:14px 36px;font-size:1rem}.tt-btn-sm{padding:5px 14px;font-size:.76rem}.tt-badge-navigate{color:#4ade80;background:#22c55e26;border:1px solid #4ade8040}.tt-nav-treasure{text-align:center;background:radial-gradient(#f59e0b26 0%,#0000 70%);border:1px solid #f59e0b40;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:18px 32px;display:flex}.tt-nav-treasure-label{text-transform:uppercase;letter-spacing:.8px;color:#64748b;font-size:.78rem;font-weight:700}.tt-nav-number{color:#fcd34d;text-shadow:0 0 30px #f59e0b80;letter-spacing:2px;font-size:3rem;font-weight:900}.tt-nav-sub{color:#64748b;font-size:.82rem}.tt-calc-chain{background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:5px;width:100%;padding:12px 16px;display:flex}.tt-chain-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:4px;font-size:.68rem;font-weight:700}.tt-calc-step{color:#94a3b8;align-items:center;gap:8px;font-size:.86rem;line-height:1.5;animation:.25s tt-fadein;display:flex}.tt-calc-step .tt-chain-icon{flex-shrink:0;font-size:.9rem}.tt-calc-step.forward .tt-chain-text{color:#93c5fd}.tt-calc-step.backward .tt-chain-text{color:#c4b5fd}.tt-calc-step.discover .tt-chain-text{color:#fcd34d}.tt-calc-step.confirm .tt-chain-text{color:#4ade80}.tt-chain-text{font-family:Courier New,monospace;font-size:.88rem}.tt-step-label{text-transform:uppercase;letter-spacing:.7px;color:#f59e0b;margin-bottom:8px;font-size:.72rem;font-weight:700}.tt-method-pills{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tt-method-pill{border:1px solid;border-radius:100px;padding:3px 12px;font-size:.74rem;font-weight:700}.tt-method-a{color:#93c5fd;background:#3b82f626;border-color:#93c5fd4d}.tt-method-b{color:#c4b5fd;background:#8b5cf626;border-color:#c4b5fd4d}.tt-step-rail{flex-wrap:wrap;align-items:center;gap:4px;width:100%;display:flex}.tt-step-pip{background:#ffffff14;border-radius:100px;flex:1;min-width:14px;height:5px;transition:background .3s}.tt-step-pip.done{background:#22c55e}.tt-step-pip.active{background:#f59e0b}.tt-step-pip.forward.done{background:#60a5fa}.tt-step-pip.backward.done{background:#a78bfa}@keyframes tt-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tt-marble-new{animation:.4s tt-row-in}.tt-nav-summary{background:#22c55e14;border:1px solid #4ade8033;border-radius:14px;width:100%;padding:16px 20px}.tt-nav-summary h3{color:#4ade80;margin:0 0 10px;font-size:.9rem}.tt-nav-summary-row{color:#94a3b8;justify-content:space-between;padding:3px 0;font-size:.82rem;display:flex}.tt-nav-summary-row strong{color:#f8fafc;font-family:Courier New,monospace}.tt-badge-forward-path{color:#ecfdf5;background:linear-gradient(135deg,#065f46,#059669)}.tt-badge-backward-path{color:#ede9fe;background:linear-gradient(135deg,#4c1d95,#7c3aed)}.tt-path-prompt{color:#fcd34d;text-align:center;letter-spacing:.02em;margin:12px 0 8px;font-size:1.4rem;font-weight:700}.tt-method-selector{margin:8px 0}.tt-method-selector-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:10px;font-size:.78rem}.tt-method-options{justify-content:center;gap:12px;display:flex}.tt-method-option{color:#cbd5e1;cursor:pointer;text-align:center;background:#0f172a8c;border:2px solid #94a3b840;border-radius:12px;flex:1;max-width:180px;padding:14px 12px;transition:border-color .18s,background .18s,transform .12s}.tt-method-option:hover:not(.selected){background:#0f172abf;border-color:#f59e0b73;transform:translateY(-2px)}.tt-method-option.selected{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b40}.tt-method-option-icon{margin-bottom:6px;font-size:1.5rem}.tt-method-option-title{margin-bottom:4px;font-size:.9rem;font-weight:700}.tt-method-option-desc{color:#94a3b8;font-size:.72rem;line-height:1.3}.tt-method-option.selected .tt-method-option-desc{color:#fcd34d;opacity:.85}.tt-method-helper{text-align:center;border-radius:10px;margin:12px 0 4px;padding:12px 16px;animation:.2s tt-method-appear}.tt-method-helper-formula{background:#2563eb26;border:1px solid #60a5fa4d}.tt-method-helper-rows{background:#05966926;border:1px solid #34d3994d}.tt-method-helper-text{color:#f8fafc;letter-spacing:.03em;font-family:Courier New,monospace;font-size:1.05rem;font-weight:700}@keyframes tt-method-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.tt-teacher-panel,.tt-phase-trail{display:none}.tt-results-grid{grid-template-columns:repeat(2,1fr)}.tt-intro h1{font-size:1.5rem}.tt-seal-number{font-size:2.4rem}}.gd-root{color:#f8fafc;background:linear-gradient(160deg,#0a0f2e 0%,#1a0a3e 50%,#0e1a3a 100%);flex-direction:column;align-items:center;min-height:100vh;padding:0 0 40px;font-family:Georgia,Times New Roman,serif;display:flex;position:relative;overflow-x:hidden}.gd-adventure-map{justify-content:center;align-items:center;gap:0;width:100%;max-width:680px;padding:12px 16px 8px;display:flex}.gd-map-stop{flex-direction:column;align-items:center;gap:4px;min-width:56px;display:flex}.gd-map-icon{background:#0f172a99;border:2px solid #94a3b840;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;transition:border-color .2s,background .2s;display:flex}.gd-map-stop.done .gd-map-icon{color:#4ade80;background:#4ade802e;border-color:#4ade80}.gd-map-stop.active .gd-map-icon{background:#f59e0b33;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.gd-map-stop.locked .gd-map-icon{opacity:.4}.gd-map-name{color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:.05em;font-family:system-ui,sans-serif;font-size:.62rem}.gd-map-stop.active .gd-map-name{color:#f59e0b}.gd-map-stop.done .gd-map-name{color:#4ade80}.gd-map-connector{background:#94a3b82e;flex:1;height:2px;margin:0 4px;transform:translateY(-10px)}.gd-map-connector.done{background:#4ade8073}.gd-hud{align-items:center;gap:18px;width:100%;max-width:680px;padding:6px 20px 10px;display:flex}.gd-hud-item{color:#94a3b8;align-items:center;gap:5px;font-family:system-ui,sans-serif;font-size:.88rem;display:flex}.gd-hud-item strong{color:#f8fafc;font-size:1rem}.gd-hud-prog{flex-direction:column;flex:1;align-items:flex-end;gap:3px;display:flex}.gd-prog-bar{background:#94a3b826;border-radius:3px;width:100%;height:6px;overflow:hidden}.gd-prog-fill{background:linear-gradient(90deg,#f59e0b,#fcd34d);border-radius:3px;height:100%;transition:width .4s}.gd-phase-header{align-items:center;gap:10px;padding:0 0 10px;font-family:system-ui,sans-serif;display:flex}.gd-phase-badge{letter-spacing:.04em;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:700}.gd-badge-bridge{color:#bfdbfe;background:linear-gradient(135deg,#1e3a5f,#2563eb)}.gd-badge-dragon{color:#fee2e2;background:linear-gradient(135deg,#7c2d12,#dc2626)}.gd-badge-treasure{color:#fef3c7;background:linear-gradient(135deg,#713f12,#d97706)}.gd-badge-boss{color:#ede9fe;background:linear-gradient(135deg,#4c1d95,#7c3aed)}.gd-q-counter{color:#64748b;margin-left:auto;font-size:.8rem}.gd-coin-tag{color:#fcd34d;font-size:.8rem;font-weight:700}.gd-scene{flex-direction:column;align-items:center;gap:0;width:100%;max-width:680px;padding:0 16px;display:flex}.gd-level-art{text-align:center;border-radius:14px;align-items:center;gap:14px;width:100%;margin-bottom:14px;padding:18px 20px 14px;font-family:system-ui,sans-serif;display:flex}.gd-level-art-bridge{background:linear-gradient(120deg,#1e3a5f 0%,#1e40af 100%);border:1px solid #60a5fa4d}.gd-level-art-dragon{background:linear-gradient(120deg,#7c2d12 0%,#991b1b 100%);border:1px solid #f871714d}.gd-level-art-treasure{background:linear-gradient(120deg,#713f12 0%,#92400e 100%);border:1px solid #fbbf244d}.gd-level-art-boss{background:linear-gradient(120deg,#4c1d95 0%,#6d28d9 100%);border:1px solid #a78bfa4d}.gd-level-emoji{font-size:2.4rem}.gd-level-info{text-align:left}.gd-level-title{color:#f8fafc;margin:0 0 2px;font-size:1rem;font-weight:700}.gd-level-desc{color:#f8fafca6;margin:0;font-size:.78rem}.gd-sentence-card{background:#0f172ab3;border:1px solid #94a3b826;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;margin-bottom:16px;padding:24px 20px 18px;display:flex}.gd-sentence{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:1.5rem;font-weight:600;line-height:1.4;display:flex}.gd-sentence-text{color:#e2e8f0}.gd-drop-zone{color:#94a3b8;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f59e0b12;border:2px dashed #f59e0b8c;border-radius:10px;min-width:110px;padding:8px 18px;font-family:system-ui,sans-serif;font-size:1.5rem;font-weight:700;transition:border-color .15s,background .15s,transform .1s}.gd-drop-zone.hover{background:#f59e0b2e;border-color:#f59e0b;transform:scale(1.04)}.gd-drop-zone.filled-correct{color:#4ade80;background:#4ade802e;border-style:solid;border-color:#4ade80}.gd-drop-zone.selected-ready{color:#fcd34d;background:#f59e0b1f;border-style:solid;border-color:#f59e0b}.gd-drop-zone-hint{color:#64748b;font-family:system-ui,sans-serif;font-size:.72rem;font-style:italic}@keyframes gd-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.gd-shake{animation:.45s gd-shake}.gd-word-cards{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:6px;display:flex}.gd-word-card{color:#f8fafc;cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:.02em;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:2px solid #60a5fa80;border-radius:14px;padding:14px 30px;font-family:system-ui,sans-serif;font-size:1.2rem;font-weight:700;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s}.gd-word-card:hover:not(.selected):not(.used){border-color:#60a5fa;transform:translateY(-3px);box-shadow:0 6px 20px #2563eb66}.gd-word-card:active{cursor:grabbing}.gd-word-card.selected{background:linear-gradient(135deg,#78350f,#d97706);border-color:#f59e0b;transform:translateY(-4px)scale(1.04);box-shadow:0 0 18px #f59e0b73}.gd-word-card.dragging{opacity:.45;transform:scale(.96)}.gd-word-card.used{opacity:.3;cursor:default;pointer-events:none}.gd-feedback{text-align:center;border-radius:10px;width:100%;padding:10px 16px;font-family:system-ui,sans-serif;font-size:.88rem;font-weight:600}.gd-feedback-correct{color:#4ade80;background:#4ade8026;border:1px solid #4ade8059}.gd-feedback-wrong{color:#f87171;background:#ef444426;border:1px solid #ef444459}.gd-hint-bubble{color:#c4b5fd;background:#7c3aed26;border:1px solid #a78bfa59;border-radius:10px;width:100%;padding:12px 16px;font-family:system-ui,sans-serif;font-size:.84rem;line-height:1.5}.gd-hint-bubble strong{color:#a78bfa}.gd-hint-manual{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:system-ui,sans-serif;font-size:.78rem;text-decoration:underline}.gd-hint-manual:hover{color:#94a3b8}.gd-intro{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;padding:32px 20px 24px;display:flex}.gd-intro-art{margin-bottom:4px;font-size:5rem;animation:3s ease-in-out infinite gd-float}@keyframes gd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gd-intro h1{color:#fcd34d;text-shadow:0 2px 12px #f59e0b66;margin:0;font-size:2rem}.gd-intro-subtitle{color:#94a3b8;margin:0;font-family:system-ui,sans-serif;font-size:1.05rem}.gd-intro-lore{color:#cbd5e1;background:#0f172ab3;border:1px solid #94a3b826;border-radius:12px;max-width:480px;padding:16px 20px;font-family:system-ui,sans-serif;font-size:.9rem;line-height:1.7}.gd-intro-characters{justify-content:center;gap:20px;margin:4px 0;display:flex}.gd-intro-char{flex-direction:column;align-items:center;gap:4px;display:flex}.gd-intro-char-icon{font-size:2rem}.gd-intro-char-name{color:#64748b;font-family:system-ui,sans-serif;font-size:.72rem}.gd-btn{cursor:pointer;letter-spacing:.03em;border:none;border-radius:12px;padding:14px 36px;font-family:system-ui,sans-serif;font-size:1.05rem;font-weight:700;transition:transform .12s,box-shadow .15s}.gd-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.gd-btn-gold{color:#1c1917;background:linear-gradient(135deg,#d97706,#f59e0b)}.gd-btn-ghost{color:#94a3b8;background:#0f172a99;border:1px solid #94a3b833;padding:8px 20px;font-size:.82rem}.gd-intro-lesson{animation:.35s gd-slide-in}@keyframes gd-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.gd-lesson-step-label{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:-4px;font-family:system-ui,sans-serif;font-size:.78rem}.gd-lesson-dragon{font-size:4rem;animation:3s ease-in-out infinite gd-float}.gd-lesson-heading{color:#fcd34d;text-shadow:0 2px 10px #f59e0b59;margin:0;font-size:1.55rem;line-height:1.2}.gd-lesson-desc{color:#cbd5e1;max-width:400px;margin:0;font-family:system-ui,sans-serif;font-size:.95rem;line-height:1.6}.gd-lesson-example{background:#0f172abf;border:1px solid #94a3b826;border-radius:14px;align-items:center;gap:16px;padding:18px 28px;display:flex}.gd-example-correct{background:#0596691f;border-color:#4ade8059}.gd-example-subject{color:#60a5fa;font-family:system-ui,sans-serif;font-size:1.3rem;font-weight:700}.gd-example-arrow{color:#fcd34d;font-size:1.5rem}.gd-example-verb{color:#4ade80;font-family:system-ui,sans-serif;font-size:1.3rem;font-weight:700}.gd-lesson-rule-tag{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:8px;padding:8px 18px;font-family:system-ui,sans-serif;font-size:.88rem}.gd-lesson-wrong-sentence{background:#7f1d1d40;border:1px solid #f8717159;border-radius:14px;padding:18px 28px;font-family:system-ui,sans-serif;font-size:1.45rem;font-weight:700;animation:1.5s ease-in-out infinite gd-pulse-wrong}@keyframes gd-pulse-wrong{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 0 6px #f8717126}}.gd-wrong-subject{color:#93c5fd}.gd-wrong-verb{color:#f87171;-webkit-text-decoration:underline wavy #f87171;text-decoration:underline wavy #f87171}.gd-skip-intro{cursor:pointer;color:#475569;background:0 0;border:none;padding:2px 6px;font-family:system-ui,sans-serif;font-size:.75rem;text-decoration:underline;transition:color .15s}.gd-skip-intro:hover{color:#94a3b8}.gd-intro-dots{justify-content:center;gap:6px;margin-bottom:4px;display:flex}.gd-intro-dot{background:#94a3b833;border-radius:50%;width:8px;height:8px;transition:background .3s}.gd-intro-dot.done{background:#4ade8080}.gd-intro-dot.active{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.gd-speech-controls{justify-content:center;gap:8px;display:flex}.gd-speech-btn{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;padding:6px 14px;font-family:system-ui,sans-serif;font-size:.78rem;transition:color .15s,border-color .15s}.gd-speech-btn:hover{color:#f8fafc;border-color:#94a3b873}.gd-lesson-sentence-demo{text-align:center;background:#0f172ab3;border:1px solid #94a3b81f;border-radius:12px;padding:14px 22px;font-family:system-ui,sans-serif;font-size:1.25rem;font-weight:700}.gd-hl-subject{color:#60a5fa;background:#60a5fa1f;border-radius:6px;padding:2px 6px}.gd-hl-verb{color:#4ade80;background:#4ade801f;border-radius:6px;padding:2px 6px}.gd-hl-plain{color:#e2e8f0}@keyframes gd-hl-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.gd-hl-pop{animation:.55s gd-hl-pop;display:inline-block}.gd-lesson-callout{color:#f8fafc;text-align:center;border-radius:10px;max-width:420px;padding:10px 16px;font-family:system-ui,sans-serif;font-size:.88rem;line-height:1.5}.gd-callout-blue{background:#2563eb26;border:1px solid #60a5fa40}.gd-callout-green{background:#05966926;border:1px solid #34d39940}.gd-lesson-examples-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gd-lesson-examples-grid .gd-lesson-example{flex:1;min-width:130px}.gd-word-tap-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:8px 0;display:flex}.gd-intro-word-tap{color:#cbd5e1;cursor:pointer;background:#0f172a99;border:2px solid #94a3b840;border-radius:12px;padding:12px 22px;font-family:system-ui,sans-serif;font-size:1.05rem;font-weight:700;transition:transform .15s,border-color .2s,background .2s}.gd-intro-word-tap:hover{color:#fcd34d;border-color:#f59e0b80;transform:translateY(-2px)}.gd-intro-word-tap.correct{color:#4ade80;background:#4ade802e;border-color:#4ade80;animation:.4s gd-hl-pop}.gd-intro-word-tap.wrong{color:#f87171;background:#f871711f;border-color:#f87171;animation:.35s gd-shake}.gd-intro-feedback{border-radius:10px;padding:10px 18px;font-family:system-ui,sans-serif;font-size:.92rem;font-weight:700;animation:.25s gd-slide-in}.gd-intro-feedback.correct{color:#4ade80;background:#05966933;border:1px solid #4ade804d}.gd-intro-feedback.wrong{color:#f87171;background:#7f1d1d33;border:1px solid #f871714d}.gd-intro-nav{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.gd-lesson-rule-summary{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gd-rule-chip{border-radius:20px;padding:8px 20px;font-family:system-ui,sans-serif;font-size:.88rem;font-weight:700}.gd-rule-chip.blue{color:#93c5fd;background:#2563eb2e;border:1px solid #60a5fa4d}.gd-rule-chip.green{color:#6ee7b7;background:#0596692e;border:1px solid #34d3994d}.gd-para-scene{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:680px;padding:12px 16px;display:flex}.gd-para-header{text-align:center;margin-bottom:4px}.gd-para-header h2{color:#fcd34d;margin:0 0 4px;font-size:1.3rem}.gd-para-header p{color:#94a3b8;margin:0;font-family:system-ui,sans-serif;font-size:.84rem}.gd-para-requirements{color:#94a3b8;background:#0f172ab3;border:1px solid #94a3b81f;border-radius:12px;width:100%;padding:14px 16px;font-family:system-ui,sans-serif;font-size:.82rem;line-height:1.7}.gd-para-requirements strong{color:#fcd34d}.gd-para-example{color:#64748b;border-left:3px solid #f59e0b59;padding-left:12px;font-size:.8rem;font-style:italic;line-height:1.6}.gd-para-textarea{color:#f8fafc;resize:vertical;box-sizing:border-box;background:#0f172acc;border:1px solid #94a3b833;border-radius:12px;width:100%;min-height:160px;padding:14px 16px;font-family:Georgia,serif;font-size:.95rem;line-height:1.7}.gd-para-textarea:focus{border-color:#f59e0b;outline:none}.gd-para-submit-area{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.gd-para-wordcount{color:#64748b;font-family:system-ui,sans-serif;font-size:.78rem}.gd-para-wordcount-hint{color:#f59e0b}.gd-para-submit-btn{width:100%;max-width:320px}.gd-btn-disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.gd-btn:disabled{cursor:not-allowed}.gd-para-result{border-radius:12px;width:100%;padding:16px 20px;font-family:system-ui,sans-serif}.gd-para-result.good{background:#4ade801f;border:1px solid #4ade804d}.gd-para-result.needwork{background:#ef44441f;border:1px solid #ef44444d}.gd-para-result h3{margin:0 0 8px;font-size:1rem}.gd-para-result p{color:#94a3b8;margin:4px 0;font-size:.82rem}.gd-results{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:680px;padding:16px 16px 24px;display:flex}.gd-results-trophy{font-size:4rem;animation:3s ease-in-out infinite gd-float}.gd-results-title{color:#fcd34d;text-align:center;margin:0;font-size:1.6rem}.gd-results-grade{color:#94a3b8;margin:0;font-family:system-ui,sans-serif;font-size:1rem}.gd-results-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.gd-stat-box{text-align:center;background:#0f172ab3;border:1px solid #94a3b81f;border-radius:12px;padding:12px 10px;font-family:system-ui,sans-serif}.gd-stat-box strong{color:#f8fafc;margin-bottom:4px;font-size:1.1rem;display:block}.gd-stat-box small{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.gd-level-breakdown{background:#0f172ab3;border:1px solid #94a3b81f;border-radius:12px;width:100%;padding:14px 16px;font-family:system-ui,sans-serif}.gd-level-breakdown h3{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.8rem}.gd-level-row{border-bottom:1px solid #94a3b812;align-items:center;gap:10px;padding:6px 0;font-size:.84rem;display:flex}.gd-level-row:last-child{border-bottom:none}.gd-level-row-label{color:#94a3b8;width:90px}.gd-level-bar{background:#94a3b826;border-radius:4px;flex:1;height:8px;overflow:hidden}.gd-level-bar-fill{background:linear-gradient(90deg,#f59e0b,#4ade80);border-radius:4px;height:100%;transition:width .6s}.gd-level-pct{text-align:right;color:#f8fafc;width:36px;font-size:.82rem;font-weight:700}.gd-missed-list{background:#ef444412;border:1px solid #ef444433;border-radius:12px;width:100%;padding:14px 16px;font-family:system-ui,sans-serif}.gd-missed-list h3{color:#f87171;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.8rem}.gd-missed-item{color:#94a3b8;padding:4px 0;font-size:.82rem}.gd-missed-item strong{color:#fca5a5}.gd-badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gd-badge{text-align:center;background:#0f172acc;border:1px solid #f59e0b59;border-radius:12px;padding:10px 16px;font-family:system-ui,sans-serif}.gd-badge-icon{margin-bottom:4px;font-size:1.8rem}.gd-badge-name{color:#f59e0b;letter-spacing:.04em;font-size:.72rem;font-weight:700}.gd-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gd-teacher-panel{z-index:100;background:#050816f7;border-left:1px solid #94a3b81f;width:300px;padding:16px;font-family:system-ui,sans-serif;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.gd-teacher-toggle{z-index:101;color:#94a3b8;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b833;border-radius:8px;padding:6px 12px;font-family:system-ui,sans-serif;font-size:.78rem;position:fixed;top:16px;right:16px}.gd-teacher-toggle:hover{color:#f8fafc;border-color:#f59e0b59}.gd-teacher-panel h2{color:#f59e0b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px;font-size:.9rem}.gd-teacher-section{margin-bottom:18px}.gd-teacher-section h3{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:.75rem}.gd-teacher-stat{color:#94a3b8;border-bottom:1px solid #94a3b812;justify-content:space-between;padding:5px 0;font-size:.82rem;display:flex}.gd-teacher-stat strong{color:#f8fafc}.gd-bar-wrap{color:#94a3b8;align-items:center;gap:8px;margin:4px 0;font-size:.78rem;display:flex}.gd-bar{background:#94a3b826;border-radius:3px;flex:1;height:6px;overflow:hidden}.gd-bar-fill{background:linear-gradient(90deg,#f59e0b,#4ade80);border-radius:3px;height:100%}.gd-bar-pct{text-align:right;color:#f8fafc;width:30px;font-weight:700}.gd-guide-section{margin-bottom:12px}.gd-guide-section summary{cursor:pointer;color:#94a3b8;padding:6px 0;font-size:.82rem}.gd-guide-section p,.gd-guide-section li{color:#64748b;margin:4px 0;font-size:.78rem;line-height:1.5}.gd-guide-section li{margin-left:16px}.gd-alert-box{border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:.78rem;line-height:1.5}.gd-alert-green{color:#4ade80;background:#4ade801a;border:1px solid #4ade8040}.gd-alert-yellow{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.gd-alert-red{color:#f87171;background:#ef44441a;border:1px solid #ef444440}.gd-checker-row{border-bottom:1px solid #94a3b812;justify-content:space-between;align-items:center;padding:5px 0;font-family:system-ui,sans-serif;font-size:.82rem;display:flex}.gd-checker-row:last-child{border-bottom:none}.gd-checker-label{color:#94a3b8}.gd-checker-ok{color:#4ade80;font-weight:700}.gd-checker-fail{color:#f87171;font-weight:700}@media (width<=700px){.gd-teacher-panel{display:none}.gd-sentence{font-size:1.2rem}.gd-word-card{padding:12px 22px;font-size:1rem}.gd-results-grid{grid-template-columns:repeat(2,1fr)}.gd-intro h1{font-size:1.5rem}}.jcs-root{color:#f8fafc;box-sizing:border-box;background:#0f172a;flex-direction:column;align-items:center;min-height:100vh;padding:16px;font-family:Segoe UI,Arial,sans-serif;display:flex}.jcs-intro{text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #f59e0b4d;border-radius:24px;width:100%;max-width:680px;margin-top:32px;padding:40px;box-shadow:0 20px 60px #00000080}.jcs-intro-badge{color:#fbbf24;letter-spacing:.06em;text-transform:uppercase;background:#f59e0b26;border:1px solid #f59e0b;border-radius:999px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:800;display:inline-block}.jcs-intro-title{background:linear-gradient(135deg,#f59e0b,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:2.2rem;font-weight:900}.jcs-intro-para{color:#cbd5e1;text-align:left;margin-bottom:24px;font-size:1rem;line-height:1.75}.jcs-intro-rules{text-align:left;color:#e2e8f0;background:#ffffff0f;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:28px;padding:16px 20px;font-size:.95rem;display:flex}.jcs-btn-primary{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:999px;padding:14px 36px;font-size:1.05rem;font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #f59e0b66}.jcs-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b80}.jcs-btn-submit{letter-spacing:.02em;width:100%;margin-top:8px;font-size:1.1rem}.jcs-btn-submit:disabled{opacity:.6;cursor:default;transform:none}.jcs-btn-ghost{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;margin-top:12px;padding:10px 24px;font-size:.9rem;font-weight:700;transition:background .15s}.jcs-btn-ghost:hover{background:#ffffff24}.jcs-btn-ghost.small{margin:0 0 0 16px;padding:6px 16px;font-size:.8rem}.jcs-preview-banner{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:10px;align-items:center;gap:8px;width:100%;max-width:960px;margin-bottom:14px;padding:10px 20px;font-size:.88rem;font-weight:700;display:flex}.jcs-header{align-items:center;gap:20px;width:100%;max-width:960px;margin-bottom:12px;display:flex}.jcs-progress{flex:1;align-items:center;gap:10px;display:flex}.jcs-progress-label{color:#94a3b8;white-space:nowrap;font-size:.82rem;font-weight:700}.jcs-progress-bar{background:#ffffff1a;border-radius:999px;flex:1;height:10px;overflow:hidden}.jcs-progress-fill{background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:999px;height:100%;transition:width .4s}.jcs-progress-count{color:#f8fafc;white-space:nowrap;font-size:.82rem;font-weight:800}.jcs-score-chip{color:#fbbf24;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:999px;padding:6px 16px;font-size:.9rem;font-weight:800}.jcs-feedback{border-radius:10px;width:100%;max-width:960px;margin-bottom:10px;padding:10px 18px;font-size:.92rem;font-weight:700;animation:.2s jcs-slide-in}.jcs-feedback--success{color:#6ee7b7;background:#10b9812e;border:1px solid #10b981}.jcs-feedback--error{color:#fca5a5;background:#ef44442e;border:1px solid #ef4444}@keyframes jcs-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.jcs-game-area{align-items:flex-start;gap:24px;width:100%;max-width:960px;display:flex}.jcs-dancer-wrap{background:#1e293b;border:1px solid #ffffff1a;border-radius:20px;flex:0 0 320px;padding:16px;transition:box-shadow .4s}.jcs-dancer-wrap.jcs-glow-1{box-shadow:0 0 20px #f59e0b26}.jcs-dancer-wrap.jcs-glow-2{box-shadow:0 0 30px #f59e0b4d}.jcs-dancer-wrap.jcs-glow-3{box-shadow:0 0 50px #f59e0b80,0 0 80px #ec48994d}.jcs-dancer-label{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.85rem;font-weight:800}.jcs-dancer-figure{width:280px;height:380px;margin:0 auto;position:relative}.jcs-dancer-body{pointer-events:none;position:absolute;inset:0}.jcs-dancer-head-circle{background:#ffffff0f;border:2px dashed #ffffff26;border-radius:50%;width:60px;height:60px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.jcs-dancer-torso{background:#ffffff0d;border:2px dashed #ffffff1a;border-radius:8px;width:100px;height:160px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.jcs-dancer-legs-shape{background:#ffffff0a;border:2px dashed #ffffff14;border-radius:8px;width:80px;height:120px;position:absolute;top:240px;left:50%;transform:translate(-50%)}.jcs-drop-zone{cursor:pointer;background:#ffffff08;border:2px dashed #ffffff47;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,background .2s,transform .15s;display:flex;position:absolute}.jcs-piece-selected .jcs-drop-zone:not(.jcs-drop-zone--filled){cursor:crosshair;background:#f59e0b14;border-color:#f59e0bb3}.jcs-drop-zone--selected-piece{outline-offset:2px;outline:2px solid #f59e0b}.jcs-selected-chip{color:#f59e0b;white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:700}.jcs-drop-zone:hover:not(.jcs-drop-zone--filled){background:#f59e0b0f;border-color:#f59e0b99}.jcs-drop-zone--filled{border-style:solid;border-width:2px}.jcs-zone-label{color:#fff6;text-transform:uppercase;letter-spacing:.05em;text-align:center;pointer-events:none;font-size:10px;font-weight:700}.jcs-zone-filled-content{color:#f8fafc;text-align:center;pointer-events:none;font-size:11px;font-weight:800}@keyframes jcs-sparkle-kf{0%{transform:scale(1);box-shadow:0 0 #f59e0b00}40%{transform:scale(1.18);box-shadow:0 0 18px #f59e0bcc,0 0 32px #ec489980}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}.jcs-sparkle{animation:.6s forwards jcs-sparkle-kf}.jcs-tray{background:#1e293b;border:1px solid #ffffff1a;border-radius:20px;flex:1;min-height:380px;padding:20px}.jcs-tray-title{color:#f8fafc;margin-bottom:4px;font-size:1rem;font-weight:900}.jcs-tray-subtitle{color:#64748b;margin-bottom:14px;font-size:.78rem}.jcs-tray-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.jcs-piece-card{border:2px solid var(--piece-color,#ffffff26);color:#f8fafc;-webkit-user-select:none;user-select:none;background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;font-weight:700;transition:opacity .2s,transform .15s;display:flex;position:relative}.jcs-piece-card--draggable{cursor:grab}.jcs-piece-card--draggable:hover{background:#ffffff1a;transform:translateY(-2px)}.jcs-piece-card--draggable:active{cursor:grabbing}.jcs-piece-card--selected{outline-offset:2px;background:#f59e0b2e;outline:3px solid #f59e0b;transform:translateY(-3px)scale(1.03);box-shadow:0 0 16px #f59e0b80}.jcs-piece-card--placed{opacity:.38;cursor:default;border-style:dashed}.jcs-piece-emoji{font-size:1.3rem}.jcs-piece-label{flex:1;font-size:.78rem}.jcs-piece-check{color:#10b981;font-size:1rem;font-weight:900}.jcs-piece-first-badge{color:#0f172a;text-transform:uppercase;background:#f59e0b;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:900;position:absolute;top:-6px;right:-6px}.jcs-tray-complete{text-align:center;color:#10b981;margin-top:14px;font-size:.95rem;font-weight:800}@keyframes jcs-bounce-kf{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.jcs-bounce{animation:.5s jcs-bounce-kf}.jcs-completion{z-index:100;background:#0f172aeb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jcs-completion-card{text-align:center;z-index:1;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #f59e0b66;border-radius:28px;width:90%;max-width:520px;padding:48px 52px;animation:.4s cubic-bezier(.34,1.56,.64,1) jcs-pop-in;position:relative;box-shadow:0 30px 80px #0009}@keyframes jcs-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.jcs-completion-emoji{margin-bottom:12px;font-size:3.5rem}.jcs-completion-card h2{color:#f8fafc;margin:0 0 24px;font-size:1.4rem;font-weight:900;line-height:1.4}.jcs-score-display{justify-content:center;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.jcs-score-big{color:#f59e0b;font-size:3.5rem;font-weight:900;line-height:1}.jcs-score-max{color:#64748b;font-size:1.2rem;font-weight:700}.jcs-bonus-badge{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b;border-radius:999px;margin-bottom:16px;padding:6px 18px;font-size:.9rem;font-weight:800;display:inline-block}.jcs-accuracy-row{color:#94a3b8;justify-content:center;gap:24px;margin-bottom:16px;font-size:.9rem;display:flex}.jcs-accuracy-row strong{color:#f8fafc}.jcs-practice-note{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-bottom:20px;padding:10px 16px;font-size:.85rem}.jcs-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.jcs-confetti-piece{width:10px;height:10px;top:-20px;left:calc(var(--i) * 5.26%);background:hsl(calc(var(--i) * 18), 85%, 60%);animation:jcs-confetti-fall calc(2.5s + var(--i) * .12s) ease-in calc(var(--i) * 60ms) forwards;border-radius:2px;position:absolute}@keyframes jcs-confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{transform:translateY(110vh) rotate(calc(var(--i) * 30deg));opacity:0}}@media (width<=700px){.jcs-game-area{flex-direction:column}.jcs-dancer-wrap{flex:none;width:100%}.jcs-dancer-figure{transform-origin:top;transform:scale(.85)}.jcs-tray-list{grid-template-columns:1fr}.jcs-intro{padding:24px}.jcs-intro-title{font-size:1.6rem}}.jcg-wrap{color:#f1f5f9;background:linear-gradient(160deg,#1a1232 0%,#0f1e3a 50%,#1a1232 100%);flex-direction:column;min-height:100vh;font-family:inherit;display:flex;position:relative;overflow:hidden}.jcg-wrap:before{content:"";opacity:.06;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#f59e0b 1.5px,#0000 1.5px),radial-gradient(circle,#3b82f6 1.5px,#0000 1.5px),radial-gradient(circle,#ec4899 1.5px,#0000 1.5px),radial-gradient(circle,#10b981 1.5px,#0000 1.5px);background-position:0 0,30px 30px,50px 10px,15px 50px;background-size:80px 80px,60px 60px,90px 90px,70px 70px;position:fixed;inset:0}.jcg-header{z-index:1;background:linear-gradient(90deg,#1e3a5f 0%,#1e1246 100%);border-bottom:2px solid #f59e0b;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex;position:relative}.jcg-header-left{align-items:center;gap:10px;display:flex}.jcg-header-icon{font-size:1.6rem}.jcg-header-titles{flex-direction:column;display:flex}.jcg-header-subject{text-transform:uppercase;letter-spacing:.1em;color:#f59e0b;font-size:10px;font-weight:700}.jcg-header-title{color:#f8fafc;font-size:14px;font-weight:700}.jcg-header-back{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:5px 12px;font-size:12px}.jcg-header-back:hover{color:#e2e8f0;border-color:#fff6}.jcg-intro{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 20px;display:flex;position:relative}.jcg-intro-badge{color:#1a0a00;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#b45309,#f59e0b);border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.jcg-intro-emoji{margin-bottom:10px;font-size:4rem;animation:2s infinite jcg-bounce}@keyframes jcg-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.jcg-intro-title{color:#f59e0b;text-shadow:0 2px 16px #f59e0b4d;margin:0 0 6px;font-size:1.7rem;font-weight:800}.jcg-intro-subtitle{color:#94a3b8;margin:0 0 24px;font-size:1rem}.jcg-intro-card{text-align:left;background:#ffffff0d;border:1px solid #f59e0b33;border-radius:14px;max-width:500px;margin-bottom:28px;padding:20px 28px}.jcg-intro-card p{color:#cbd5e1;margin:0 0 8px;font-size:13px;line-height:1.6}.jcg-intro-card p:last-child{margin:0}.jcg-intro-card strong{color:#f59e0b}.jcg-begin-btn{color:#1a0a00;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#b45309,#f59e0b);border:none;border-radius:12px;padding:14px 40px;font-size:1rem;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 20px #f59e0b66}.jcg-begin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #f59e0b80}.jcg-begin-btn:active{transform:translateY(0)}.jcg-reading{z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.jcg-passage-spacer{flex-shrink:0;height:42px}.jcg-passage-float{z-index:20;position:absolute;top:0;left:0;right:0}.jcg-passage-float-btn{color:#f59e0b;cursor:pointer;background:#f59e0b1a;border:none;border-bottom:1px solid #f59e0b47;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 16px;font-size:12px;font-weight:700;transition:background .12s;display:flex}.jcg-passage-float-btn:hover{background:#f59e0b2b}.jcg-pfloat-caret{color:#94a3b8;white-space:nowrap;font-size:11px}.jcg-passage-float-body{color:#e2e8f0;-webkit-overflow-scrolling:touch;background:#090d1afa;border-bottom:2px solid #f59e0b66;max-height:46vh;padding:14px 16px 16px;font-size:13px;line-height:1.85;overflow-y:auto}.jcg-passage-float-body p{margin:0 0 10px}.jcg-passage-float-body p:last-child{margin:0}.jcg-question-pane{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}.jcg-passage-block{background:#ffffff0a;border:1px solid #f59e0b40;border-radius:12px;overflow:hidden}.jcg-passage-toggle{color:#f59e0b;cursor:pointer;text-align:left;background:#f59e0b14;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.jcg-passage-toggle:hover{background:#f59e0b26}.jcg-passage-body{padding:16px 18px}.jcg-passage-title{color:#fcd34d;margin:0 0 12px;font-size:1rem;font-weight:700}.jcg-passage-text{color:#e2e8f0;white-space:pre-line;font-size:14px;line-height:1.8}.jcg-passage-text p{margin:0 0 10px}.jcg-instructions{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f633;border-radius:10px;padding:12px 16px;font-size:12px;line-height:1.5}.jcg-instructions strong{color:#bfdbfe}.jcg-progress-bar{background:#ffffff0f;border-radius:4px;height:4px;overflow:hidden}.jcg-progress-fill{background:linear-gradient(90deg,#1d4ed8,#f59e0b);border-radius:4px;height:100%;transition:width .4s}.jcg-progress-label{color:#64748b;margin-top:4px;font-size:10px}.jcg-question-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:16px}.jcg-question-card.answered{border-color:#f59e0b4d}.jcg-q-header{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.jcg-q-num{color:#fff;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.jcg-q-text{color:#e2e8f0;flex:1;font-size:13px;line-height:1.5}.jcg-q-marks{color:#f59e0b;white-space:nowrap;margin-left:auto;padding-left:8px;font-size:10px;font-weight:700}.jcg-input{box-sizing:border-box;color:#f1f5f9;resize:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.jcg-input:focus{border-color:#f59e0b}.jcg-input.jcg-input-sm{resize:none;height:38px}.jcg-vocab-parts{flex-direction:column;gap:8px;display:flex}.jcg-vocab-label{color:#94a3b8;margin-bottom:4px;font-size:12px;display:block}.jcg-char-hint{color:#475569;text-align:right;margin-top:3px;font-size:10px}.jcg-submit-zone{border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.jcg-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border:none;border-radius:12px;padding:13px 40px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 16px #4f46e566}.jcg-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #4f46e580}.jcg-submit-btn:disabled{opacity:.5;cursor:not-allowed}.jcg-submit-note{color:#475569;text-align:center;font-size:11px}.jcg-results{z-index:1;flex-direction:column;flex:1;align-items:center;gap:20px;padding:24px 20px;display:flex;position:relative;overflow-y:auto}.jcg-score-circle{background:conic-gradient(#f59e0b var(--pct), #ffffff14 0);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.jcg-score-inner{background:#0f1e3a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.jcg-score-num{color:#f59e0b;font-size:1.8rem;font-weight:800;line-height:1}.jcg-score-denom{color:#94a3b8;font-size:11px}.jcg-result-msg{color:#f8fafc;text-align:center;font-size:1rem;font-weight:700}.jcg-result-sub{color:#94a3b8;text-align:center;font-size:13px}.jcg-result-breakdown{width:100%;max-width:520px}.jcg-result-row{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.jcg-result-row:last-child{border-bottom:none}.jcg-result-q-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.jcg-result-q-num.correct{color:#34d399;background:#10b98133}.jcg-result-q-num.partial{color:#fcd34d;background:#f59e0b33}.jcg-result-q-num.wrong{color:#f87171;background:#ef444433}.jcg-result-detail{flex:1;min-width:0}.jcg-result-marks{white-space:nowrap;font-size:11px;font-weight:700}.jcg-result-fb{color:#94a3b8;margin-top:2px;font-size:11px}.jcg-teacher{z-index:1;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;position:relative;overflow-y:auto}.jcg-teacher-header{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.jcg-teacher-icon{font-size:2rem}.jcg-teacher-info h3{color:#fcd34d;margin:0 0 2px;font-size:14px}.jcg-teacher-info p{color:#94a3b8;margin:0;font-size:12px}.jcg-summary-chips{flex-wrap:wrap;gap:8px;display:flex}.jcg-chip{text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:8px 14px}.jcg-chip-val{color:#f59e0b;font-size:1.4rem;font-weight:800;line-height:1}.jcg-chip-label{color:#64748b;margin-top:2px;font-size:10px}.jcg-student-list{flex-direction:column;gap:6px;display:flex}.jcg-student-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;transition:border-color .15s;overflow:hidden}.jcg-student-row.expanded{border-color:#f59e0b4d}.jcg-student-btn{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 14px;display:flex}.jcg-student-btn:hover{background:#ffffff0a}.jcg-student-name{flex:1;font-size:13px;font-weight:600}.jcg-student-score{color:#f59e0b;text-align:right;min-width:50px;font-size:12px;font-weight:700}.jcg-student-pct{color:#64748b;text-align:right;min-width:38px;font-size:11px}.jcg-student-status{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.jcg-student-status.submitted{color:#34d399;background:#10b98126}.jcg-student-status.in-progress{color:#fcd34d;background:#f59e0b26}.jcg-student-status.not-started{color:#94a3b8;background:#64748b26}.jcg-student-detail{padding:0 14px 14px}.jcg-detail-table{border-collapse:collapse;width:100%;font-size:11px}.jcg-detail-table th{text-align:left;color:#64748b;border-bottom:1px solid #ffffff0f;padding:4px 8px;font-weight:600}.jcg-detail-table td{color:#cbd5e1;vertical-align:top;border-bottom:1px solid #ffffff0a;padding:6px 8px}.jcg-detail-table td.awarded{color:#fcd34d;font-weight:700}.jcg-detail-answer{color:#93c5fd;font-style:italic}.jcg-detail-expected{color:#6b7280;font-size:10px}.jcg-empty-state{text-align:center;color:#475569;padding:40px 20px;font-size:13px}.jcg-empty-icon{margin-bottom:8px;font-size:2.5rem}.jcg-nav-zone{z-index:5;background:linear-gradient(#0f1228eb 0%,#0f1a2e 100%);border-top:2px solid #f59e0b59;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.jcg-nav-back{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;padding:11px 20px;font-size:13px;font-weight:600;transition:background .12s,color .12s}.jcg-nav-back:hover{color:#e2e8f0;background:#ffffff1a}.jcg-continue-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#1d4ed8,#4f46e5);border:none;border-radius:12px;flex:1;padding:14px 24px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 16px #4f46e573}.jcg-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4f46e599}.jcg-continue-btn:active{transform:translateY(0)}.jcg-confirm-row{flex-direction:column;flex:1;gap:8px;display:flex}.jcg-confirm-msg{color:#fcd34d;margin:0;font-size:12px}.jcg-teacher-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;gap:4px;padding:4px;display:flex}.jcg-teacher-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:7px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.jcg-teacher-tab.active{color:#fcd34d;background:#f59e0b26}.jcg-teacher-tab:hover:not(.active){color:#94a3b8}.jcg-teacher-activity{flex-direction:column;gap:12px;display:flex}.jcg-teacher-expected-block{background:#10b9810f;border-radius:6px;align-items:flex-start;gap:8px;margin-top:6px;padding:8px 10px;display:flex}.jcg-teacher-expected-label{color:#34d399;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding-top:1px;font-size:10px;font-weight:700}.jcg-teacher-expected{color:#a7f3d0;font-size:12px;line-height:1.5}.jcg-teacher-vocab-row{align-items:center;gap:12px;padding:4px 0;display:flex}.jcg-teacher-vocab-row .jcg-vocab-label{min-width:180px;margin:0}.jcg-student-review-btn{color:#f59e0b;white-space:nowrap;margin-left:4px;font-size:11px;font-weight:600}.jcg-student-r-badge{color:#fcd34d;letter-spacing:.04em;background:#f59e0b33;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.jcg-teacher--review{flex-direction:column;display:flex;overflow:hidden}.jcg-review-header{border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.jcg-review-back-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.jcg-review-back-btn:hover{color:#e2e8f0;background:#ffffff1a}.jcg-review-student-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:700;overflow:hidden}.jcg-review-score-summary{color:#34d399;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.jcg-review-score--low{color:#f59e0b}.jcg-review-pct{color:#64748b;font-size:12px;font-weight:600}.jcg-review-saved{color:#10b981;font-size:11px;font-weight:700}.jcg-review-body{flex:1;display:flex;overflow:hidden}.jcg-review-nav{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:2px;width:168px;padding:8px 6px;display:flex;overflow:hidden auto}.jcg-review-nav-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:7px 8px;transition:background .12s,border-color .12s;display:flex}.jcg-review-nav-item:hover{background:#ffffff0d}.jcg-review-nav-item.active{background:#f59e0b1f;border-color:#f59e0b4d}.jcg-review-nav-item.correct .jcg-review-nav-score{color:#34d399}.jcg-review-nav-item.partial .jcg-review-nav-score{color:#f59e0b}.jcg-review-nav-item.wrong .jcg-review-nav-score{color:#f87171}.jcg-review-nav-label{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.jcg-review-nav-score{white-space:nowrap;margin-left:6px;font-size:11px;font-weight:700}.jcg-review-r{color:#fcd34d;font-size:9px;font-weight:800}.jcg-review-detail{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:0;padding:14px 16px;display:flex;overflow-y:auto}.jcg-review-item-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.jcg-review-q-label{color:#f1f5f9;font-size:15px;font-weight:700}.jcg-review-q-max{color:#64748b;font-size:11px;font-weight:600}.jcg-review-field{margin-bottom:12px}.jcg-review-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:700}.jcg-review-answer{color:#93c5fd;background:#93c5fd0f;border-radius:6px;padding:8px 10px;font-size:13px;font-style:italic;line-height:1.5}.jcg-review-expected{color:#a7f3d0;background:#10b9810f;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5}.jcg-review-auto-feedback{color:#94a3b8;font-size:12px;line-height:1.5}.jcg-review-scores-row{gap:10px;margin-bottom:12px;display:flex}.jcg-review-score-block{flex:1}.jcg-review-auto-score{color:#94a3b8;margin-top:4px;font-size:18px;font-weight:700}.jcg-review-score-input{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;margin-top:4px;padding:8px 10px;font-size:18px;font-weight:700;transition:border-color .15s}.jcg-review-score-input:focus{border-color:#f59e0b80}.jcg-review-score-input.invalid{border-color:#ef4444}.jcg-review-score-err{color:#f87171;margin-top:3px;font-size:10px}.jcg-review-final-score{color:#34d399;margin-top:4px;font-size:18px;font-weight:700}.jcg-review-final-score.overridden{color:#fcd34d}.jcg-review-feedback{resize:vertical;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.5;transition:border-color .15s}.jcg-review-feedback:focus{border-color:#f59e0b66}.jcg-review-actions{border-top:1px solid #ffffff12;gap:8px;margin-top:14px;padding-top:12px;display:flex}.jcg-review-btn-ghost{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:9px 16px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.jcg-review-btn-ghost:hover:not(:disabled){color:#e2e8f0;background:#ffffff17}.jcg-review-btn-ghost:disabled{opacity:.35;cursor:default}.jcg-review-btn-save{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;padding:9px 18px;font-size:12px;font-weight:700;transition:background .12s}.jcg-review-btn-save:hover:not(:disabled){background:#10b98140}.jcg-review-btn-save:disabled{opacity:.35;cursor:default}.jcg-review-btn-next{color:#fcd34d;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;flex:1;padding:9px 18px;font-size:12px;font-weight:700;transition:background .12s}.jcg-review-btn-next:hover:not(:disabled){background:#f59e0b40}.jcg-review-btn-next:disabled{opacity:.35;cursor:default}:root{--sseq-bg:#0a1628;--sseq-surface:#112240;--sseq-card:#1a3460;--sseq-border:#2a4a7f;--sseq-gold:#f59e0b;--sseq-gold-dim:#92650a;--sseq-green:#10b981;--sseq-red:#ef4444;--sseq-text:#e8eaf6;--sseq-muted:#8ab0d0;--sseq-radius:12px}.sseq-wrap{background:var(--sseq-bg);min-height:100%;color:var(--sseq-text);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.sseq-header{background:var(--sseq-surface);border-bottom:1px solid var(--sseq-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.sseq-header-left{align-items:center;gap:12px;display:flex}.sseq-header-icon{font-size:28px}.sseq-header-titles{flex-direction:column;display:flex}.sseq-header-subject{color:var(--sseq-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.sseq-header-title{color:var(--sseq-gold);font-size:15px;font-weight:700}.sseq-header-back{font-size:13px}.sseq-btn-primary{background:var(--sseq-gold);color:#000;cursor:pointer;border:none;border-radius:8px;margin:16px auto 0;padding:10px 24px;font-size:15px;font-weight:700;transition:opacity .15s;display:block}.sseq-btn-primary:disabled{opacity:.4;cursor:not-allowed}.sseq-btn-primary:not(:disabled):hover{opacity:.85}.sseq-btn-ghost{color:var(--sseq-muted);border:1px solid var(--sseq-border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px}.sseq-btn-ghost:hover{color:var(--sseq-text);border-color:var(--sseq-text)}.sseq-phase-bar{background:var(--sseq-surface);flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:8px 16px;display:flex;overflow-x:auto}.sseq-phase-bar-step{flex-direction:column;align-items:center;min-width:52px;display:flex;position:relative}.sseq-phase-bar-step:before{content:"";background:var(--sseq-border);width:100%;height:2px;position:absolute;top:7px;right:50%}.sseq-phase-bar-step:first-child:before{display:none}.sseq-phase-bar-step.done:before{background:var(--sseq-green)}.sseq-phase-bar-dot{background:var(--sseq-border);border:2px solid var(--sseq-border);z-index:1;border-radius:50%;width:14px;height:14px}.sseq-phase-bar-step.done .sseq-phase-bar-dot{background:var(--sseq-green);border-color:var(--sseq-green)}.sseq-phase-bar-step.active .sseq-phase-bar-dot{background:var(--sseq-gold);border-color:var(--sseq-gold);box-shadow:0 0 8px var(--sseq-gold)}.sseq-phase-bar-lbl{color:var(--sseq-muted);white-space:nowrap;margin-top:3px;font-size:10px}.sseq-phase-bar-step.active .sseq-phase-bar-lbl{color:var(--sseq-gold);font-weight:700}.sseq-student-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.sseq-student-body{box-sizing:border-box;flex:1;width:100%;max-width:640px;margin:0 auto;padding:24px 16px;overflow-y:auto}.sseq-phase-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sseq-phase-icon{font-size:32px}.sseq-phase-title{color:var(--sseq-gold);font-size:18px;font-weight:700}.sseq-phase-sub{color:var(--sseq-muted);font-size:13px}.sseq-progress-bar-wrap{background:var(--sseq-border);border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden}.sseq-progress-bar-fill{background:var(--sseq-gold);border-radius:2px;height:100%;transition:width .4s}.sseq-progress-dots{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.sseq-progress-dot{background:var(--sseq-border);border-radius:50%;width:8px;height:8px;transition:all .2s}.sseq-progress-dot.done{background:var(--sseq-green)}.sseq-progress-dot.active{background:var(--sseq-gold);transform:scale(1.4)}.sseq-intro{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.sseq-intro-skip{align-self:flex-end;font-size:12px}.sseq-intro-card{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);box-sizing:border-box;width:100%;padding:32px 24px;animation:.35s sseq-slide-in}@keyframes sseq-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sseq-intro-text{color:var(--sseq-gold);margin-bottom:12px;font-size:28px;font-weight:800}.sseq-intro-sub{color:var(--sseq-muted);font-size:15px;line-height:1.6}.sseq-intro-tap-zone{margin-top:20px}.sseq-intro-tap-hint{color:var(--sseq-muted);margin-bottom:12px;font-size:13px}.sseq-intro-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sseq-intro-tap-btn{border:2px solid var(--sseq-border);background:var(--sseq-card);color:var(--sseq-text);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .15s}.sseq-intro-tap-btn:hover:not(:disabled){border-color:var(--sseq-gold)}.sseq-intro-tap-btn.correct{border-color:var(--sseq-green);color:var(--sseq-green);background:#0d3326}.sseq-intro-tap-btn.wrong{border-color:var(--sseq-red);color:var(--sseq-red);background:#3b1010}.sseq-intro-tap-btn.reveal{border-color:var(--sseq-green);color:var(--sseq-green);background:#0d3326}.sseq-intro-tap-result{margin-top:12px;font-size:14px;font-weight:600}.sseq-intro-tap-result.correct{color:var(--sseq-green)}.sseq-intro-tap-result.wrong{color:var(--sseq-red)}.sseq-splash{flex-direction:column;gap:16px;display:flex}.sseq-splash-prompt{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);text-align:center;padding:20px}.sseq-splash-question{color:var(--sseq-text);margin-bottom:8px;font-size:17px;font-weight:700}.sseq-splash-hint{color:var(--sseq-muted);margin:0;font-size:13px}.sseq-splash-inputs{flex-direction:column;gap:10px;display:flex}.sseq-splash-input{box-sizing:border-box;background:var(--sseq-surface);border:1px solid var(--sseq-border);width:100%;color:var(--sseq-text);border-radius:8px;padding:10px 14px;font-size:15px}.sseq-splash-input:focus{border-color:var(--sseq-gold);outline:none}.sseq-splash-wait{text-align:center;padding:40px 20px}.sseq-splash-wait-icon{margin-bottom:16px;font-size:48px}.sseq-splash-wait-title{color:var(--sseq-gold);margin-bottom:8px;font-size:20px;font-weight:700}.sseq-splash-wait-sub{color:var(--sseq-muted)}.sseq-splash-wait-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.sseq-splash-wait-dots span{background:var(--sseq-gold);border-radius:50%;width:10px;height:10px;animation:.8s infinite alternate sseq-bounce}.sseq-splash-wait-dots span:nth-child(2){animation-delay:.25s}.sseq-splash-wait-dots span:nth-child(3){animation-delay:.5s}@keyframes sseq-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.sseq-lesson{flex-direction:column;gap:16px;display:flex}.sseq-lesson-card{background:var(--sseq-surface);border-radius:var(--sseq-radius);text-align:center;border:2px solid;padding:32px 24px;animation:.3s sseq-slide-in}.sseq-lesson-icon{margin-bottom:12px;font-size:52px}.sseq-lesson-title{margin-bottom:14px;font-size:22px;font-weight:800}.sseq-lesson-body{color:var(--sseq-muted);font-size:15px;line-height:1.7}.sseq-lesson-dots{justify-content:center;gap:8px;display:flex}.sseq-lesson-dot{background:var(--sseq-border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0}.sseq-lesson-dot.done{background:var(--sseq-green)}.sseq-lesson-dot.active{background:var(--sseq-gold);transform:scale(1.3)}.sseq-dd{flex-direction:column;gap:16px;display:flex}.sseq-dd-bank{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);padding:14px}.sseq-dd-bank-label{color:var(--sseq-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px}.sseq-dd-items{flex-wrap:wrap;gap:8px;display:flex}.sseq-dd-item{background:var(--sseq-card);border:2px solid var(--sseq-border);color:var(--sseq-text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;transition:all .15s}.sseq-dd-item.selected{border-color:var(--sseq-gold);color:var(--sseq-gold);background:#2a1f00}.sseq-dd-item:hover{border-color:var(--sseq-gold)}.sseq-dd-categories{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.sseq-dd-cat{background:var(--sseq-surface);border:2px solid var(--sseq-border);border-radius:var(--sseq-radius);cursor:default;min-height:80px;padding:10px;transition:border-color .15s}.sseq-dd-cat.droppable{cursor:pointer}.sseq-dd-cat.droppable:hover{border-color:var(--sseq-gold)}.sseq-dd-cat-header{color:var(--sseq-gold);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.sseq-dd-cat-items{flex-direction:column;gap:4px;display:flex}.sseq-dd-cat-empty{color:var(--sseq-border);font-size:12px;font-style:italic}.sseq-dd-placed{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;display:flex}.sseq-dd-placed.correct{color:var(--sseq-green);background:#0d3326}.sseq-dd-placed.wrong{color:var(--sseq-red);background:#3b1010}.sseq-dd-placed-icon{flex-shrink:0;margin-left:4px}.sseq-dd-result{text-align:center;padding:40px 20px}.sseq-career{flex-direction:column;gap:16px;display:flex}.sseq-career-card{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);text-align:center;padding:24px;animation:.3s sseq-slide-in}.sseq-career-emoji{margin-bottom:8px;font-size:48px}.sseq-career-name{color:var(--sseq-gold);margin-bottom:12px;font-size:22px;font-weight:800}.sseq-career-does{color:var(--sseq-muted);text-align:left;margin-bottom:6px;font-size:14px}.sseq-career-matters{color:var(--sseq-muted);text-align:left;font-size:14px}.sseq-career-question{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);padding:16px}.sseq-career-q-label{color:var(--sseq-text);margin-bottom:12px;font-size:14px;font-weight:600}.sseq-career-options{flex-wrap:wrap;gap:8px;display:flex}.sseq-career-opt{border:2px solid var(--sseq-border);background:var(--sseq-card);color:var(--sseq-text);cursor:pointer;border-radius:8px;flex:120px;padding:8px 12px;font-size:13px;transition:all .15s}.sseq-career-opt.selected{border-color:var(--sseq-gold);color:var(--sseq-gold)}.sseq-career-opt.correct{border-color:var(--sseq-green);color:var(--sseq-green);background:#0d3326}.sseq-career-opt.wrong{border-color:var(--sseq-red);color:var(--sseq-red);background:#3b1010}.sseq-career-check{margin-top:12px;display:block}.sseq-career-feedback{margin-top:10px;font-size:14px;font-weight:600}.sseq-career-feedback.correct{color:var(--sseq-green)}.sseq-career-feedback.wrong{color:var(--sseq-red)}.sseq-career-reflect{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);flex-direction:column;gap:8px;padding:16px;display:flex}.sseq-career-textarea{background:var(--sseq-card);border:1px solid var(--sseq-border);color:var(--sseq-text);resize:none;box-sizing:border-box;border-radius:8px;width:100%;padding:10px;font-size:14px}.sseq-career-textarea:focus{border-color:var(--sseq-gold);outline:none}.sseq-career-charcount{color:var(--sseq-muted);text-align:right;font-size:11px}.sseq-ev{flex-direction:column;gap:16px;display:flex}.sseq-ev-instruction{color:var(--sseq-muted);margin:0;font-size:14px}.sseq-ev-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.sseq-ev-item{background:var(--sseq-surface);border:2px solid var(--sseq-border);border-radius:var(--sseq-radius);padding:12px;transition:border-color .2s}.sseq-ev-item.correct{border-color:var(--sseq-green)}.sseq-ev-item.wrong{border-color:var(--sseq-red)}.sseq-ev-item-label{margin-bottom:10px;font-size:14px;font-weight:600}.sseq-ev-branches{flex-direction:column;gap:4px;display:flex}.sseq-ev-branch-btn{background:var(--sseq-card);border:1px solid var(--sseq-border);color:var(--sseq-muted);text-align:left;cursor:pointer;border-radius:6px;padding:5px 8px;font-size:12px}.sseq-ev-branch-btn:hover{border-color:var(--sseq-gold);color:var(--sseq-text)}.sseq-ev-branch-btn.selected{border-color:var(--sseq-gold);color:var(--sseq-gold)}.sseq-ev-item-result{text-align:center;padding:8px 0;font-size:13px;font-weight:700}.sseq-ev-item.correct .sseq-ev-item-result{color:var(--sseq-green)}.sseq-ev-item.wrong .sseq-ev-item-result{color:var(--sseq-red)}.sseq-quiz{flex-direction:column;gap:16px;display:flex}.sseq-quiz-card{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);padding:24px;animation:.3s sseq-slide-in}.sseq-quiz-q{color:var(--sseq-text);margin-bottom:20px;font-size:17px;font-weight:700;line-height:1.5}.sseq-quiz-options{flex-direction:column;gap:10px;display:flex}.sseq-quiz-opt{background:var(--sseq-card);border:2px solid var(--sseq-border);color:var(--sseq-text);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;transition:all .15s;display:flex}.sseq-quiz-opt:hover:not(:disabled),.sseq-quiz-opt.selected{border-color:var(--sseq-gold)}.sseq-quiz-opt.correct{border-color:var(--sseq-green);background:#0d3326}.sseq-quiz-opt.wrong{border-color:var(--sseq-red);background:#3b1010}.sseq-quiz-opt-letter{background:var(--sseq-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.sseq-quiz-feedback{margin-top:14px;font-size:14px;font-weight:600}.sseq-quiz-feedback.correct{color:var(--sseq-green)}.sseq-quiz-feedback.wrong{color:var(--sseq-red)}.sseq-exit{flex-direction:column;gap:16px;display:flex}.sseq-exit-instruction{color:var(--sseq-muted);margin:0;font-size:14px}.sseq-exit-prompts{flex-direction:column;gap:12px;display:flex}.sseq-exit-row{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);align-items:flex-start;gap:12px;padding:14px;display:flex}.sseq-exit-num{background:var(--sseq-gold);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.sseq-exit-field{flex-direction:column;flex:1;gap:6px;display:flex}.sseq-exit-prompt{color:var(--sseq-text);font-size:14px;font-weight:600}.sseq-exit-input{background:var(--sseq-card);border:1px solid var(--sseq-border);color:var(--sseq-text);box-sizing:border-box;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.sseq-exit-input:focus{border-color:var(--sseq-gold);outline:none}.sseq-score-circle{background:conic-gradient(var(--sseq-gold) var(--pct,70%), var(--sseq-border) 0);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;display:flex}.sseq-score-circle.large{width:140px;height:140px}.sseq-score-inner{background:var(--sseq-bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;display:flex}.sseq-score-num{color:var(--sseq-gold);font-size:28px;font-weight:800;line-height:1}.sseq-score-circle.large .sseq-score-num{font-size:38px}.sseq-score-denom{color:var(--sseq-muted);font-size:13px}.sseq-result-msg{color:var(--sseq-text);text-align:center;font-size:15px;line-height:1.6}.sseq-results{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-bottom:32px;display:flex}.sseq-results-badge{color:var(--sseq-gold);background:var(--sseq-surface);border:1px solid var(--sseq-gold-dim);border-radius:24px;padding:8px 20px;font-size:18px;font-weight:800}.sseq-results-pct{color:var(--sseq-muted);font-size:14px}.sseq-results-msg{color:var(--sseq-text);max-width:420px;font-size:15px;line-height:1.6}.sseq-results-breakdown{flex-direction:column;gap:10px;width:100%;max-width:420px;display:flex}.sseq-results-row{align-items:center;gap:10px;display:flex}.sseq-results-row-label{color:var(--sseq-muted);text-align:right;min-width:110px;font-size:13px}.sseq-results-row-bar{background:var(--sseq-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.sseq-results-row-fill{border-radius:4px;height:100%;transition:width .6s}.sseq-results-row-score{color:var(--sseq-text);text-align:right;min-width:36px;font-size:13px;font-weight:700}.sseq-teacher{flex-direction:column;flex:1;min-height:0;display:flex}.sseq-teacher-header{background:var(--sseq-surface);border-bottom:1px solid var(--sseq-border);flex-shrink:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.sseq-teacher-icon{font-size:32px}.sseq-teacher-info{flex:1}.sseq-teacher-info h3{color:var(--sseq-gold);margin:0 0 2px;font-size:16px}.sseq-teacher-info p{color:var(--sseq-muted);margin:0;font-size:13px}.sseq-teacher-tabs{border-bottom:1px solid var(--sseq-border);flex-shrink:0;display:flex}.sseq-teacher-tab{color:var(--sseq-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:600}.sseq-teacher-tab.active{color:var(--sseq-gold);border-bottom-color:var(--sseq-gold)}.sseq-teacher-body{flex:1;padding:20px;overflow-y:auto}.sseq-teacher-chips{gap:12px;margin-bottom:20px;display:flex}.sseq-teacher-chip{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);text-align:center;flex:1;padding:12px}.sseq-chip-val{color:var(--sseq-gold);font-size:24px;font-weight:800}.sseq-chip-label{color:var(--sseq-muted);margin-top:2px;font-size:12px}.sseq-teacher-section{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);margin-bottom:16px;padding:16px}.sseq-teacher-section-title{color:var(--sseq-gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:13px;font-weight:700}.sseq-teacher-phase-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sseq-teacher-phase-name{color:var(--sseq-muted);min-width:60px;font-size:13px}.sseq-teacher-phase-bar-wrap{background:var(--sseq-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.sseq-teacher-phase-bar{background:var(--sseq-gold);border-radius:3px;height:100%;transition:width .4s}.sseq-teacher-phase-count{color:var(--sseq-muted);text-align:right;min-width:32px;font-size:12px}.sseq-teacher-word-wall{flex-wrap:wrap;gap:8px;display:flex}.sseq-teacher-word-chip{color:#000;opacity:.92;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:700}.sseq-teacher-empty{color:var(--sseq-muted);text-align:center;padding:20px 0;font-size:14px;font-style:italic}.sseq-teacher-table-head{color:var(--sseq-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--sseq-border);grid-template-columns:1fr 80px 60px 60px 60px 60px 70px;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:12px;display:grid}.sseq-teacher-student-list{flex-direction:column;gap:4px;display:flex}.sseq-teacher-student-row-wrap{background:var(--sseq-surface);border:1px solid var(--sseq-border);border-radius:var(--sseq-radius);overflow:hidden}.sseq-teacher-student-row{color:var(--sseq-text);cursor:pointer;text-align:left;background:0 0;border:none;grid-template-columns:1fr 80px 60px 60px 60px 60px 70px;align-items:center;gap:8px;width:100%;padding:10px 12px;display:grid}.sseq-teacher-student-row:hover{background:#ffffff0a}.sseq-ts-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sseq-ts-phase{color:var(--sseq-muted);font-size:12px}.sseq-ts-score{text-align:center;font-size:13px}.sseq-ts-total{text-align:center;font-size:13px;font-weight:700}.sseq-teacher-student-detail{border-top:1px solid var(--sseq-border);flex-direction:column;gap:12px;padding:0 12px 14px;display:flex}.sseq-teacher-detail-section{padding-top:12px}.sseq-teacher-detail-section strong{color:var(--sseq-gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;display:block}.sseq-teacher-exit-row{flex-wrap:wrap;gap:10px;margin-bottom:6px;display:flex}.sseq-teacher-exit-prompt{color:var(--sseq-muted);min-width:200px;font-size:13px}.sseq-teacher-exit-resp{color:var(--sseq-text);font-size:13px}.sseq-teacher-reflect-row{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.sseq-teacher-career-name{min-width:130px;font-size:13px;font-weight:600}.sseq-teacher-mc{font-size:12px;font-weight:700}.sseq-teacher-mc.correct{color:var(--sseq-green)}.sseq-teacher-mc.wrong{color:var(--sseq-red)}.sseq-teacher-reflect{color:var(--sseq-muted);flex:1;font-size:13px}.sseq-teacher-section-scores{flex-direction:column;gap:6px;margin-top:8px;display:flex}.sseq-teacher-section-score-row{align-items:center;gap:10px;font-size:.82rem;display:flex}.sseq-teacher-section-label{color:#d1d5db;flex:1}.sseq-teacher-section-pts{color:#e5e7eb;text-align:right;min-width:44px;font-weight:700}.sseq-teacher-total-row{color:#e5e7eb;gap:10px;margin-top:10px;font-size:.9rem;display:flex}.sseq-teacher-section-chip{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.sseq-chip-idle{color:#9ca3af;background:#6b728033}.sseq-chip-progress{color:#fbbf24;background:#fbbf2426}.sseq-chip-submitted{color:#34d399;background:#10b98126}.sseq-chip-review{color:#a5b4fc;background:#6366f126}.whp-wrap{color:#e2e8f0;background:#0f172a;flex-direction:column;min-height:100%;font-family:Segoe UI,system-ui,sans-serif;display:flex}.whp-phase-bar{background:#00000040;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;padding:10px 16px 6px;display:flex}.whp-phase-step{color:#64748b;letter-spacing:.03em;align-items:center;font-size:.68rem;font-weight:500;display:flex}.whp-phase-dot{background:#1e293b;border:2px solid #334155;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:4px;transition:background .2s}.whp-phase-step.done .whp-phase-dot{background:#10b981;border-color:#10b981}.whp-phase-step.active .whp-phase-dot{background:#f59e0b;border-color:#f59e0b}.whp-phase-step.active{color:#f59e0b}.whp-phase-step.done{color:#10b981}.whp-phase-arrow{text-align:center;color:#334155;width:18px;font-size:.65rem}.whp-student-body{flex:1;padding:0 0 80px;overflow-y:auto}.whp-phase-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:20px 20px 12px;display:flex}.whp-phase-icon{flex-shrink:0;font-size:2rem}.whp-phase-title{color:#f1f5f9;font-size:1.1rem;font-weight:700}.whp-phase-sub{color:#94a3b8;margin-top:2px;font-size:.78rem}.whp-btn-primary{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;margin:20px auto 0;padding:12px 32px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 4px 12px #f59e0b59}.whp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b73}.whp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.whp-btn-ghost{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;padding:8px 18px;font-size:.82rem;transition:border-color .15s,color .15s}.whp-btn-ghost:hover{color:#cbd5e1;border-color:#64748b}.whp-video-wrap{flex-direction:column;align-items:center;gap:18px;padding:20px;display:flex}.whp-video-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#f59e0b;text-align:center;font-size:.72rem;font-weight:700}.whp-video-title{text-align:center;color:#f1f5f9;font-size:1.6rem;font-weight:800;line-height:1.2}.whp-video-question{color:#fcd34d;text-align:center;font-size:1.15rem;font-weight:600}.whp-video-instruction{color:#94a3b8;text-align:center;max-width:500px;font-size:.85rem;line-height:1.6}.whp-video-container{aspect-ratio:16/9;background:#000;border:2px solid #f59e0b4d;border-radius:14px;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.whp-video-container iframe{border:none;width:100%;height:100%;display:block}.whp-video-fallback{text-align:center;background:#1e293b;border:2px solid #f59e0b40;border-radius:14px;width:100%;max-width:600px;padding:28px 24px}.whp-video-fallback-icon{margin-bottom:10px;font-size:3rem}.whp-video-fallback-title{color:#f1f5f9;margin-bottom:8px;font-size:1rem;font-weight:700}.whp-video-fallback-note{color:#94a3b8;margin-bottom:14px;font-size:.82rem}.whp-video-fallback-link{color:#fff;background:#ef4444;border-radius:8px;margin-bottom:10px;padding:10px 22px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.whp-video-fallback-link:hover{background:#dc2626}.whp-video-teacher-note{color:#64748b;text-align:center;max-width:500px;margin:0;font-size:.78rem;font-style:italic}.whp-video-continue-bar{text-align:center;z-index:10;background:linear-gradient(#0000,#0f172a 35%);flex-direction:column;align-items:center;width:100%;max-width:640px;padding:24px 20px 20px;display:flex;position:sticky;bottom:0}.whp-poll-wrap{padding:20px}.whp-poll-question{color:#f1f5f9;text-align:center;margin:16px 0 20px;font-size:1.1rem;font-weight:700;line-height:1.5}.whp-poll-options{flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex}.whp-poll-option{cursor:pointer;text-align:left;color:#e2e8f0;background:#1e293b;border:2px solid #334155;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;font-size:.92rem;font-weight:500;transition:border-color .15s,background .15s,transform .1s;display:flex}.whp-poll-option:hover:not(:disabled){background:#1a2845;border-color:#f59e0b;transform:translate(3px)}.whp-poll-option.selected{background:#f59e0b14;border-color:#f59e0b}.whp-poll-option.correct{color:#34d399;background:#10b9811a;border-color:#10b981}.whp-poll-option.wrong{color:#f87171;background:#ef444414;border-color:#ef4444}.whp-poll-letter{background:#334155;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.whp-poll-option.correct .whp-poll-letter{color:#fff;background:#10b981}.whp-poll-option.wrong .whp-poll-letter{color:#fff;background:#ef4444}.whp-poll-option.selected .whp-poll-letter{color:#0f172a;background:#f59e0b}.whp-poll-feedback{text-align:center;border-radius:10px;max-width:520px;margin:18px auto 0;padding:14px 18px;font-size:.88rem;font-weight:600;line-height:1.5}.whp-poll-feedback.correct{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.whp-poll-feedback.wrong{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.whp-flags-wrap{padding:20px}.whp-flags-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:16px 0;display:grid}.whp-flag-card{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:14px 12px;transition:transform .15s}.whp-flag-card:hover{transform:translateY(-2px)}.whp-flag-emoji{margin-bottom:8px;font-size:2.4rem;line-height:1}.whp-flag-country{color:#f1f5f9;margin-bottom:4px;font-size:.8rem;font-weight:700}.whp-flag-type{border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-block}.whp-flag-type.democracy{color:#34d399;background:#10b98133}.whp-flag-type.monarchy{color:#c084fc;background:#a855f733}.whp-flag-type.dictatorship{color:#f87171;background:#ef444433}.whp-flags-teacher-note{color:#64748b;background:#ffffff08;border-left:3px solid #334155;border-radius:0 8px 8px 0;margin-bottom:8px;padding:12px 16px;font-size:.78rem;font-style:italic;line-height:1.6}.whp-cards-wrap{padding:20px}.whp-gov-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:16px 0;display:grid}.whp-gov-card{background:#1e293b;border:2px solid #334155;border-radius:14px;padding:18px 16px;transition:border-color .2s,transform .15s}.whp-gov-card:hover{border-color:#475569;transform:translateY(-2px)}.whp-gov-card.democracy{border-color:#10b98166}.whp-gov-card.monarchy{border-color:#a855f766}.whp-gov-card.oligarchy{border-color:#f59e0b66}.whp-gov-card.dictatorship{border-color:#ef444466}.whp-gov-card-icon{margin-bottom:10px;font-size:2.2rem}.whp-gov-card-name{color:#f1f5f9;margin-bottom:8px;font-size:1rem;font-weight:800}.whp-gov-card.democracy .whp-gov-card-name{color:#34d399}.whp-gov-card.monarchy .whp-gov-card-name{color:#c084fc}.whp-gov-card.oligarchy .whp-gov-card-name{color:#fcd34d}.whp-gov-card.dictatorship .whp-gov-card-name{color:#f87171}.whp-gov-card-def{color:#94a3b8;margin-bottom:10px;font-size:.8rem;line-height:1.6}.whp-gov-card-who{color:#cbd5e1;margin-bottom:6px;font-size:.78rem;font-weight:700}.whp-gov-card-who span{color:#f59e0b}.whp-gov-card-examples{color:#64748b;font-size:.74rem;font-style:italic}.whp-sort-wrap{padding:20px}.whp-sort-progress{color:#94a3b8;text-align:center;margin:8px 0 16px;font-size:.78rem}.whp-sort-zones{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width>=600px){.whp-sort-zones{grid-template-columns:repeat(4,1fr)}}.whp-sort-zone{cursor:pointer;background:#1e293b;border:2px dashed #334155;border-radius:12px;min-height:90px;padding:10px 8px;transition:border-color .15s,background .15s}.whp-sort-zone.droppable{border-style:solid}.whp-sort-zone.droppable.democracy{background:#10b98112;border-color:#10b981}.whp-sort-zone.droppable.monarchy{background:#a855f712;border-color:#a855f7}.whp-sort-zone.droppable.oligarchy{background:#f59e0b12;border-color:#f59e0b}.whp-sort-zone.droppable.dictatorship{background:#ef444412;border-color:#ef4444}.whp-sort-zone-head{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:8px;font-size:.76rem;font-weight:800;display:flex}.whp-sort-zone.democracy .whp-sort-zone-head{color:#34d399}.whp-sort-zone.monarchy .whp-sort-zone-head{color:#c084fc}.whp-sort-zone.oligarchy .whp-sort-zone-head{color:#fcd34d}.whp-sort-zone.dictatorship .whp-sort-zone-head{color:#f87171}.whp-sort-zone-empty{color:#475569;text-align:center;padding:4px 0;font-size:.7rem}.whp-sort-placed{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 8px;font-size:.7rem;transition:opacity .15s;display:flex}.whp-sort-placed.correct{color:#34d399;background:#10b98126}.whp-sort-placed.wrong{color:#f87171;background:#ef44441f}.whp-sort-placed.correct:after{content:"✓";font-size:.65rem}.whp-sort-placed.wrong:after{content:"✗";font-size:.65rem}.whp-sort-bank{margin-bottom:16px}.whp-sort-bank-label{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.74rem;font-weight:600}.whp-sort-bank-tabs{gap:8px;margin-bottom:12px;display:flex}.whp-sort-bank-tab{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:20px;padding:6px 14px;font-size:.78rem;transition:all .15s}.whp-sort-bank-tab.active{color:#0f172a;background:#f59e0b;border-color:#f59e0b;font-weight:700}.whp-sort-items{flex-wrap:wrap;gap:8px;display:flex}.whp-sort-item{cursor:pointer;color:#e2e8f0;background:#1e293b;border:2px solid #334155;border-radius:8px;padding:7px 12px;font-size:.8rem;transition:border-color .15s,background .15s,transform .1s}.whp-sort-item:hover{border-color:#f59e0b;transform:translateY(-1px)}.whp-sort-item.selected{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b;font-weight:700}.whp-sort-hint{text-align:center;color:#f59e0b;background:#f59e0b0f;border-radius:8px;min-height:28px;margin-bottom:12px;padding:8px;font-size:.78rem}.whp-sort-feedback-toast{z-index:200;pointer-events:none;border-radius:20px;padding:10px 20px;font-size:.88rem;font-weight:700;animation:.25s whpToastIn;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.whp-sort-feedback-toast.correct{color:#fff;background:#10b981}.whp-sort-feedback-toast.wrong{color:#fff;background:#ef4444}@keyframes whpToastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.whp-write-wrap{padding:20px}.whp-write-prompt{color:#fcd34d;text-align:center;background:#f59e0b12;border:1px solid #f59e0b40;border-radius:12px;margin:16px 0 10px;padding:16px 18px;font-size:.95rem;font-weight:700;line-height:1.6}.whp-write-example{color:#64748b;background:#ffffff08;border-left:3px solid #334155;border-radius:0 8px 8px 0;margin-bottom:14px;padding:12px 16px;font-size:.78rem;font-style:italic;line-height:1.7}.whp-write-textarea{color:#e2e8f0;resize:vertical;box-sizing:border-box;background:#1e293b;border:2px solid #334155;border-radius:12px;width:100%;min-height:130px;padding:14px 16px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.whp-write-textarea:focus{border-color:#f59e0b;outline:none}.whp-write-wordcount{color:#64748b;text-align:right;margin-top:4px;font-size:.72rem}.whp-results-wrap{text-align:center;padding:24px 20px}.whp-results-title{color:#fcd34d;margin-bottom:4px;font-size:1.4rem;font-weight:800}.whp-results-sub{color:#94a3b8;margin-bottom:20px;font-size:.85rem}.whp-score-circle{border:5px solid #f59e0b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 20px;display:flex;box-shadow:0 0 24px #f59e0b4d}.whp-score-num{color:#fcd34d;font-size:2rem;font-weight:800;line-height:1}.whp-score-denom{color:#94a3b8;font-size:.8rem}.whp-results-band{border-radius:20px;margin-bottom:20px;padding:4px 16px;font-size:.8rem;font-weight:700;display:inline-block}.whp-results-band.excellent{color:#34d399;background:#10b98133}.whp-results-band.good{color:#93c5fd;background:#3b82f633}.whp-results-band.satisfactory{color:#fcd34d;background:#f59e0b33}.whp-results-band.support{color:#f87171;background:#ef444426}.whp-results-review{text-align:left;background:#1e293b;border-radius:12px;max-width:480px;margin:0 auto 20px;padding:16px}.whp-results-review-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.78rem;font-weight:700}.whp-results-review-row{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding:8px 0;font-size:.84rem;display:flex}.whp-results-review-row:last-child{border-bottom:none}.whp-results-review-icon{flex-shrink:0;font-size:1.3rem}.whp-results-review-info strong{color:#f1f5f9;font-weight:700;display:block}.whp-results-review-info span{color:#94a3b8;font-size:.78rem}.whp-results-comp-note{color:#64748b;max-width:380px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:.78rem;font-style:italic}.whp-teacher{flex-direction:column;height:100%;display:flex}.whp-teacher-header{background:#0003;border-bottom:1px solid #ffffff12;align-items:center;gap:14px;padding:16px 18px;display:flex}.whp-teacher-icon{flex-shrink:0;font-size:2rem}.whp-teacher-info h3{color:#f1f5f9;margin:0 0 2px;font-size:.95rem;font-weight:700}.whp-teacher-info p{color:#64748b;margin:0;font-size:.75rem}.whp-teacher-tabs{border-bottom:1px solid #ffffff12;gap:0;padding:0 16px;display:flex;overflow-x:auto}.whp-teacher-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:.82rem;transition:color .15s}.whp-teacher-tab.active{color:#f59e0b;border-bottom-color:#f59e0b}.whp-teacher-body{flex:1;padding:16px;overflow-y:auto}.whp-stat-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:16px;display:grid}.whp-stat-chip{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:12px 10px}.whp-stat-chip strong{color:#f59e0b;font-size:1.4rem;font-weight:800;display:block}.whp-stat-chip span{color:#64748b;font-size:.7rem}.whp-student-list{flex-direction:column;gap:8px;display:flex}.whp-student-row{cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s;display:flex}.whp-student-row:hover{border-color:#f59e0b}.whp-student-avatar{color:#0f172a;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:800;display:flex}.whp-student-name{color:#f1f5f9;font-size:.85rem;font-weight:700}.whp-student-meta{color:#64748b;font-size:.72rem}.whp-student-score{text-align:right;margin-left:auto}.whp-student-score strong{color:#fcd34d;font-size:.9rem;font-weight:800;display:block}.whp-pending-chip{color:#64748b;background:#64748b33;border-radius:10px;padding:2px 8px;font-size:.68rem}.whp-phase-chip{color:#f59e0b;background:#f59e0b26;border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:600}.whp-student-detail{background:#0f172a;border:1px solid #334155;border-radius:12px;margin-top:8px;padding:14px}.whp-detail-section{margin-bottom:14px}.whp-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.72rem;font-weight:700}.whp-detail-response{color:#e2e8f0;background:#1e293b;border-radius:8px;padding:10px 12px;font-size:.84rem;line-height:1.6}.whp-rubric-select{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.whp-rubric-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:5px 12px;font-size:.8rem;transition:all .15s}.whp-rubric-btn.active{color:#0f172a;background:#f59e0b;border-color:#f59e0b;font-weight:700}.whp-misunderstanding{background:#ef444412;border:1px solid #ef444433;border-radius:10px;margin-bottom:8px;padding:12px 14px}.whp-misunderstanding-label{color:#f87171;margin-bottom:4px;font-size:.78rem;font-weight:700}.whp-misunderstanding-count{color:#94a3b8;font-size:.72rem}.whp-empty-state{text-align:center;color:#475569;padding:40px 20px}.whp-empty-state div{margin-bottom:12px;font-size:2.5rem}.whp-save-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;width:100%;margin-top:12px;padding:11px;font-size:.88rem;font-weight:700;display:block}.whp-saved-msg{color:#34d399;text-align:center;margin-top:6px;font-size:.78rem}.whp-sort-score-breakdown{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.whp-score-pill{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.wb-lib-page{max-width:1100px;color:var(--edufun-text,#f8fafc);background:var(--edufun-bg,#061223);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0 auto;padding:24px}.wb-lib-header h1,.wb-lib-page h2{color:var(--edufun-text,#f8fafc);margin:0 0 4px}.wb-lib-folder-description{color:var(--edufun-muted,#b6c6dd);margin:4px 0 12px}.wb-lib-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 24px;display:flex}.wb-lib-toolbar select,.wb-lib-toolbar input[type=search]{border:1px solid var(--edufun-border,#4b5563);background:var(--edufun-card,#0f172ab8);color:var(--edufun-text,#f8fafc);border-radius:6px;padding:6px 10px}.wb-lib-archived-toggle{color:var(--edufun-text,#f8fafc);align-items:center;gap:6px;font-size:14px;display:flex}.wb-lib-toolbar button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;padding:6px 14px}.wb-lib-toolbar button:focus-visible{outline:2px solid var(--edufun-blue,#38bdf8);outline-offset:2px}.wb-lib-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.wb-lib-card{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:14px;box-shadow:0 1px 2px #0000000d}.wb-lib-card-main{cursor:pointer;border-radius:8px}.wb-lib-card-main:focus-visible{outline:2px solid var(--edufun-blue,#38bdf8);outline-offset:2px}.wb-lib-card-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.wb-lib-live-badge{color:#fff;background:#dc2626;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.wb-lib-legacy-badge{color:#444;background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:10px}.wb-lib-card-meta{color:#666;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;display:flex}.wb-lib-card-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.wb-lib-card-actions button{color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #9ca3af;border-radius:5px;padding:4px 8px;font-size:12px}.wb-lib-card-actions button:hover:not(:disabled){background:#e5e7eb}.wb-lib-card-actions button:focus-visible{outline:2px solid var(--edufun-blue,#38bdf8);outline-offset:2px}.wb-lib-card-actions button:disabled{opacity:.5;cursor:not-allowed}.wb-lib-empty,.wb-lib-error-state{text-align:center;color:var(--edufun-muted,#b6c6dd);border:1px dashed var(--edufun-border,#4b5563);border-radius:10px;padding:24px}.wb-lib-dialog-backdrop{z-index:2000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wb-lib-dialog{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:min(420px,90vw);max-height:85vh;padding:20px;display:flex;overflow-y:auto}.wb-lib-dialog label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.wb-lib-dialog input,.wb-lib-dialog select,.wb-lib-dialog textarea{border:1px solid #ccc;border-radius:6px;padding:8px;font-weight:400}.wb-lib-template-toggle{align-items:center;gap:8px;flex-direction:row!important;font-weight:400!important}.wb-lib-dialog-error{color:#b91c1c;font-size:13px}.wb-lib-dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.wb-lib-dialog-actions button{color:#1f2937;cursor:pointer;background:#f3f4f6;border:1px solid #9ca3af;border-radius:6px;padding:7px 14px}.wb-lib-dialog-actions button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.wb-lib-dialog-actions button[type=submit]{color:#fff;background:#6366f1;border-color:#0000}.wb-lib-picker-list{flex-direction:column;gap:6px;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.wb-lib-picker-list button{text-align:left;color:#1f2937;cursor:pointer;background:#f9fafb;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px}.wb-lib-picker-list button:hover{background:#e5e7eb}.wb-lib-picker-list button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.wb-lib-confirm-summary{background:#f3f4f6;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.wb-lib-dialog--wide{width:min(640px,94vw)}.fn-wizard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:14px;padding:14px;display:flex}.fn-wizard-step-label{text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:6px;font-size:12px;font-weight:700}.fn-wizard-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.fn-wizard-option{text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;font-family:inherit;display:flex}.fn-wizard-option:hover:not(:disabled){background:#f0f9ff;border-color:#93c5fd}.fn-wizard-option:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.fn-wizard-option--selected{background:#eff6ff;border-color:#1d4ed8;box-shadow:inset 0 0 0 1px #1d4ed8}.fn-wizard-option:disabled{cursor:default;opacity:.85}.fn-wizard-option-title{color:#0f172a;font-size:14px;font-weight:700}.fn-wizard-option--selected .fn-wizard-option-title{color:#1d4ed8}.fn-wizard-option-sub{color:#64748b;font-size:12px;font-weight:400}.fn-wizard-note{color:#94a3b8;margin:6px 0 0;font-size:12px;font-weight:400}.fn-wizard-preview{color:#fff;background:#0f172a;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.fn-wizard-preview-title{text-transform:uppercase;letter-spacing:.06em;color:#93c5fd;font-size:12px;font-weight:700}.fn-wizard-preview-breadcrumb{color:#fff;font-size:16px;font-weight:600}.fn-wizard-preview-breadcrumb span{color:#64748b;margin:0 2px;font-weight:400}.fn-wizard-preview-sequence{flex-wrap:wrap;gap:6px;display:flex}.fn-wizard-preview-chip{color:#e0f2fe;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.fn-wizard-preview-metrics{color:#bae6fd;gap:16px;font-size:13px;font-weight:600;display:flex}.certificate-builder-page{--cb-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cb-serif:Georgia, "Times New Roman", serif;--cb-navy:#12244a;--cb-navy-deep:#0a1730;--cb-gold:#c9a24b;--cb-gold-light:#e7cd8a;--cb-blue:#2563eb;--cb-pink:#ec4899;--cb-teal:#0d9488;--cb-green:#16a34a;--cb-purple:#7c3aed;--cb-amber:#f59e0b;--cb-ink:#1c1f2a;--cb-panel-bg:#fff;--cb-page-bg:#f4f6fb;--cb-border:#e2e5ee;--cb-shadow:0 20px 45px -20px #12244a59;background:var(--cb-page-bg);min-height:100vh;font-family:var(--cb-sans);color:var(--cb-ink);box-sizing:border-box;padding:32px clamp(16px,4vw,48px) 80px}.certificate-builder-page *{box-sizing:border-box}.certificate-builder-header{text-align:center;max-width:1400px;margin:0 auto 28px}.certificate-builder-header h1{background:linear-gradient(120deg, var(--cb-navy), var(--cb-blue) 55%, var(--cb-pink));color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(28px,3.4vw,40px);font-weight:800}.certificate-builder-header p{color:#5b6478;margin:0;font-size:16px}.certificate-builder-layout{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:28px;max-width:1400px;margin:0 auto;display:grid}.certificate-form-panel,.certificate-preview-panel{min-width:0}@media (width<=1080px){.certificate-builder-layout{grid-template-columns:1fr}}.certificate-form-panel{background:var(--cb-panel-bg);border:1px solid var(--cb-border);box-shadow:var(--cb-shadow);border-radius:18px;flex-direction:column;gap:22px;padding:24px;display:flex}.certificate-form-section h2{text-transform:uppercase;letter-spacing:.08em;color:var(--cb-blue);border-bottom:2px solid var(--cb-border);margin:0 0 14px;padding-bottom:8px;font-size:13px;font-weight:700}.certificate-form-section{flex-direction:column;display:flex}.certificate-field{color:#3a4152;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.certificate-field:last-child{margin-bottom:0}.certificate-field input,.certificate-field select,.certificate-field textarea{font-family:var(--cb-sans);color:var(--cb-ink);border:1.5px solid var(--cb-border);resize:vertical;background:#fbfcfe;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.certificate-field textarea{min-height:64px;line-height:1.4}.certificate-field input:hover,.certificate-field select:hover,.certificate-field textarea:hover{border-color:#c7cee0}.certificate-field input:focus-visible,.certificate-field select:focus-visible,.certificate-field textarea:focus-visible{border-color:var(--cb-blue);background:#fff;outline:none;box-shadow:0 0 0 4px #2563eb26}.certificate-id-row{gap:8px;display:flex}.certificate-id-row input{flex:1;min-width:0}.certificate-id-row button{font-family:var(--cb-sans);border:1.5px solid var(--cb-border);color:var(--cb-navy);cursor:pointer;background:#f1f4fb;border-radius:10px;flex-shrink:0;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.certificate-id-row button:hover{background:#e5ecfb;border-color:#c7cee0}.certificate-id-row button:focus-visible{outline:2px solid var(--cb-blue);outline-offset:2px}.certificate-actions{border-top:2px solid var(--cb-border);flex-wrap:wrap;gap:10px;padding-top:6px;display:flex}.certificate-btn{font-family:var(--cb-sans);border:1.5px solid var(--cb-border);color:var(--cb-navy);cursor:pointer;background:#fff;border-radius:12px;flex:auto;min-width:150px;padding:11px 16px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s}.certificate-btn:hover{border-color:#c7cee0;transform:translateY(-1px);box-shadow:0 8px 16px -8px #12244a59}.certificate-btn:focus-visible{outline:3px solid var(--cb-blue);outline-offset:2px}.certificate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.certificate-btn-primary{background:linear-gradient(120deg, var(--cb-navy), var(--cb-blue));color:#fff;border-color:#0000}.certificate-btn-primary:hover{box-shadow:0 10px 20px -8px #2563eb8c}.certificate-status{color:#46506a;border:1px solid var(--cb-border);background:#f1f4fb;border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;font-weight:600}.certificate-preview-panel{justify-content:center;display:flex;position:sticky;top:24px}.certificate-preview-scale{width:100%;max-width:980px;overflow-x:auto}.certificate-paper{aspect-ratio:1.414;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fffdf8;border-radius:6px;width:100%;min-height:460px;padding:14px;position:relative;overflow:hidden;box-shadow:0 30px 60px -25px #12244a73}.certificate-inner-border{z-index:2;text-align:center;border:2px solid #12244a2e;border-radius:4px;flex-direction:column;align-items:center;width:100%;height:100%;padding:clamp(16px,3vw,34px) clamp(20px,5vw,60px);display:flex;position:relative;overflow:hidden}.certificate-logo{object-fit:contain;width:clamp(46px,6vw,64px);height:clamp(46px,6vw,64px);margin-bottom:6px}.certificate-school-name{font-family:var(--cb-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--cb-navy);margin:0 0 4px;font-size:clamp(12px,1.4vw,15px);font-weight:700}.certificate-award-badge{letter-spacing:.09em;text-transform:uppercase;background:var(--cb-gold-light);color:var(--cb-navy-deep);border:1px solid var(--cb-gold);border-radius:999px;margin:4px 0 8px;padding:4px 16px;font-size:clamp(10px,1.1vw,12px);font-weight:800;display:inline-block}.certificate-title{font-family:var(--cb-serif);color:var(--cb-navy);letter-spacing:.01em;margin:4px 0 6px;font-size:clamp(20px,3vw,32px);font-weight:700}.certificate-presented-to{color:#5b6478;margin:0 0 4px;font-size:clamp(11px,1.2vw,13px);font-style:italic}.certificate-student-name{font-family:var(--cb-serif);color:var(--cb-ink);border-bottom:2px solid var(--cb-gold);max-width:90%;margin:2px 0 10px;padding-bottom:8px;font-size:clamp(26px,4.4vw,46px);font-weight:700;line-height:1.1}.certificate-course-line{color:#3a4152;margin:0 0 8px;font-size:clamp(11px,1.25vw,14px);line-height:1.5}.certificate-course-line strong{color:var(--cb-navy)}.certificate-award-reason{color:#4b5468;max-width:640px;margin:0 0 10px;font-size:clamp(10.5px,1.15vw,13px);line-height:1.5}.certificate-presented-on{color:#5b6478;margin:0 0 auto;font-size:clamp(10px,1.05vw,12px)}.certificate-signature-row{justify-content:space-between;gap:24px;width:100%;max-width:560px;margin-top:18px;display:flex}.certificate-signature-block{flex-direction:column;flex:1;align-items:center;display:flex}.certificate-signature-line{font-family:var(--cb-serif);color:var(--cb-ink);border-top:1.5px solid #9aa2b8;width:100%;padding-top:4px;font-size:clamp(12px,1.4vw,16px);font-weight:700}.certificate-signature-caption{letter-spacing:.08em;text-transform:uppercase;color:#7c8398;margin-top:2px;font-size:clamp(8.5px,.9vw,10px)}.certificate-id-line{letter-spacing:.04em;color:#8a90a3;margin:12px 0 0;font-size:clamp(8.5px,.9vw,10px)}.certificate-footer-note{font-family:var(--cb-serif);color:var(--cb-navy);margin:4px 0 0;font-size:clamp(9.5px,1vw,11.5px);font-style:italic}.certificate-corner{z-index:1;pointer-events:none;width:clamp(34px,5vw,60px);height:clamp(34px,5vw,60px);position:absolute}.certificate-corner:before,.certificate-corner:after{content:"";background:var(--cb-gold);position:absolute}.certificate-corner-tl{border-top:3px solid var(--cb-gold);border-left:3px solid var(--cb-gold);top:12px;left:12px}.certificate-corner-tr{border-top:3px solid var(--cb-gold);border-right:3px solid var(--cb-gold);top:12px;right:12px}.certificate-corner-bl{border-bottom:3px solid var(--cb-gold);border-left:3px solid var(--cb-gold);bottom:12px;left:12px}.certificate-corner-br{border-bottom:3px solid var(--cb-gold);border-right:3px solid var(--cb-gold);bottom:12px;right:12px}.certificate-sparkles{z-index:1;pointer-events:none;position:absolute;inset:0}.sparkle{color:var(--cb-gold);opacity:.55;font-size:16px;position:absolute}.sparkle-1{font-size:14px;top:14%;left:10%}.sparkle-2{font-size:20px;top:22%;right:12%}.sparkle-3{font-size:12px;bottom:20%;left:8%}.sparkle-4{font-size:18px;bottom:16%;right:9%}.sparkle-5{font-size:12px;top:8%;left:48%}.certificate-border-elegant{border:10px double var(--cb-navy)}.certificate-border-elegant .certificate-inner-border{border:1.5px solid var(--cb-gold)}.certificate-border-playful{border:8px solid var(--cb-pink);background-image:radial-gradient(circle,#ec489959 2px,#0000 2.5px);background-position:0 0;background-size:22px 22px;border-radius:28px}.certificate-border-playful .certificate-inner-border{border-style:dashed;border-radius:20px}.certificate-border-bold{border:16px solid var(--cb-navy)}.certificate-border-bold .certificate-inner-border{border:3px solid var(--cb-gold)}.certificate-border-minimal{border:2px solid #d7dbe6}.certificate-border-minimal .certificate-inner-border{border:1px solid #d7dbe6}.certificate-border-minimal .certificate-corner,.certificate-border-minimal .certificate-sparkles{display:none}.certificate-border-premier{border:12px solid var(--cb-navy);box-shadow:inset 0 0 0 3px var(--cb-gold), inset 0 0 0 6px #fffdf8, inset 0 0 0 8px var(--cb-gold)}.certificate-border-premier .certificate-inner-border{border:1.5px solid var(--cb-gold)}.certificate-theme-classic{background:#fffdf8}.certificate-theme-classic .certificate-award-badge{background:var(--cb-gold-light);color:var(--cb-navy-deep)}.certificate-theme-fun{background:linear-gradient(135deg,#eaf2ff 0%,#fff0f8 100%)}.certificate-theme-fun .certificate-title,.certificate-theme-fun .certificate-school-name{color:var(--cb-pink)}.certificate-theme-fun .certificate-student-name{border-bottom-color:var(--cb-blue)}.certificate-theme-fun .certificate-award-badge{background:linear-gradient(120deg, var(--cb-blue), var(--cb-pink));color:#fff;border-color:#0000}.certificate-theme-fun .sparkle{color:var(--cb-pink);opacity:.7}.certificate-theme-graduation{background:linear-gradient(#fffdf8 0%,#f4f2ea 100%)}.certificate-theme-graduation .certificate-title,.certificate-theme-graduation .certificate-school-name{color:var(--cb-navy-deep)}.certificate-theme-graduation .certificate-award-badge{background:var(--cb-navy-deep);color:var(--cb-gold-light);border-color:var(--cb-gold)}.certificate-theme-summer-sizzle{background:linear-gradient(135deg,#fff4e0 0%,#ffe4e1 100%)}.certificate-theme-summer-sizzle .certificate-title,.certificate-theme-summer-sizzle .certificate-school-name{color:#d9480f}.certificate-theme-summer-sizzle .certificate-student-name{border-bottom-color:var(--cb-amber)}.certificate-theme-summer-sizzle .certificate-award-badge{background:linear-gradient(120deg, var(--cb-amber), #f97316);color:#fff;border-color:#0000}.certificate-theme-summer-sizzle .sparkle{color:#f97316}.certificate-theme-mathematics{background:radial-gradient(circle at 90% 10%,#2563eb12 0,#0000 45%),radial-gradient(circle at 8% 90%,#c9a24b1f 0,#0000 45%),#fbfcff}.certificate-theme-mathematics .certificate-title,.certificate-theme-mathematics .certificate-school-name{color:var(--cb-blue)}.certificate-theme-mathematics .certificate-award-badge{background:var(--cb-blue);color:#fff;border-color:#0000}.certificate-theme-english{background:linear-gradient(135deg,#f2f0ff 0%,#eef6ff 100%)}.certificate-theme-english .certificate-title,.certificate-theme-english .certificate-school-name{color:var(--cb-purple)}.certificate-theme-english .certificate-student-name{border-bottom-color:var(--cb-purple)}.certificate-theme-english .certificate-award-badge{background:var(--cb-purple);color:#fff;border-color:#0000}.certificate-theme-social-studies{background:linear-gradient(135deg,#eafaf3 0%,#eaf4ff 100%)}.certificate-theme-social-studies .certificate-title,.certificate-theme-social-studies .certificate-school-name{color:var(--cb-teal)}.certificate-theme-social-studies .certificate-student-name{border-bottom-color:var(--cb-green)}.certificate-theme-social-studies .certificate-award-badge{background:var(--cb-teal);color:#fff;border-color:#0000}@media (width<=640px){.certificate-builder-page{padding:20px 12px 60px}.certificate-form-panel{padding:18px}.certificate-actions{flex-direction:column}.certificate-btn{min-width:0}.certificate-preview-panel{position:static}.certificate-signature-row{gap:12px}}@media print{@page{size:landscape;margin:.35in}body *{visibility:hidden!important}.certificate-builder-header,.certificate-form-panel,.certificate-actions,.certificate-status{display:none!important}.certificate-paper,.certificate-paper *{visibility:visible!important}.certificate-builder-page{background:#fff;min-height:0;padding:0}.certificate-builder-layout{max-width:none;display:block}.certificate-preview-panel{display:block;position:static}.certificate-preview-scale{max-width:none;overflow:visible}.certificate-paper{aspect-ratio:auto;width:100vw;height:100vh;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:0;position:fixed;inset:0}}