@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@700;800;900&display=swap";:root{color:#271631;font-synthesis:none;background:#fbf9fd;font-family:DM Sans,sans-serif}.quack-bank-page{gap:20px;display:grid}.quack-page-head{background:linear-gradient(135deg,#fff 55%,#f2e7fb);border:1px solid #e7dced;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px;display:flex}.quack-page-head small,.admin-bank-shell header small{color:#71b541;letter-spacing:1.5px;font-weight:900}.quack-page-head h2,.admin-bank-shell h1{color:#321b3d;margin:7px 0;font-size:30px}.quack-page-head p,.admin-bank-shell header p{color:#85778b;margin:0}.primary-button,.soft-button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#8423d9;box-shadow:0 7px 17px #8423d933}.soft-button{color:#6b2ca0;background:#f0e4f8}.session-code{background:linear-gradient(135deg,#f5fbf0,#fff 70%);border:1px solid #bee09f;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px 25px;display:flex;position:relative;overflow:hidden}.session-code div{grid-template-columns:auto auto;align-items:center;gap:2px 14px;display:grid}.session-code small{color:#5c9c33;letter-spacing:1.3px;font-weight:900}.session-code strong{color:#41204d;letter-spacing:4px;grid-area:1/2/3;font-size:30px}.session-code span{color:#7a7180;font-size:12px}.session-code button{color:#6f2caf;background:#fff;border:0;border-radius:12px;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:flex}.session-controls{gap:8px;display:flex}.session-code .session-start{color:#fff;background:#8423d9}.session-code button:disabled{opacity:.45;cursor:not-allowed}.session-progress{background:#e2eadc;height:6px;position:absolute;bottom:0;left:0;right:0}.session-progress span{background:linear-gradient(90deg,#72be3c,#8b24e1);border-radius:8px;height:100%;transition:width .3s;display:block}.bank-toolbar{justify-content:space-between;align-items:center;gap:15px;display:flex}.bank-toolbar div{flex-wrap:wrap;gap:7px;display:flex}.bank-toolbar button{color:#776b7d;cursor:pointer;background:#fff;border:1px solid #e0d5e6;border-radius:12px;padding:8px 12px}.bank-toolbar button.active{color:#fff;background:#8423d9;border-color:#8423d9}.bank-toolbar span{color:#7e7084;font-size:12px}.question-bank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.question-bank-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e6dce9;border-radius:18px;min-height:170px;padding:18px;position:relative}.question-bank-card.selected{background:#fbf7fe;border:2px solid #8423d9}.question-check{color:#8423d9;background:#f0e7f6;border-radius:10px;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:14px;right:14px}.question-bank-card small{color:#6faf41;text-transform:uppercase;letter-spacing:.7px;font-weight:900}.question-bank-card h3{color:#3b2446;margin:12px 38px 5px 0}.question-bank-card p{color:#712eb0;margin:0 0 11px}.question-bank-card em{color:#8c7f91;font-size:11px;font-style:normal;line-height:1.5}.bank-refresh{justify-self:start}.admin-bank-shell{background:#f7f3f8;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-bank-shell>aside{color:#fff;background:#32143f;flex-direction:column;gap:40px;padding:26px 22px;display:flex}.admin-bank-shell>aside>div{background:#ffffff0e;border-radius:15px;align-items:center;gap:11px;padding:15px;display:flex}.admin-bank-shell>aside span{display:grid}.admin-bank-shell>aside small{color:#d9c9df}.admin-bank-shell>aside>button{color:#eadff0;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin-top:auto;display:flex}.admin-bank-shell>section{align-content:start;gap:22px;padding:34px;display:grid}.admin-bank-shell header{background:#fff;border:1px solid #e7ddeb;border-radius:22px;justify-content:space-between;align-items:flex-start;padding:25px;display:flex}.bank-summary{color:#6a267e;background:#f5effa;border-radius:18px;grid-template-columns:auto auto;align-items:center;gap:2px 9px;min-width:155px;padding:12px 16px;display:grid}.bank-summary b{font:900 18px Nunito,sans-serif}.bank-summary span{color:#84748a;font-size:10px}.admin-question-form{background:#fff;border:1px solid #e5dbe9;border-radius:22px;padding:24px}.admin-question-form h2{color:#3b2046;align-items:center;gap:9px;margin-top:0;display:flex}.form-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:15px;display:grid}.form-grid label{color:#635568;gap:6px;font-size:11px;font-weight:800;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;font:inherit;box-sizing:border-box;background:#fcfafd;border:1px solid #dfd5e3;border-radius:11px;padding:11px}.form-grid textarea{resize:vertical;min-height:70px}.admin-question-list{gap:10px;display:grid}.admin-question-list article{background:#fff;border:1px solid #e5dbe9;border-radius:17px;justify-content:space-between;gap:20px;padding:17px;display:flex}.admin-question-list h3{color:#3c2447;margin:6px 0 3px}.admin-question-list p{color:#792eb8;margin:0 0 8px}.admin-question-list small{color:#66a939;font-weight:900}.admin-question-list em{color:#8b7d90;font-size:11px;font-style:normal}.question-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.question-actions button{color:#8a7c8f;cursor:pointer;background:#f8f5f9;border:1px solid #e1d5e6;border-radius:10px;align-items:center;gap:5px;padding:8px;display:inline-flex}.question-actions button.on{color:#7422b7;background:#f1e4fa;border-color:#d6b9ec}.question-actions button.green{color:#57982f;background:#edf8e7;border-color:#c7e5b3}.question-actions button.delete{color:#c75b6a}.tile-preview{flex-wrap:wrap;gap:5px;margin:8px 0 10px;display:flex}.tile-preview span{color:#5d316c;background:#faf6fd;border:1px solid #dfcdea;border-radius:8px;justify-content:center;min-width:27px;padding:4px 7px;font-size:11px;font-style:normal;display:inline-flex}.bank-status{color:#70427d;background:#f7f0fb;border-left:3px solid #8423d9;border-radius:8px;padding:9px 12px;font-size:12px}@media (width<=1000px){.question-bank-grid{grid-template-columns:repeat(2,1fr)}.admin-bank-shell{grid-template-columns:1fr}.admin-bank-shell>aside{display:none}}@media (width<=650px){.quack-page-head,.session-code,.admin-bank-shell header,.admin-question-list article{flex-direction:column}.question-bank-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.admin-bank-shell>section{padding:18px}}.admin-layout{background:#f8f5fa;grid-template-columns:270px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#351443,#291133);flex-direction:column;gap:28px;height:100vh;padding:25px 20px;display:flex;position:sticky;top:0}.admin-identity{background:#ffffff0c;border:1px solid #ffffff18;border-radius:16px;align-items:center;gap:11px;padding:14px;transition:background .15s,border-color .15s;display:flex}.admin-identity:hover{background:#ffffff1a;border-color:#ffffff2e}.admin-identity>span{background:#8423d9;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.admin-identity div{display:grid}.admin-identity small{color:#cdbcd3;font-size:11px}.admin-sidebar nav{gap:4px;margin-top:2px;display:grid}.admin-nav-group{color:#a992b5;letter-spacing:1.1px;text-transform:uppercase;margin:14px 4px 3px;font-size:9px;font-weight:900}.admin-sidebar nav>.admin-nav-group:first-child{margin-top:0}.admin-sidebar nav a{color:#d9cadf;border-radius:13px;align-items:center;gap:11px;height:44px;padding:0 12px;font-weight:700;transition:background .15s,color .15s;display:flex}.admin-sidebar nav a:hover{color:#fff;background:#ffffff12}.admin-nav-icon{width:30px;height:30px;color:inherit;background:#ffffff0f;border-radius:9px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.admin-nav-icon svg{width:17px}.admin-sidebar nav a.active{color:#fff;background:#8423d9;box-shadow:0 8px 20px #15071f66}.admin-sidebar nav a.active .admin-nav-icon{background:#fff3}.admin-logout{color:#ddcfe2;background:0 0;border:0;border-radius:13px;align-items:center;gap:9px;margin-top:auto;padding:12px;transition:color .15s;display:flex}.admin-logout:hover{color:#f0a8b8}.admin-logout:hover .admin-nav-icon{color:#f0a8b8;background:#db4d7830}.admin-content{min-width:0;padding:34px}.admin-dashboard-page,.admin-users-page,.admin-question-page{gap:22px;display:grid}.admin-welcome,.admin-users-page>header,.admin-question-page>header{background:linear-gradient(135deg,#fff 60%,#f0e3fa);border:1px solid #e5dbe9;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px;display:flex}.admin-welcome small,.admin-users-page header small,.admin-question-page header small{color:#70b642;letter-spacing:1.5px;font-weight:900}.admin-welcome h1,.admin-users-page h1,.admin-question-page h1{color:#321b3d;margin:6px 0;font:900 31px Nunito,sans-serif}.admin-welcome p,.admin-users-page header p,.admin-question-page header p{color:#807385;margin:0}.admin-status{color:#5c9d33;background:#eef8e8;border-radius:20px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;display:flex}.admin-stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.admin-stat-grid>a{background:#fff;border:1px solid #e6dce9;border-radius:19px;align-items:center;gap:14px;padding:19px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.admin-stat-grid>a:hover{border-color:#d4c0e1;transform:translateY(-4px);box-shadow:0 16px 32px #351c4017}.admin-stat-grid>a>span{border-radius:15px;flex:none;place-items:center;width:49px;height:49px;display:grid}.admin-stat-grid .violet{color:#8423d9;background:#f0e2fb}.admin-stat-grid .green{color:#64a838;background:#edf7e7}.admin-stat-grid .orange{color:#df8c17;background:#fff1dc}.admin-stat-grid .blue{color:#3485cf;background:#e7f3fd}.admin-stat-grid b{color:#392144;font:900 25px Nunito,sans-serif}.admin-stat-grid p{color:#87798c;margin:1px 0;font-size:12px}.admin-action-panel{background:#fff;border:1px solid #e5dbe9;border-radius:22px;justify-content:space-between;align-items:center;padding:24px;display:flex}.admin-action-panel small{color:#70b442;letter-spacing:1.3px;font-weight:900}.admin-action-panel h2{color:#3b2345;margin:6px 0}.admin-action-panel p{color:#847789;margin:0}.admin-action-panel>a{color:#fff;background:#8423d9;border-radius:13px;padding:12px 16px;font-weight:800;transition:transform .18s,box-shadow .18s}.admin-action-panel>a:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8423d947}.admin-games-panel{background:#fff;border:1px solid #e5dbe9;border-radius:22px;padding:24px}.admin-games-panel>header small{color:#70b442;letter-spacing:1.3px;font-weight:900}.admin-games-panel>header h2{color:#3b2345;margin:6px 0 16px;font:900 20px Nunito,sans-serif}.admin-games-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-game-card{background:#fbf9fc;border:1px solid #ece2f0;border-radius:17px;align-items:center;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex}.admin-game-card:hover{background:#fff;border-color:#d4c0e1;transform:translateY(-3px);box-shadow:0 14px 26px #351c4014}.admin-game-card>span{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.admin-game-card b{color:#392144;font-size:13px;display:block}.admin-game-card p{color:#8a7c90;margin:2px 0 0;font-size:10px}@media (width<=900px){.admin-stat-grid,.admin-games-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.admin-stat-grid,.admin-games-grid{grid-template-columns:1fr}.admin-action-panel{flex-direction:column;align-items:flex-start;gap:14px}}.admin-error,.admin-notice{color:#a94054;background:#fff0f2;border:1px solid #f2c7cf;border-radius:14px;padding:12px 15px}.admin-user-toolbar{background:#fff;border:1px solid #e2d7e7;border-radius:16px;align-items:center;gap:10px;padding:5px 14px;display:flex}.admin-user-toolbar svg{color:#9b8da0}.admin-user-toolbar input{background:0 0;border:0;outline:0;flex:1;padding:12px}.admin-user-toolbar span{color:#8a7d90;font-size:11px}.admin-user-table{background:#fff;border:1px solid #e4dae8;border-radius:21px;overflow:hidden}.admin-user-row{color:#594d5d;border-bottom:1px solid #eee6f0;grid-template-columns:1.25fr 1.4fr 1fr .9fr .65fr;align-items:center;gap:14px;padding:15px 19px;font-size:13px;display:grid}.admin-user-row.headings{color:#998b9d;text-transform:uppercase;letter-spacing:.7px;background:#fcfafd;font-size:10px;font-weight:900}.user-cell{align-items:center;gap:10px;display:flex}.user-cell i{color:#8125ca;background:#eee1f8;border-radius:12px;place-items:center;width:39px;height:39px;font-style:normal;font-weight:900;display:grid}.user-cell b{color:#35203e}.status{border-radius:20px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.status svg{width:13px}.status.approved{color:#5b9d34;background:#edf8e7}.status.waiting{color:#b77a1e;background:#fff2dc}.approve-button{color:#fff;background:#8423d9;border:0;border-radius:10px;padding:8px 11px;font-weight:800}.approve-button:disabled{opacity:.4}.row-actions{gap:5px;display:flex}.row-actions button{color:#7627ae;background:#f2e7f9;border:0;border-radius:9px;padding:7px}.row-actions svg{width:15px;height:15px}.row-actions .danger{color:#c14f61;background:#fbecef}.empty-users{text-align:center;color:#8c7f91;padding:38px}.admin-modal-backdrop{z-index:30;background:#26132f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-edit-modal{background:#fff;border-radius:24px;gap:12px;width:min(430px,100%);padding:27px;display:grid;position:relative;box-shadow:0 24px 70px #17091f66}.admin-edit-modal small{color:#70b442;letter-spacing:1.4px;font-weight:900}.admin-edit-modal h2{color:#3d2447;margin:0}.admin-edit-modal label{color:#6e6073;gap:5px;font-size:11px;font-weight:800;display:grid}.admin-edit-modal input{border:1px solid #dfd4e3;border-radius:11px;padding:11px}.admin-edit-modal .check-field{align-items:center;display:flex}.admin-edit-modal .check-field input{width:auto}.modal-close{color:#70447c;background:#f3ebf7;border:0;border-radius:9px;padding:6px;position:absolute;top:17px;right:17px}.modal-close svg{width:16px;height:16px}.admin-question-page>header .bank-summary{flex:none}.admin-question-page .admin-question-form,.admin-question-page .admin-question-list{margin:0}@media (width<=1050px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-user-row{grid-template-columns:1fr 1.2fr 1fr .8fr}.admin-user-row>span:nth-child(3){display:none}}@media (width<=760px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-content{padding:18px}.admin-stat-grid{grid-template-columns:1fr}.admin-welcome,.admin-users-page>header,.admin-question-page>header,.admin-action-panel{flex-direction:column}.admin-user-row{grid-template-columns:1fr 1fr}.admin-user-row.headings{display:none}.admin-user-row>span:nth-child(2){word-break:break-all}.admin-user-row>span:nth-child(4){justify-self:start}}.admin-response-page{gap:20px;display:grid}.response-admin-header{background:linear-gradient(135deg,#fff 58%,#f0e3fa);border:1px solid #e5dbe9;border-radius:24px;justify-content:space-between;gap:24px;padding:27px;display:flex}.response-admin-header small,.response-editor small,.mission-list-head small{color:#67a93c;letter-spacing:1.4px;font-weight:900}.response-admin-header h1{color:#321b3d;margin:6px 0;font:900 31px Nunito,sans-serif}.response-admin-header p{color:#817486;margin:0}.response-summary{align-self:center;gap:8px;display:flex}.response-summary span{text-align:center;color:#8a7c8f;text-transform:uppercase;background:#fff;border:1px solid #e6dce9;border-radius:15px;min-width:82px;padding:12px;font-size:10px;font-weight:800;display:grid}.response-summary b{color:#8423d9;font-size:22px}.response-tabs{background:#fff;border:1px solid #e4dae8;border-radius:18px;gap:9px;padding:7px;display:flex}.response-tabs button{color:#7e7183;cursor:pointer;background:0 0;border:0;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:800;display:flex}.response-tabs svg{width:18px}.response-tabs button.active{color:#fff;background:#8423d9;box-shadow:0 8px 18px #8423d933}.response-editor{background:#fff;border:1px solid #e4dae8;border-radius:23px;padding:25px}.response-editor-title,.mission-list-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.response-editor h2,.mission-list-head h2{color:#3c2447;margin:4px 0 0}.response-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.response-form-grid label,.response-explanation{color:#6f6274;gap:6px;font-size:11px;font-weight:800;display:grid}.response-form-grid .wide{grid-column:1/-1}.response-form-grid input,.response-form-grid select,.response-form-grid textarea,.response-explanation textarea,.choice-edit-row input{font:inherit;background:#fcfafd;border:1px solid #ddd1e2;border-radius:12px;outline:none;padding:12px}.response-form-grid textarea,.response-explanation textarea{resize:vertical;min-height:78px}.response-form-grid input:focus,.response-form-grid select:focus,.response-form-grid textarea:focus,.response-explanation textarea:focus,.choice-edit-row input:focus{border-color:#8423d9;box-shadow:0 0 0 3px #8423d915}.choice-editor{background:#f9f5fb;border-radius:18px;gap:9px;margin:20px 0;padding:18px;display:grid}.choice-editor h3{color:#43274e;margin:3px 0}.choice-edit-row{grid-template-columns:34px 1fr 1fr 88px;align-items:center;gap:9px;display:grid}.choice-edit-row>b{color:#fff;background:#8423d9;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.correct-choice{color:#6c5e71;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.correct-choice input{width:auto}.response-explanation{margin-bottom:15px}.response-editor .primary-button svg,.soft-button svg{width:16px}.response-mission-list{background:#fff;border:1px solid #e4dae8;border-radius:23px;padding:24px}.response-mission-list article{border-top:1px solid #eee6f0;grid-template-columns:66px 1fr auto;gap:16px;padding:18px 0;display:grid}.response-mission-list article.inactive{opacity:.55}.mission-index{color:#8423d9;background:#f0e3fa;border-radius:16px;place-items:center;height:61px;padding:7px;display:grid}.mission-index small{letter-spacing:.7px;font-size:7px;font-weight:900}.mission-index b{font-size:21px}.mission-meta{align-items:center;gap:7px;display:flex}.mission-meta span{color:#75577f;background:#f4eef7;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:900}.mission-meta .live{color:#5e9f36;background:#edf7e7;align-items:center;gap:3px;display:flex}.mission-meta svg{width:11px}.mission-main h3{color:#3c2447;margin:8px 0;font-size:15px}.mission-main p{color:#87798b;margin:8px 0 0;font-size:11px}.answer-preview{align-items:baseline;gap:9px;display:flex}.answer-preview b{color:#8423d9;font-size:18px}.answer-preview span{color:#8c7e91;font-size:11px}.mission-actions{align-items:center;gap:6px;display:flex}.mission-actions button{color:#782ab3;background:#f2e7f9;border:0;border-radius:9px;align-items:center;gap:4px;padding:8px;font-size:10px;font-weight:800;display:flex}.mission-actions svg{width:14px}.mission-actions .delete{color:#c34d62;background:#fbecef}.response-empty{text-align:center;color:#8a7d8e;padding:40px}.response-empty svg{color:#8423d9}.response-empty h3{color:#43264f}.bank-status{color:#9e6818;background:#fff4df;border-radius:12px;padding:11px 13px;font-size:12px}@media (width<=900px){.response-admin-header,.response-editor-title,.mission-list-head{flex-direction:column}.response-summary{align-self:flex-start}.response-mission-list article{grid-template-columns:55px 1fr}.mission-actions{grid-column:2}.choice-edit-row{grid-template-columns:32px 1fr 1fr}.correct-choice{grid-column:2/-1}.response-tabs{overflow:auto}}@media (width<=620px){.response-form-grid{grid-template-columns:1fr}.response-form-grid .wide{grid-column:auto}.choice-edit-row{grid-template-columns:32px 1fr}.choice-edit-row input:nth-of-type(2){grid-column:2}.response-summary{flex-wrap:wrap}.response-tabs{flex-direction:column}}.recognition-records{background:#fff;border:1px solid #e4dae8;border-radius:22px;margin-top:20px;padding:23px}.recognition-records>div:first-child small{color:#67a93c;letter-spacing:1.2px;font-weight:900}.recognition-records h2{color:#3c2447;margin:5px 0}.recognition-records>div:first-child p{color:#87798b;margin:0 0 18px}.recognition-record-table{border:1px solid #eee5f0;border-radius:16px;overflow:hidden}.recognition-record-row{color:#6f6274;border-top:1px solid #eee6f0;grid-template-columns:1.4fr .6fr .8fr .7fr .8fr;align-items:center;gap:10px;padding:13px 15px;font-size:12px;display:grid}.recognition-record-row:first-child{border-top:0}.recognition-record-row.heading{color:#988a9d;text-transform:uppercase;letter-spacing:.6px;background:#faf7fb;font-size:9px;font-weight:900}.recognition-record-row b{color:#8423d9;font-size:17px}.recognition-record-row strong{color:#5c9d33}.recognition-record-row i{color:#5b9d34;background:#edf7e7;border-radius:20px;justify-self:start;padding:6px 9px;font-size:9px;font-style:normal;font-weight:900}.empty-recognition-record{text-align:center;color:#8b7d90;padding:22px}@media (width<=700px){.recognition-record-row{grid-template-columns:1fr 1fr}.recognition-record-row.heading{display:none}}.analytics-inline-notice{color:#94651e;background:#fff8e8;border:1px solid #f0dcae;border-radius:14px;align-items:center;gap:9px;margin-top:16px;padding:12px 15px;font-size:12px;display:flex}.analytics-inline-notice svg{width:17px}.recognition-fetch-error{text-align:center;color:#aa4458;background:#fff2f4;margin:0;padding:20px}.recognition-fetch-error:before{content:"Connection notice: ";font-weight:900}.response-image-preview{background:#fbf8fc;border:1px solid #e7dced;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.response-image-preview img{object-fit:contain;background:#eee6f1;border-radius:14px;width:100%;height:190px}.response-image-preview .soft-button{white-space:nowrap}.mission-scene-thumb{object-fit:cover;border:1px solid #e8ddec;border-radius:13px;width:180px;height:96px;margin:10px 0 4px}@media (width<=700px){.response-image-preview{grid-template-columns:1fr}.response-image-preview img,.mission-scene-thumb{width:100%;height:170px}}html{scroll-behavior:smooth}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(145deg,#6e1fd1,#9125e8);border-radius:15px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 8px 20px #7924d52b}.brand-mark img{object-fit:contain;width:48px;height:52px}.brand b{letter-spacing:.4px;font:900 21px/1 Nunito;display:block}.brand small{color:#7d6e84;margin-top:4px;font-size:10px;display:block}.brand-light b{color:#fff}.brand-light small{color:#cdbce0}.landing{overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;max-width:1240px;height:88px;margin:auto;padding:0 24px;display:flex}.nav-links{color:#66566e;align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.nav-cta,.primary{color:#fff;background:linear-gradient(135deg,#7627d8,#9331e7);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #7826d52b}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;max-width:1280px;min-height:650px;margin:auto;padding:65px 46px 55px;display:grid}.eyebrow,.section-kicker{color:#7627d8;letter-spacing:1.3px;align-items:center;gap:7px;font-size:11px;font-weight:900;display:inline-flex}.hero-copy h1{color:#22112e;letter-spacing:-2.5px;margin:18px 0;font:900 clamp(45px,5.2vw,76px)/.99 Nunito}.hero-copy h1 em{color:#8029dd;font-style:normal}.hero-copy>p{color:#706276;max-width:610px;font-size:17px;line-height:1.75}.hero-actions{gap:12px;margin-top:30px;display:flex}.secondary,.soft{color:#4a3754;background:#fff;border:1px solid #e3d9e8;border-radius:13px;padding:13px 18px;font-weight:700}.trust-row{color:#77687d;gap:23px;margin-top:34px;font-size:11px;font-weight:700;display:flex}.trust-row span{align-items:center;gap:6px;display:flex}.trust-row svg{color:#64a53d;width:16px}.hero-art{background:radial-gradient(circle at 50% 45%,#f4e9fe 0 43%,#0000 44%);justify-content:center;align-items:flex-end;height:530px;display:flex;position:relative}.animated-mascot{z-index:3;filter:drop-shadow(0 18px 16px #60417830);width:360px;height:430px;position:relative}.animated-mascot img{object-fit:contain;width:100%;height:430px;position:absolute;inset:0}.mascot-idle{animation:4.8s step-end infinite mascotIdleFrame}.mascot-wave{animation:4.8s step-end infinite mascotWaveFrame}.animated-mascot:after{content:"";background:#55356e20;border-radius:50%;width:190px;height:20px;animation:2.4s ease-in-out infinite mascotShadow;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}@keyframes mascotIdleFrame{0%,44%,to{opacity:1}45%,72%{opacity:0}}@keyframes mascotWaveFrame{0%,44%,73%,to{opacity:0}45%,72%{opacity:1}}@keyframes mascotShadow{50%{opacity:.55;transform:translate(-50%)scaleX(.92)}}.sun{background:#ead8f8;border-radius:50%;width:330px;height:330px;position:absolute;bottom:40px}.fuji,.login-fuji{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.66;background:#d8c3ed;width:230px;height:160px;position:absolute;bottom:34px;right:25px}.torii{z-index:1;border-top:18px solid #b894d9;border-bottom:0;width:150px;height:170px;position:absolute;bottom:48px;left:48px}.torii:before{content:"";border-top:10px solid #b894d9;width:170px;position:absolute;top:15px;left:-10px}.torii i{background:#b894d9;width:13px;height:148px;position:absolute;top:22px}.torii i:first-child{left:22px}.torii i:last-child{right:22px}.speech{color:#6e25c3;z-index:4;background:#fff;border-radius:16px 16px 4px;padding:15px 18px;font-weight:800;position:absolute;top:46px;right:25px;box-shadow:0 12px 30px #4d235f1c}.speech small{color:#92849a;margin-top:3px;font-weight:500;display:block}.float-card{z-index:5;background:#fff;border:1px solid #eee6f2;border-radius:16px;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 16px 35px #46245318}.float-card svg{color:#8429dd}.float-card b,.float-card small{display:block}.float-card small{color:#918598;margin-top:2px;font-size:10px}.fc-one{top:110px;left:0}.fc-two{bottom:40px;right:-10px}.feature-section,.about-japlearn{background:#f7f2fa;padding:95px 24px}.feature-section header,.about-intro{text-align:center;max-width:680px;margin:auto}.feature-section h2,.about-japlearn h2,.teacher-banner h2{margin:12px 0;font:900 40px Nunito}.feature-section header p,.about-intro p{color:#796b80;line-height:1.75}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:45px auto 0;display:grid}.feature-grid article{background:#fff;border:1px solid #e9e1ed;border-radius:22px;padding:28px}.feature-grid article>span{color:#7b28d7;background:#f0e5fb;border-radius:16px;place-items:center;width:50px;height:50px;display:grid}.feature-grid h3{margin:18px 0 8px;font:800 19px Nunito}.feature-grid p{color:#7e7184;font-size:13px;line-height:1.65}.app-showcase{background:radial-gradient(circle at 8% 18%,#dff4ce 0 5%,#0000 5.3%),radial-gradient(circle at 92% 82%,#e8d5fa 0 13%,#0000 13.3%),#fff;padding:105px max(24px,50vw - 590px);overflow:hidden}.showcase-heading{text-align:center;max-width:720px;margin:0 auto 55px}.showcase-heading h2{letter-spacing:-1px;margin:12px 0;font:900 42px/1.12 Nunito}.showcase-heading p{color:#796b80;line-height:1.7}.showcase-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:95px;display:grid}.phone-stage{place-items:center;min-height:690px;display:grid;position:relative}.phone-glow{background:radial-gradient(circle,#e6d0fa,#f4ecfb 58%,#0000 59%);border-radius:50%;width:480px;height:480px;animation:6s ease-in-out infinite showcaseGlow;position:absolute}.phone-frame{z-index:2;opacity:1;background:#21132a;border:6px solid #2f1a3a;border-radius:42px;width:368px;height:650px;padding:9px;position:relative;overflow:hidden;box-shadow:0 35px 65px #3e215132}.phone-frame:after{content:"";pointer-events:none;border:1px solid #ffffff50;border-radius:29px;position:absolute;inset:9px}.phone-frame img{object-fit:cover;object-position:top;border-radius:28px;width:100%;height:100%;display:block}.phone-speaker{z-index:3;background:#2f1a3a;border-radius:0 0 12px 12px;width:76px;height:19px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.floating-kana{z-index:3;color:#7c29d6;font:900 30px Nunito;animation:3.6s ease-in-out infinite floatingKana;position:absolute}.showcase-kana-one{top:120px;left:0}.showcase-kana-two{color:#65ad38;animation-delay:-1.6s;bottom:125px;right:-5px}.screen-tabs{background:#faf7fc;border:1px solid #e8dfec;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px;display:grid}.screen-tabs button{color:#817386;background:0 0;border:0;border-radius:13px;place-items:center;gap:5px;min-height:72px;font-size:11px;font-weight:800;transition:all .25s;display:grid}.screen-tabs button svg{width:20px}.screen-tabs button:hover{color:#7426ce;background:#f0e6f9;transform:translateY(-2px)}.screen-tabs button.active{color:#fff;background:linear-gradient(135deg,#7125cd,#902fe1);box-shadow:0 10px 22px #7828d533}.screen-story{opacity:1;padding:45px 8px 0}.screen-story>span{color:#6dac3d;letter-spacing:1.2px;font-size:10px;font-weight:900}.screen-story h3{letter-spacing:-.7px;max-width:590px;margin:12px 0 16px;font:900 39px/1.14 Nunito}.screen-story>p{color:#77687d;max-width:600px;font-size:15px;line-height:1.8}.story-marker{color:#604e68;background:#faf7fc;border:1px solid #eadff0;border-radius:15px;align-items:center;gap:10px;max-width:520px;margin-top:28px;padding:15px 17px;font-size:12px;font-weight:700;display:flex}.story-marker svg{color:#7c29d6;width:18px}@keyframes screenReveal{0%{opacity:0;transform:translateY(18px)rotate(1.5deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes storyReveal{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes showcaseGlow{50%{transform:scale(1.06)}}@keyframes floatingKana{50%{transform:translateY(-12px)rotate(5deg)}}.audience-section{grid-template-columns:1fr 1fr;align-items:center;gap:90px;max-width:1180px;margin:0 auto;padding:105px 24px;display:grid}.audience-copy h2{letter-spacing:-1px;margin:12px 0 16px;font:900 42px/1.12 Nunito}.audience-copy>p{color:#766779;font-size:15px;line-height:1.75}.audience-copy ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.audience-copy li{color:#4f3c56;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.audience-copy li svg{color:#73bb41;width:19px}.purple-kicker{color:#7627d8}.audience-visual,.teacher-preview{border:1px solid #e8ddef;border-radius:32px;min-height:410px;position:relative;overflow:hidden;box-shadow:0 25px 60px #4a285314}.student-visual{background:radial-gradient(circle at 10% 15%,#dff3cd 0 8%,#0000 8.5%),radial-gradient(circle at 85% 90%,#ead8fa 0 18%,#0000 18.5%),linear-gradient(145deg,#fbf8fd,#f3ebfa);place-items:center;display:grid}.kana{color:#8d36dd18;font:900 150px Nunito;position:absolute}.kana-one{top:-35px;left:-12px}.kana-two{bottom:-48px;right:-10px}.progress-preview{z-index:1;background:#ffffffec;border:1px solid #ebe2f0;border-radius:24px;width:min(390px,100% - 48px);padding:28px;position:relative;box-shadow:0 18px 45px #5f376817}.progress-preview>small,.preview-top small{color:#7a29d4;letter-spacing:1px;font-size:10px;font-weight:900}.progress-preview h3{margin:8px 0 25px;font:900 25px Nunito}.progress-preview>div:not(.preview-badges){grid-template-columns:1fr auto;gap:8px;font-size:11px;display:grid}.progress-preview>div>i{background:linear-gradient(90deg,#8429dc 0 75%,#ece5ef 75%);border-radius:8px;grid-column:1/-1;height:8px}.preview-badges{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.preview-badges span{color:#6f6175;background:#f7f2fa;border-radius:13px;place-items:center;gap:5px;padding:12px 4px;font-size:10px;font-weight:800;display:grid}.preview-badges svg{color:#7c29d6;width:19px}.teacher-promo{color:#fff;background:#2f173c;max-width:none;padding-left:max(24px,50vw - 566px);padding-right:max(24px,50vw - 566px)}.teacher-promo .audience-copy>p{color:#d3c3da}.teacher-promo .audience-copy li{color:#f5edf8}.teacher-action{margin-top:28px}.teacher-preview{color:#fff;background:radial-gradient(circle at 100% 0,#9f4be355 0 28%,#0000 29%),linear-gradient(145deg,#5d2293,#7d28cb);border-color:#ffffff20;min-height:360px;padding:30px}.preview-top{align-items:center;gap:13px;display:flex}.preview-top>svg{background:#ffffff1f;border-radius:15px;width:50px;height:50px;padding:12px}.preview-top b,.preview-top small{display:block}.preview-top small{color:#c8f19f}.preview-top b{margin-top:4px;font:800 20px Nunito}.preview-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:70px;display:grid}.preview-stats article{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;min-height:150px;padding:18px}.preview-stats svg{color:#c9f397}.preview-stats b,.preview-stats small{display:block}.preview-stats b{margin-top:25px}.preview-stats small{color:#d8c9e2;margin-top:5px;font-size:10px}.teacher-banner{color:#fff;background:linear-gradient(125deg,#6420bd,#8f2de3);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;max-width:1180px;margin:80px auto;padding:48px 55px;display:flex}.teacher-banner p{color:#e4d5ef;max-width:680px}.section-kicker{color:#aade76}.primary.light{color:#7024c9;box-shadow:none;white-space:nowrap;background:#fff}.landing footer{color:#8a7d90;border-top:1px solid #ece4ef;align-items:center;gap:30px;max-width:1180px;margin:30px auto 45px;padding-top:25px;font-size:12px;display:flex}.landing footer p{flex:1}.landing .landing-footer{grid-template-columns:minmax(240px,1fr) minmax(420px,1.5fr);align-items:start;gap:45px;padding:38px 0 0;display:grid}.landing-footer-brand p{max-width:310px;margin:18px 0 8px;line-height:1.6}.landing-footer-brand>a{color:#7124c2;font-weight:800}.landing-footer-links{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.landing-footer-links div{align-content:start;gap:10px;display:grid}.landing-footer-links b{color:#35203f;letter-spacing:.7px;text-transform:uppercase;margin-bottom:4px;font-size:11px}.landing-footer-links a{color:#817486;font-size:12px}.landing-footer-links a:hover{color:#7725ca}.landing-footer-bottom{border-top:1px solid #eee7f1;grid-column:1/-1;justify-content:space-between;gap:20px;padding:20px 0 0;display:flex}.public-info-page{color:#34203f;background:#faf7fc;min-height:100vh;padding:0 24px}.public-info-nav{justify-content:space-between;align-items:center;max-width:1120px;height:88px;margin:auto;display:flex}.public-info-nav>a{color:#6f6076;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.public-info-nav>a svg{width:16px}.public-info-hero{color:#fff;background:linear-gradient(130deg,#351046,#7624bf 65%,#912ee0);border-radius:30px;max-width:1120px;margin:10px auto 35px;padding:52px clamp(28px,5vw,68px)}.public-info-hero>span{color:#c6f18f;letter-spacing:1.5px;font-size:10px;font-weight:900}.public-info-hero h1{margin:12px 0 10px;font-size:clamp(38px,5vw,58px)}.public-info-hero p{color:#eadff0;max-width:700px;margin:0 0 18px;line-height:1.7}.public-info-hero small{color:#d7c7e1}.public-info-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;max-width:1120px;margin:auto;display:grid}.public-info-content,.public-info-contact{background:#fff;border:1px solid #ebe2ef;border-radius:24px;box-shadow:0 18px 55px #381d440f}.public-info-content{padding:clamp(28px,5vw,56px)}.public-info-content section+section{border-top:1px solid #eee7f1;margin-top:36px;padding-top:32px}.public-info-content h2{margin:0 0 12px;font-size:21px}.public-info-content p,.public-info-content li{color:#716477;line-height:1.75}.public-info-content ul{margin:0;padding-left:21px}.public-info-content li+li{margin-top:7px}.public-info-contact{padding:27px;position:sticky;top:24px}.public-info-contact>svg{color:#7926ce;background:#f0e4fa;border-radius:14px;width:44px;height:44px;padding:11px}.public-info-contact>span{color:#68a638;letter-spacing:1.2px;margin-top:22px;font-size:9px;font-weight:900;display:block}.public-info-contact h2{margin:7px 0;font-size:23px}.public-info-contact p{color:#817486;line-height:1.6}.public-info-contact a{color:#7124c2;word-break:break-all;background:#f7f1fb;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding:12px;font-size:11px;font-weight:900;display:flex}.public-info-contact a svg{flex:none;width:14px}.public-info-footer{color:#908398;border-top:1px solid #e9e0ed;max-width:1120px;margin:45px auto 0;padding:25px 0 40px;font-size:11px}@media (width<=760px){.landing .landing-footer{grid-template-columns:1fr;padding-inline:0}.landing-footer-links{grid-template-columns:repeat(2,1fr)}.landing-footer-bottom{flex-direction:column}.public-info-layout{grid-template-columns:1fr}.public-info-contact{position:static}}@media (width<=480px){.landing-footer-links{grid-template-columns:1fr}.public-info-page{padding-inline:16px}.public-info-nav{height:74px}.public-info-nav .brand small{display:none}.public-info-hero{border-radius:22px;padding:36px 24px}}.login-page{background:#faf7fc;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#4f177d,#7622bd 52%,#862bd5);padding:34px 46px;position:relative;overflow:hidden}.back-home{color:#decceb;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;top:34px;right:38px}.login-scene{justify-content:center;align-items:flex-end;height:calc(100vh - 125px);display:flex;position:relative}.login-scene img{z-index:3;filter:drop-shadow(0 18px 20px #260c3f60);height:70%}.moon{opacity:.35;background:#9d62d0;border-radius:50%;width:450px;height:450px;position:absolute;bottom:15%;right:-30px}.login-fuji{opacity:.25;right:-50px}.login-message{z-index:4;max-width:370px;position:absolute;top:27%;left:2%}.login-message span{letter-spacing:1px;color:#bce88c;font-size:12px;font-weight:900}.login-message b{margin:12px 0;font:900 38px/1.1 Nunito;display:block}.login-message p{color:#ddcfeb;font-size:14px;line-height:1.6}.secure-note{align-items:center;gap:10px;display:flex;position:absolute;bottom:30px;left:46px}.secure-note svg{color:#9fe366}.secure-note b,.secure-note small{display:block}.secure-note small{color:#cbb9da;font-size:10px}.login-panel{background:radial-gradient(circle at 92% 8%,#f0e2fb 0 9%,#0000 9.3%),radial-gradient(circle at 8% 92%,#edf7e7 0 8%,#0000 8.3%),#fff;place-items:center;padding:40px;display:grid}.login-panel form{background:#fffffff0;border:1px solid #e9e0ed;border-radius:28px;width:min(420px,100%);padding:34px;box-shadow:0 24px 60px #3b214b17}.portal-pill{color:#7525cb;letter-spacing:1px;background:#f2e9fa;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:900;display:inline-flex}.portal-pill svg{width:15px}.login-panel h1{margin:18px 0 5px;font:900 36px Nunito}.login-panel form>p{color:#897c8f;margin:0 0 28px}.login-panel label{color:#514158;margin:16px 0;font-size:12px;font-weight:800;display:block}.field{background:#fdfbfd;border:1px solid #ded5e3;border-radius:13px;align-items:center;height:53px;margin-top:7px;padding:0 14px;transition:all .2s;display:flex}.field svg{color:#9b8da1;width:18px}.field input{border:0;outline:0;flex:1;height:100%;padding:0 11px;font-size:14px}.field button{color:#8d8093;background:0 0;border:0}.field button svg{width:18px}.submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7425d2,#9130e4);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;height:53px;margin-top:12px;font-weight:800;display:flex;box-shadow:0 12px 25px #7725d32a}.submit svg{width:18px}.submit span{float:right;margin-right:10px}.submit:disabled{opacity:.65}.role-switch{text-align:center;color:#897d8e;margin-top:20px;font-size:12px}.role-switch a{color:#7625cf;font-weight:800}.form-error{color:#b83d55;background:#fff0f2;border-radius:11px;margin:16px 0;padding:11px 13px;font-size:12px}.signup-scene img{height:62%;transform:translate(17%)}.signup-panel .login-panel h1{font-size:32px}.signup-panel label{margin:12px 0}.signup-name-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.signup-success{text-align:center;background:#fff;border:1px solid #e3d9e8;border-radius:28px;width:min(470px,100%);padding:42px;box-shadow:0 24px 60px #3b214b17}.signup-success>span{color:#fff;background:linear-gradient(145deg,#65a936,#80c747);border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 18px;display:grid;box-shadow:0 12px 26px #65a93638}.signup-success>span svg{width:34px;height:34px}.signup-success small{color:#65a936;letter-spacing:1.3px;font-weight:900}.signup-success h1{margin:8px 0}.signup-success p{color:#817486;line-height:1.65}.signup-success p b{color:#4a3354;word-break:break-word}@media (width<=680px){.login-panel form,.signup-panel form,.signup-success{border-radius:22px;padding:25px 20px}.teacher-signup-page .signup-name-grid{grid-template-columns:1fr;gap:14px}.teacher-signup-page .signup-name-grid+.field-float{margin-top:14px}}.login-page{background:#f8f5fb;grid-template-columns:minmax(430px,46%) 1fr}.login-visual{isolation:isolate;background:radial-gradient(circle at 82% 18%,#ffffff2e 0 2px,#0000 3px),radial-gradient(circle at 18% 72%,#beef8733 0 3px,#0000 4px),linear-gradient(150deg,#321044 0%,#562080 47%,#7d2bd0 100%);min-height:100vh;padding:34px clamp(30px,4vw,64px)}.login-visual-admin{background:radial-gradient(circle at 82% 18%,#ffffff2e 0 2px,#0000 3px),radial-gradient(circle at 18% 72%,#94beff33 0 3px,#0000 4px),linear-gradient(150deg,#140b28 0%,#2b1550 47%,#4a2494 100%)!important}.login-visual-teacher{overflow:hidden}.login-visual-teacher:before,.login-visual-teacher:after{display:none}.login-blob{z-index:-1;filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.login-blob-1{opacity:.55;background:#b073f5;width:360px;height:360px;top:-80px;right:-80px}.login-blob-2{opacity:.3;background:#55d68a;width:300px;height:300px;bottom:-60px;left:-60px}.login-blob-3{opacity:.22;background:#ff8fc7;width:220px;height:220px;bottom:22%;right:8%}.login-visual:before,.login-visual:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.login-visual:before{aspect-ratio:1;border:1px solid #ffffff21;width:min(40vw,540px);top:8%;right:-22%;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff06}.login-visual:after{filter:blur(2px);background:#b9ef781a;width:260px;height:260px;bottom:-105px;left:-100px}.back-home{color:#f2eafa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff29;border-radius:12px;padding:9px 12px;top:35px;right:clamp(24px,3vw,48px)}.back-home svg{width:16px}.login-scene{justify-content:flex-end;align-items:flex-end;height:calc(100vh - 116px)}.login-scene img{object-fit:contain;object-position:bottom right;opacity:.96;filter:drop-shadow(0 28px 28px #19032857);max-width:56%;height:min(53vh,520px);position:absolute;bottom:3%;right:-3%}.admin-login-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 35% 30%,#ffffff29,#ffffff0a 60%);border:1px solid #ffffff29;border-radius:50%;place-items:center;width:min(30vh,260px);height:min(30vh,260px);display:grid;position:absolute;bottom:12%;right:6%;box-shadow:0 30px 60px #0a041e66,inset 0 0 40px #94beff1a}.admin-login-badge svg{color:#cddcff;filter:drop-shadow(0 8px 16px #0a041e66);width:42%;height:42%}.login-message{max-width:min(440px,80%);top:18%;left:0}.login-message>span{color:#cdf49c;background:#1e073138;border:1px solid #c2ef8e4d;border-radius:999px;padding:7px 11px;display:inline-flex}.login-message-tag-admin{color:#b9d0ff!important;border-color:#94beff4d!important}.login-message b{letter-spacing:-.025em;max-width:410px;margin:18px 0 14px;font-size:clamp(36px,4vw,58px);line-height:1.03}.login-message b.login-message-minimal{max-width:380px;margin:0;font-size:clamp(42px,4.6vw,66px)}.login-scene-minimal img{height:min(58vh,560px)}.auth-form-heading-minimal{margin-bottom:38px}.login-message p{color:#e6ddef;max-width:390px;font-size:15px;line-height:1.7}.login-benefits{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.login-benefits span{color:#f7f2fb;letter-spacing:0;background:#ffffff1a;border-radius:11px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.login-benefits svg{color:#bff082;width:15px;height:15px}.secure-note{background:#1d052d2e;border-left:2px solid #a9e969;padding:10px 13px;bottom:32px;left:clamp(30px,4vw,64px)}.login-panel{background:radial-gradient(circle at 100% 0,#8027d514,#0000 30%),linear-gradient(145deg,#fff 0%,#fbf8fd 100%);padding:clamp(34px,6vw,84px)}.login-panel form{width:min(445px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.auth-form-heading{margin-bottom:30px}.portal-pill{color:#7020bf;background:#f1e7fa;border-radius:999px;padding:7px 10px}.login-panel h1{color:#2d1737;letter-spacing:-.03em;margin:17px 0 7px;font-size:clamp(34px,4vw,46px)}.login-panel form>p,.auth-form-heading>p{color:#817486;margin:0;line-height:1.55}.login-panel label{color:#493751;margin:18px 0;font-size:12px}.field{background:#fff;border-color:#ded4e3;border-radius:15px;height:57px;margin-top:8px;box-shadow:0 5px 18px #341c4009}.field:hover{border-color:#cbbbd3}.field:focus-within{border-color:#7b26ce;box-shadow:0 0 0 4px #7b26ce1a}.field input{color:#312038;background:0 0}.field-float{margin-top:16px;position:relative}.field-icon{color:#7b26ce;pointer-events:none;background:#f1e7fa;border-radius:9px;place-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field-icon svg{width:14px}.field-float:focus-within .field-icon{color:#fff;background:#7b26ce}.field-float input{color:#2d1a34;background:#fff;border:1.5px solid #e4dbe8;border-radius:16px;width:100%;height:58px;padding:21px 44px 7px 50px;font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:0 4px 14px #341c4008}.field-float input::placeholder{color:#0000}.field-float input:hover{border-color:#cbbbd3}.field-float input:focus{border-color:#7b26ce;outline:none;box-shadow:0 0 0 4px #7b26ce1a}.field-float label{color:#9a8ca0;pointer-events:none;margin:0;font-size:13px;transition:all .15s;position:absolute;top:50%;left:50px;transform:translateY(-50%)}.field-float input:focus~label,.field-float input:not(:placeholder-shown)~label{letter-spacing:.6px;text-transform:uppercase;color:#7b26ce;font-size:9px;font-weight:900;top:14px;transform:none}.field-toggle{color:#9a8ca0;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field-toggle:hover{color:#7b26ce;background:#f4eff6}.field-toggle svg{width:16px}.signup-name-grid .field-float{margin-top:0}.signup-panel .portal-pill{border:1px solid #e6d5f5}.submit{background:linear-gradient(135deg,#6620bd,#8d2ee4);border-radius:15px;height:57px;margin-top:18px;transition:transform .18s,box-shadow .18s;box-shadow:0 14px 28px #7020bf3b}.submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 18px 34px #7020bf4d}.role-switch{border-top:1px solid #ece4ef;margin-top:25px;padding-top:22px}.teacher-signup-page{grid-template-columns:minmax(410px,42%) 1fr}.signup-panel{padding-block:36px}.signup-panel form{width:min(570px,100%);padding:0}.signup-scene img{max-width:53%;height:min(49vh,470px);transform:none}.signup-scene .login-message{max-width:min(460px,84%);top:17%}.signup-scene .login-message b{font-size:clamp(35px,3.7vw,54px)}.signup-scene .login-message b.login-message-minimal{max-width:400px;margin:0;font-size:clamp(38px,4vw,58px)}.signup-progress{color:#a193a7;align-items:center;gap:9px;margin-bottom:28px;font-size:10px;font-weight:800;display:flex}.signup-progress span{white-space:nowrap;align-items:center;gap:6px;display:flex}.signup-progress b{color:#77667f;background:#eee8f1;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.signup-progress .active{color:#6920bb}.signup-progress .active b{color:#fff;background:#7523ca}.signup-progress i{background:#e3dae7;flex:1;height:1px}.signup-success{border:0;box-shadow:0 25px 70px #2d17371a}@media (width<=980px){.login-page,.teacher-signup-page{grid-template-columns:1fr}.login-visual{min-height:370px;padding:25px 28px}.login-scene{height:310px}.login-scene img{max-width:42%;height:260px;right:1%}.login-message,.signup-scene .login-message{max-width:62%;top:22%}.login-message b,.signup-scene .login-message b{font-size:clamp(29px,5vw,42px)}.secure-note{display:none}.login-panel{padding:52px 24px}}@media (width<=600px){.login-visual{min-height:310px}.login-visual .brand small{display:none}.back-home{top:25px;right:20px}.login-scene{height:255px}.login-scene img{opacity:.35;max-width:58%;height:225px}.login-message,.signup-scene .login-message{max-width:92%;top:26%}.login-message b,.signup-scene .login-message b{max-width:320px;font-size:30px}.login-message p{max-width:330px;font-size:13px}.login-benefits{display:none}.login-panel{padding:40px 20px}.login-panel form,.signup-panel form,.signup-success{padding:0}.signup-name-grid{grid-template-columns:1fr;gap:0}.signup-progress span{font-size:0}.signup-progress span b{font-size:10px}}.login-page-teacher,.teacher-signup-page{background:#f7f3fb}.login-page-teacher .login-visual,.teacher-signup-page .login-visual{background:radial-gradient(circle at 75% 18%,#cdf49c33,#0000 22%),radial-gradient(circle at 12% 86%,#ffaad52e,#0000 25%),linear-gradient(145deg,#2b0c3b 0%,#541878 48%,#8428cf 100%)}.login-page-teacher .login-scene,.teacher-signup-page .login-scene{align-items:stretch}.login-page-teacher .login-message,.teacher-signup-page .login-message{max-width:min(470px,86%);top:16%}.login-page-teacher .login-message b,.teacher-signup-page .login-message b{max-width:460px;margin:18px 0 15px;font-size:clamp(40px,4.2vw,62px);line-height:1.02}.login-page-teacher .login-message p,.teacher-signup-page .login-message p{max-width:410px;font-size:15px}.teacher-auth-kicker{letter-spacing:1.35px;align-items:center;gap:7px;font-size:10px;font-weight:900}.teacher-auth-kicker svg{width:14px;height:14px}.teacher-auth-proof{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.teacher-auth-proof span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff17;border:1px solid #ffffff21;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.teacher-auth-proof svg{color:#c8f58f;width:15px;height:15px}.login-page-teacher .login-scene img,.teacher-signup-page .login-scene img{opacity:.82;max-width:50%;height:min(47vh,455px);bottom:1%;right:-5%}.login-page-teacher .login-panel,.teacher-signup-page .login-panel{background:radial-gradient(circle at 95% 5%,#8027d51a,#0000 28%),linear-gradient(145deg,#fbf9fd,#f5f0f9);padding:clamp(28px,5vw,76px)}.login-page-teacher .login-panel form,.teacher-signup-page .login-panel form,.teacher-signup-page .signup-success{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #663c781a;border-radius:28px;width:min(500px,100%);padding:clamp(28px,3.2vw,42px);box-shadow:0 24px 70px #361b451f}.login-page-teacher .auth-form-heading,.teacher-signup-page .auth-form-heading{margin-bottom:27px}.login-page-teacher .login-panel h1,.teacher-signup-page .login-panel h1{margin-top:18px;font-size:clamp(34px,3.4vw,45px)}.login-page-teacher .role-switch,.teacher-signup-page .role-switch{text-align:center;color:#817486}@media (width<=980px){.login-page-teacher .login-message,.teacher-signup-page .login-message{max-width:60%}.login-page-teacher .login-message b,.teacher-signup-page .login-message b{font-size:clamp(30px,5vw,42px)}}@media (width<=600px){.login-page-teacher .login-visual,.teacher-signup-page .login-visual{min-height:330px}.login-page-teacher .login-message,.teacher-signup-page .login-message{max-width:88%;top:24%}.login-page-teacher .login-message b,.teacher-signup-page .login-message b{max-width:330px;font-size:29px}.teacher-auth-proof{display:none}.login-page-teacher .login-scene img,.teacher-signup-page .login-scene img{opacity:.22;max-width:62%}.login-page-teacher .login-panel,.teacher-signup-page .login-panel{padding:28px 16px}.login-page-teacher .login-panel form,.teacher-signup-page .login-panel form,.teacher-signup-page .signup-success{border-radius:22px;padding:26px 20px}}.portal{background:#f7f4f9;min-height:100vh}.sidebar{color:#fff;z-index:50;background:#311842;flex-direction:column;width:255px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.login-page-teacher,.teacher-signup-page{background:radial-gradient(circle at 100% 0,#eee0f9 0 9%,#0000 9.2%),radial-gradient(circle at 0 100%,#eaf5df 0 10%,#0000 10.2%),#fbf8fd;grid-template-columns:minmax(320px,38%) minmax(430px,62%);align-content:center;min-height:100vh;padding:clamp(20px,4vw,48px)}.login-page-teacher .login-visual,.teacher-signup-page .login-visual{color:#34213d;background:#f2e8f9;border:1px solid #e4d8ea;border-right:0;border-radius:30px 0 0 30px;min-height:min(680px,100vh - 96px);padding:30px;overflow:hidden}.login-page-teacher .login-blob,.teacher-signup-page .login-blob{display:none}.login-page-teacher .brand-light b,.teacher-signup-page .brand-light b{color:#34213d}.login-page-teacher .brand-light small,.teacher-signup-page .brand-light small{color:#74677b}.login-page-teacher .back-home,.teacher-signup-page .back-home{color:#5c4765;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#ddcfe5;top:30px;right:30px}.login-page-teacher .login-scene,.teacher-signup-page .login-scene{height:calc(100% - 82px)}.login-page-teacher .login-message,.teacher-signup-page .login-message{color:#34213d;max-width:min(390px,88%);top:18%}.login-page-teacher .login-message b,.teacher-signup-page .login-message b{color:#34213d;letter-spacing:-.025em;max-width:380px;margin:16px 0 11px;font-size:clamp(31px,3.1vw,44px);font-weight:500;line-height:1.08}.login-page-teacher .login-message p,.teacher-signup-page .login-message p{color:#776b7d;max-width:350px;font-size:13px;line-height:1.55}.teacher-auth-kicker{font-size:9px;font-weight:600;color:#61983d!important;background:#f2faec!important;border-color:#d8e9c8!important;padding:7px 10px!important}.teacher-auth-proof{margin-top:20px}.teacher-auth-proof span{color:#64566b;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffb3;border-color:#dfd3e5;padding:8px 10px;font-size:10px;font-weight:500}.teacher-auth-proof svg{color:#6aa642}.login-page-teacher .login-scene img,.teacher-signup-page .login-scene img{opacity:.72;filter:none;max-width:48%;height:min(43vh,400px);bottom:0;right:-7%}.login-page-teacher .login-panel,.teacher-signup-page .login-panel{background:#fff;border:1px solid #e4d8ea;border-left:0;border-radius:0 30px 30px 0;min-height:min(680px,100vh - 96px);padding:clamp(34px,5vw,72px)}.login-page-teacher .login-panel form,.teacher-signup-page .login-panel form,.teacher-signup-page .signup-success{width:min(500px,100%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.teacher-signup-page .login-panel form{width:min(560px,100%)}.login-page-teacher .portal-pill,.teacher-signup-page .portal-pill{color:#67a33f;letter-spacing:1px;background:0 0;border:0;padding:0;font-size:9px;font-weight:600}.login-page-teacher .login-panel h1,.teacher-signup-page .login-panel h1{color:#302436;letter-spacing:-.025em;margin:15px 0 6px;font-size:clamp(29px,3vw,38px);font-weight:500}.login-page-teacher .auth-form-heading>p,.teacher-signup-page .auth-form-heading>p{color:#817686;font-size:13px}.login-page-teacher .field-float input,.teacher-signup-page .field-float input{height:56px;box-shadow:none;background:#faf7fc;border:1px solid #e4d9e9;border-radius:14px}.login-page-teacher .field-icon,.teacher-signup-page .field-icon{color:#7b2cbf;background:#efe3f8}.login-page-teacher .field-float:focus-within .field-icon,.teacher-signup-page .field-float:focus-within .field-icon{color:#fff;background:#7b2cbf}.login-page-teacher .field-float input:focus,.teacher-signup-page .field-float input:focus{background:#fff;border-color:#8a35d1;box-shadow:0 0 0 3px #8423d917}.login-page-teacher .submit,.teacher-signup-page .submit{height:56px;box-shadow:none;background:#7b2cbf;border-radius:15px;padding:0 58px 0 20px;font-weight:600;position:relative}.login-page-teacher .submit svg,.teacher-signup-page .submit svg{box-sizing:content-box;color:#7b2cbf;background:#fff;border-radius:11px;width:18px;height:18px;padding:11px;position:absolute;right:7px}.login-page-teacher .submit:not(:disabled):hover,.teacher-signup-page .submit:not(:disabled):hover{box-shadow:none;background:#6f24ad;transform:none}.login-page-teacher .role-switch,.teacher-signup-page .role-switch{border:0;margin-top:20px;padding-top:0;font-size:12px}.login-page-teacher .role-switch a,.teacher-signup-page .role-switch a{font-weight:600}@media (width<=820px){.login-page-teacher,.teacher-signup-page{background:#fbf8fd;padding:0;display:block}.login-page-teacher .login-visual,.teacher-signup-page .login-visual{background:#f2e8f9;border:0;border-radius:0;min-height:142px;padding:24px}.login-page-teacher .back-home,.teacher-signup-page .back-home{top:24px;right:22px}.login-page-teacher .login-scene,.teacher-signup-page .login-scene{display:none}.login-page-teacher .login-panel,.teacher-signup-page .login-panel{background:#fff;border:0;border-radius:0;min-height:calc(100vh - 142px);padding:34px 22px 40px}.login-page-teacher .login-panel form,.teacher-signup-page .login-panel form,.teacher-signup-page .signup-success{margin:0 auto}}@media (width<=520px){.login-page-teacher .login-visual,.teacher-signup-page .login-visual{min-height:122px;padding:20px}.login-page-teacher .back-home,.teacher-signup-page .back-home{justify-content:center;width:40px;height:40px;padding:0;font-size:0;top:19px;right:16px}.login-page-teacher .login-panel,.teacher-signup-page .login-panel{min-height:calc(100vh - 122px);padding:29px 20px 36px}.login-page-teacher .auth-form-heading,.teacher-signup-page .auth-form-heading{margin-bottom:23px}.login-page-teacher .login-panel h1,.teacher-signup-page .login-panel h1{font-size:29px}.teacher-signup-page .signup-name-grid{grid-template-columns:1fr;gap:14px}.teacher-signup-page .signup-name-grid+.field-float{margin-top:14px}}.side-head button{display:none}.teacher-mini{background:#422253;border:1px solid #57336a;border-radius:15px;align-items:center;gap:10px;margin:28px 3px 20px;padding:12px;transition:background .15s,border-color .15s;display:flex}.teacher-mini:hover{background:#4d275f;border-color:#6d3f85}.teacher-mini>span,.profile-chip>span{color:#fff;background:#8429dc;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.teacher-mini b,.teacher-mini small,.profile-chip b,.profile-chip small{display:block}.teacher-mini b{font-size:12px}.teacher-mini small{color:#bdaac8;margin-top:3px;font-size:9px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav button,.logout{color:#cbbbd4;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;height:45px;padding:0 13px;font-size:12px;font-weight:700;display:flex}.sidebar nav button svg,.logout svg{width:18px}.sidebar nav button svg:last-child{width:14px;margin-left:auto}.sidebar nav button.active{color:#fff;background:#7f29d6}.logout{color:#d4bfde;border-top:1px solid #4b2b5c;border-radius:0;width:100%;margin-top:auto;padding-top:14px;transition:color .15s}.logout .nav-icon{width:30px;height:30px;color:inherit;background:#ffffff0f;border-radius:9px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.logout .nav-icon svg{width:17px}.logout:hover{color:#f0a8b8}.logout:hover .nav-icon{color:#f0a8b8;background:#db4d782e}.portal-main{margin-left:255px}.portal-top{z-index:20;background:#fff;border-bottom:1px solid #e9e2ec;align-items:center;height:84px;padding:0 28px;display:flex;position:sticky;top:0}.portal-top small{letter-spacing:1px;color:#a194a7;font-size:7px;font-weight:900}.portal-top h1{margin:2px 0;font:800 22px Nunito}.top-tools{align-items:center;gap:12px;margin-left:auto;display:flex}.global-search{background:#f5f2f6;border-radius:12px;align-items:center;width:245px;height:40px;padding:0 12px;display:flex}.global-search svg{color:#9d91a2;width:16px}.global-search input{background:0 0;border:0;outline:0;width:100%;padding-left:7px;font-size:11px}.icon-button{background:#fff;border:1px solid #e8e1eb;border-radius:12px;width:40px;height:40px;position:relative}.icon-button svg{width:18px}.icon-button i{background:#da4d78;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.profile-chip{align-items:center;gap:8px;display:flex}.profile-chip>span{width:39px;height:39px}.profile-chip b{font-size:11px}.profile-chip small{color:#95889b;font-size:8px}.mobile-menu{display:none}.page-body{padding:24px 28px 50px}.welcome-card{background:linear-gradient(118deg,#f4ecfa,#fff 60%);border:1px solid #e3d7ea;border-radius:25px;grid-template-columns:1.1fr .9fr;min-height:260px;padding:32px 35px;display:grid;overflow:hidden}.welcome-kicker{color:#6aab40;letter-spacing:.8px;font-size:10px;font-weight:900}.welcome-card h2{margin:10px 0;font:900 32px/1.08 Nunito}.welcome-card p{color:#776a7d;max-width:500px;font-size:12px;line-height:1.6}.welcome-card>div>div{gap:9px;margin-top:19px;display:flex}.welcome-card .primary,.welcome-card .soft,.class-page-head .primary{padding:11px 15px;font-size:11px}.welcome-card button svg{width:16px}.welcome-art{justify-content:center;align-items:flex-end;display:flex;position:relative}.welcome-art img{z-index:3;height:220px}.welcome-sun{background:#e7d6f6;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-55px}.mini-fuji{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.45;background:#cdb5e5;width:170px;height:115px;position:absolute;bottom:0;right:2px}.welcome-art>span{color:#7628ce;z-index:4;background:#fff;border-radius:14px 14px 4px;padding:10px 12px;font-size:10px;font-weight:800;position:absolute;top:15px;right:0}.welcome-art>span small{color:#95889b;margin-top:2px;font-size:7px;display:block}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0;display:grid}.metric-grid article{background:#fff;border:1px solid #e9e2ec;border-radius:17px;align-items:center;gap:12px;padding:16px;display:flex}.metric-grid article>span,.next-panel button>span{border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.metric-grid svg{width:20px}.purple{color:#7926d4;background:#efe5fa}.green{color:#62a63d;background:#ebf6e4}.orange{color:#db8423;background:#fff1df}.pink{color:#d54b7d;background:#fbe6ee}.metric-grid small{color:#9b8ea0;letter-spacing:.7px;font-size:7px;font-weight:900}.metric-grid b{font:900 25px Nunito;display:block}.metric-grid p{color:#9b8ea0;margin:0;font-size:8px}.dashboard-row{grid-template-columns:1.35fr .65fr;gap:15px;display:grid}.panel,.full-panel,.workspace-state{background:#fff;border:1px solid #e9e2ec;border-radius:20px;padding:19px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head small{color:#8429d8;letter-spacing:.8px;font-size:7px;font-weight:900}.panel-head h3{margin:3px 0;font:800 18px Nunito}.panel-head button{color:#7b29cd;background:0 0;border:0;align-items:center;font-size:9px;font-weight:800;display:flex}.panel-head svg{width:14px}.compact-classes{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.compact-classes button{text-align:left;background:#faf8fb;border:1px solid #ece5ef;border-radius:13px;align-items:center;padding:10px;display:flex}.compact-classes button>span{color:#7927d2;background:#ede2f8;border-radius:11px;place-items:center;width:36px;height:36px;margin-right:8px;font:800 18px Nunito;display:grid}.compact-classes button div{flex:1}.compact-classes b,.compact-classes small{display:block}.compact-classes b{font-size:10px}.compact-classes small{color:#9a8e9f;margin-top:2px;font-size:7px}.compact-classes svg{color:#9a8e9f;width:14px}.next-panel>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #eee8f1;align-items:center;width:100%;padding:10px 0;display:flex}.next-panel>button>span{color:#7c29d2;background:#f0e7f9;margin-right:9px}.next-panel button svg{width:17px}.next-panel button div{flex:1}.next-panel b,.next-panel small{display:block}.next-panel b{font-size:10px}.next-panel small{color:#988b9d;font-size:7px}.next-panel>button>svg{color:#a396a8;width:14px}.dashboard-error{color:#b83d55;background:#fff0f2;border-radius:12px;justify-content:space-between;margin-bottom:12px;padding:11px 14px;font-size:11px;display:flex}.dashboard-error button{color:inherit;background:0 0;border:0}.dashboard-error svg{width:15px}.class-page-head{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.class-page-head h2{margin:6px 0;font:900 28px Nunito}.class-page-head p{color:#887b8e;font-size:11px}.class-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.class-grid article{border:1px solid #e7dfeb;border-radius:18px;overflow:hidden}.class-cover{color:#fff;background:#7330c5;height:130px;padding:15px;position:relative;overflow:hidden}.class-cover span{opacity:.16;font:900 100px Nunito;position:absolute;bottom:-35px;right:10px}.class-cover small{letter-spacing:1px;font-size:7px;font-weight:900}.cover-1{background:#66a63f}.cover-2{background:#dd8423}.cover-3{background:#d34c80}.class-info{padding:14px}.class-info h3{margin:0;font:800 17px Nunito}.class-info p{color:#948798;font-size:9px}.class-info>div{display:flex}.class-info button{color:#7828cf;background:#f2eafa;border:0;border-radius:9px;align-items:center;gap:3px;padding:8px 10px;font-size:8px;font-weight:900;display:flex}.class-info button svg{width:13px}.class-info .trash{color:#c4475f;background:#fff0f2;margin-left:auto}.empty{text-align:center;padding:35px}.empty>span,.workspace-state>span{color:#7b29d2;background:#eee4f8;border-radius:20px;place-items:center;width:62px;height:62px;margin:auto;display:grid}.empty h3{margin:12px 0 3px;font:800 18px Nunito}.empty p{color:#948799;font-size:10px}.empty button{color:#fff;background:#7c29d5;border:0;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:800}.workspace-state{text-align:center;padding:70px 20px}.workspace-state>small{color:#69a843;letter-spacing:1px;margin-top:16px;font-size:8px;font-weight:900;display:block}.workspace-state h2{margin:7px;font:900 28px Nunito}.workspace-state>p{color:#897c8f;font-size:12px}.workspace-state>div{background:#faf7fb;border-radius:15px;max-width:480px;margin:30px auto 0;padding:15px}.workspace-state>div svg{color:#7b29d2}.workspace-state>div b,.workspace-state>div small{margin-top:5px;font-size:10px;display:block}.workspace-state>div small{color:#9b8e9f}.modal-wrap{z-index:100;place-items:center;display:grid;position:fixed;inset:0}.modal-dismiss{background:#24142e99;border:0;position:absolute;inset:0}.create-modal{z-index:1;background:#fff;border-radius:23px;width:min(410px,100% - 30px);padding:26px;position:relative}.modal-x{background:#f3eff5;border:0;border-radius:10px;width:34px;height:34px;position:absolute;top:17px;right:17px}.modal-x svg{width:17px}.modal-icon{color:#7c28d4;background:#eee4f8;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.create-modal>small{color:#68a541;margin-top:14px;font-size:7px;font-weight:900;display:block}.create-modal h2{margin:5px 0;font:900 24px Nunito}.create-modal p{color:#897d8e;font-size:11px}.create-modal label{font-size:10px;font-weight:800}.create-modal input{border:1px solid #ded4e3;border-radius:11px;outline:0;width:100%;height:48px;margin-top:6px;padding:0 12px;display:block}.create-modal input:focus{border-color:#7b29d4}.generated-code-preview{background:#faf6fd;border:1px dashed #d8c4e7;border-radius:15px;grid-template-columns:40px 1fr;align-items:center;gap:11px;margin:16px 0;padding:13px;display:grid}.generated-code-preview>span{color:#7c28d4;background:#eee1f9;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.generated-code-preview svg{width:18px}.generated-code-preview div{gap:2px;display:grid}.generated-code-preview small{color:#7baa50;letter-spacing:.9px;font-size:8px;font-weight:900}.generated-code-preview b{color:#40244c;font-size:11px}.generated-code-preview em{color:#96889b;grid-column:2;font-size:9px;font-style:normal}.created-class-result{text-align:center;justify-items:center;padding-top:12px;display:grid}.created-class-result>span{color:#62a837;background:#e8f7df;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.created-class-result>span svg{width:23px}.created-class-result>small{color:#68a541;letter-spacing:1px;margin-top:11px;font-size:8px;font-weight:900}.created-class-result h3{color:#382141;margin:5px 0 0;font:900 21px Nunito,sans-serif}.created-class-result p{margin:7px 0 16px}.created-code{color:#7626ca;cursor:pointer;background:linear-gradient(135deg,#faf6fd,#f2e8fa);border:1px solid #d9c5e7;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-bottom:14px;padding:13px 15px;font:900 10px DM Sans,sans-serif;display:flex}.created-code div{justify-items:start;gap:2px;display:grid}.created-code small{color:#8d7a98;letter-spacing:1px;font-size:8px}.created-code b{color:#3d2149;letter-spacing:.12em;font:900 22px Nunito,sans-serif}.created-code svg{width:16px}.side-scrim{display:none}.admin-talk-page{gap:20px;display:grid}.admin-talk-header{background:linear-gradient(135deg,#fff 55%,#eee1fb);border:1px solid #e4d9e8;border-radius:25px;justify-content:space-between;gap:20px;padding:27px;display:flex}.admin-talk-header small,.admin-talk-toolbar small{color:#6eae42;letter-spacing:1.4px;font-weight:900}.admin-talk-header h1{color:#351f40;margin:6px 0;font:900 31px Nunito,sans-serif}.admin-talk-header p{color:#807385;max-width:660px;margin:0}.admin-talk-live{color:#7625b9;background:#fff;border-radius:18px;align-self:center;align-items:center;gap:7px;padding:11px 14px;font-weight:800;display:flex;box-shadow:0 8px 22px #5e247616}.admin-talk-live svg{width:18px}.admin-talk-stats{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.admin-talk-stats article{background:#fff;border:1px solid #e5dae9;border-radius:19px;align-items:center;gap:13px;padding:18px;display:flex}.admin-talk-stats svg{color:#8423d9;background:#f0e3fa;border-radius:14px;width:44px;height:44px;padding:11px}.admin-talk-stats div{display:grid}.admin-talk-stats b{color:#3a2344;font:900 23px Nunito,sans-serif}.admin-talk-stats span{color:#887b8d;font-size:11px}.admin-talk-records{background:#fff;border:1px solid #e4d9e8;border-radius:23px;overflow:hidden}.admin-talk-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.admin-talk-toolbar h2{color:#3c2547;margin:5px 0 0}.admin-talk-toolbar input{border:1px solid #ddd1e2;border-radius:13px;width:min(320px,100%);padding:12px 14px}.admin-talk-row{color:#625568;border-top:1px solid #eee6f0;grid-template-columns:1.4fr 1fr .8fr .7fr .75fr;align-items:center;gap:13px;padding:14px 20px;font-size:12px;display:grid}.admin-talk-row.headings{color:#978a9b;letter-spacing:.7px;text-transform:uppercase;background:#fbf9fc;font-size:9px;font-weight:900}.admin-talk-row>span:first-child{display:grid}.admin-talk-row small{color:#9a8e9e}.admin-talk-row i{color:#a66e1a;background:#fff2dc;border-radius:20px;justify-self:start;padding:7px 9px;font-size:10px;font-style:normal;font-weight:800}.admin-talk-empty{text-align:center;color:#8b7e90;padding:35px}@media (width<=850px){.admin-talk-header,.admin-talk-toolbar{flex-direction:column;align-items:flex-start}.admin-talk-stats{grid-template-columns:1fr}.admin-talk-row{grid-template-columns:1fr 1fr}.admin-talk-row.headings{display:none}}.admin-hold{text-align:center;place-content:center;min-height:100vh;display:grid}@media (width<=1000px){.feature-grid,.metric-grid,.class-grid{grid-template-columns:1fr 1fr}.global-search{display:none}.dashboard-row{grid-template-columns:1fr}.landing-hero{padding-inline:25px}.hero-art{transform:scale(.88)}.showcase-layout{grid-template-columns:.9fr 1.1fr;gap:45px}.phone-frame{width:330px;height:584px}.phone-stage{min-height:620px}.audience-section{gap:45px}.audience-copy h2{font-size:35px}.preview-stats{grid-template-columns:1fr;margin-top:30px}.preview-stats article{min-height:auto}.preview-stats b{margin-top:8px}}@media (width<=760px){.nav-links a:not(.nav-cta){display:none}.landing-hero{grid-template-columns:1fr;padding-top:35px}.hero-art{height:460px}.showcase-layout{grid-template-columns:1fr;gap:25px}.showcase-content{grid-row:1}.showcase-heading{margin-bottom:35px}.phone-stage{min-height:640px}.audience-section{grid-template-columns:1fr;padding-block:70px}.student-promo .audience-copy{grid-row:1}.audience-visual,.teacher-preview{min-height:350px}.teacher-banner{margin-inline:18px;padding:35px;display:block}.teacher-banner .primary{margin-top:15px}.landing footer{flex-wrap:wrap;margin-inline:20px}.login-page{grid-template-columns:1fr}.login-visual{min-height:330px;padding:25px}.login-scene{height:260px}.login-scene img{height:250px}.login-message{max-width:55%;top:28%}.login-message b{font-size:25px}.secure-note{display:none}.login-panel{padding:38px 22px}.sidebar{transition:all .25s;transform:translate(-105%)}.sidebar.open{transform:none}.side-head{justify-content:space-between;align-items:center;display:flex}.side-head button{color:#fff;background:0 0;border:0;display:block}.side-scrim{z-index:40;background:#25132e80;border:0;display:block;position:fixed;inset:0}.portal-main{margin-left:0}.mobile-menu{background:#f3eff5;border:0;border-radius:11px;width:40px;height:40px;margin-right:10px;display:block}.mobile-menu svg{width:19px}.portal-top{padding:0 15px}.profile-chip div{display:none}.page-body{padding:16px}.welcome-card{grid-template-columns:1fr;padding:25px}.welcome-art{height:200px}.metric-grid{grid-template-columns:1fr 1fr}.class-grid,.compact-classes{grid-template-columns:1fr}}@media (width<=520px){.landing-nav{height:76px}.landing-nav .brand small{display:none}.nav-cta{padding:11px;font-size:0}.nav-cta svg{margin:0}.nav-cta span,.nav-cta-arrow{display:none}.hero-copy h1{font-size:44px}.trust-row{flex-direction:column;gap:8px}.hero-art{height:410px}.animated-mascot{width:285px;height:340px}.animated-mascot img{height:340px}.app-showcase{padding:75px 18px}.showcase-heading h2{font-size:31px}.screen-tabs{grid-template-columns:repeat(2,1fr)}.screen-tabs button{min-height:62px}.screen-story{padding-top:30px}.screen-story h3{font-size:31px}.phone-frame{width:min(300px,100vw - 64px);height:min(531px,177vw - 113.28px)}.phone-stage{min-height:610px}.floating-kana{display:none}.audience-section{gap:35px;padding-inline:18px}.audience-copy h2{font-size:31px}.preview-badges{grid-template-columns:1fr}.teacher-preview{padding:22px}.float-card{display:none}.feature-grid{grid-template-columns:1fr}.feature-section{padding:65px 18px}.feature-section h2{font-size:32px}.login-visual .brand small{display:none}.back-home{font-size:0;top:26px;right:20px}.metric-grid{grid-template-columns:1fr}.welcome-card h2{font-size:26px}.welcome-card>div>div{flex-wrap:wrap}.top-tools .icon-button{display:none}.class-page-head{align-items:flex-start;gap:10px}.class-page-head p{display:none}}@media (width<=0){.landing .landing-hero{isolation:isolate;gap:clamp(34px,5vw,76px);max-width:1360px;position:relative}.landing .landing-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#8a2be214,#0000 67%);border-radius:50%;width:560px;height:560px;position:absolute;top:5%;left:-12%}.landing .hero-copy h1{letter-spacing:-3.5px;margin:24px 0 22px}.landing .hero-copy h1 em{color:#0000;background:linear-gradient(115deg,#7020cf 8%,#9936e8 68%,#6732cf);-webkit-background-clip:text;background-clip:text}.landing .hero-actions{align-items:stretch}.landing .hero-actions .secondary{justify-content:center;align-items:center;min-height:58px;display:inline-flex}.landing .apk-download{border-radius:17px;min-height:58px;padding:10px 21px 10px 11px;transition:transform .25s,box-shadow .25s;box-shadow:0 15px 34px #7627d831}.landing .apk-download:hover{transform:translateY(-3px);box-shadow:0 19px 42px #7627d842}.landing .apk-download>span:not(.download-button-icon){text-align:left;gap:1px;display:grid}.landing .apk-download small{color:#e8cdfb;letter-spacing:1.2px;font-size:8px}.landing .download-button-icon{background:#ffffff18;border:1px solid #ffffff2e;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.download-status{color:#76677c;background:#ffffffc7;border:1px solid #e8dfed;border-radius:999px;align-items:center;gap:11px;width:fit-content;margin-top:13px;padding:9px 13px;font-size:10px;display:flex;box-shadow:0 8px 24px #40214e0a}.download-status-ready{color:#548f2d;align-items:center;gap:6px;display:inline-flex}.download-status-divider{background:#e2d8e7;width:1px;height:15px}.download-status-soon b{color:#604b69}.landing .hero-art{border-radius:52px;overflow:hidden;box-shadow:0 36px 100px #4e26631f}.landing .hero-art:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff7a,#0000 32%,#8b2adb08);position:absolute;inset:0}.landing .hero-proof{background:#ffffffad;border:1px solid #e9e0ed;border-radius:18px;gap:0;overflow:hidden}.landing .hero-proof article{background:0 0;border-left:0}.landing .hero-proof article+article{border-left:1px solid #eee5f1}.learning-journey{background:#fff;border:1px solid #e9deef;border-radius:28px;grid-template-columns:.8fr 2.2fr;align-items:center;gap:26px;max-width:1180px;margin:0 auto 96px;padding:24px;display:grid;box-shadow:0 22px 70px #4e2b5d0d}.journey-intro{padding:6px 12px}.journey-intro strong{color:#2c1636;max-width:220px;margin-top:7px;font:900 20px/1.2 Nunito;display:block}.journey-steps{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.journey-steps article{background:#faf7fc;border-radius:18px;align-items:center;gap:10px;min-height:88px;padding:17px 12px;display:flex;position:relative}.journey-steps article:after{content:"";background:#d8c7e2;width:8px;height:1px;position:absolute;top:50%;right:-8px}.journey-steps article:last-child:after{display:none}.journey-steps article>span{color:#9a7aaa;font-size:8px;font-weight:900;position:absolute;top:7px;right:9px}.journey-steps svg{color:#7926d3;background:#efe3fa;border-radius:11px;width:34px;height:34px;padding:8px}.journey-steps b,.journey-steps small{display:block}.journey-steps b{color:#3a2344;font:800 14px Nunito}.journey-steps small{color:#8a7a91;margin-top:2px;font-size:8px}.final-download{background:linear-gradient(120deg,#faf5fe,#f1e5fb);border:1px solid #dfcaec;border-radius:30px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1180px;margin:0 auto 90px;padding:36px 42px;display:grid;box-shadow:0 24px 70px #56286812}.final-download-icon{color:#fff;background:linear-gradient(145deg,#7627d8,#9635e5);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 14px 30px #7425d22c}.final-download-icon svg{width:28px}.final-download h2{color:#2b1535;margin:6px 0 3px;font:900 25px Nunito}.final-download p{color:#796a80;margin:0;font-size:12px}@media (width<=900px){.learning-journey{grid-template-columns:1fr;margin-inline:24px}.journey-intro strong{max-width:none}.final-download{grid-template-columns:auto 1fr;margin-inline:24px}.final-download .apk-download{grid-column:1/-1}}@media (width<=760px){.landing .hero-copy h1{letter-spacing:-2.5px}.landing .hero-art{border-radius:34px}.journey-steps{grid-template-columns:repeat(2,1fr)}.journey-steps article:nth-child(2):after{display:none}.landing .hero-proof article+article{border-top:1px solid #eee5f1;border-left:0}}@media (width<=520px){.download-status{border-radius:16px;align-items:flex-start;width:100%}.download-status-divider{display:none}.download-status{flex-direction:column;gap:4px}.learning-journey{margin:0 16px 72px;padding:17px}.journey-steps{grid-template-columns:1fr}.journey-steps article:after{display:none}.final-download{grid-template-columns:1fr;margin:0 16px 65px;padding:26px 22px}.final-download-icon{width:54px;height:54px}.final-download .apk-download{grid-column:auto;width:100%}}}.final-download{background:linear-gradient(120deg,#faf5fe,#f1e5fb);border:1px solid #dfcaec;border-radius:30px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1180px;margin:0 auto 90px;padding:36px 42px;display:grid;box-shadow:0 24px 70px #56286812}.final-download-icon{color:#fff;background:linear-gradient(145deg,#7627d8,#9635e5);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 14px 30px #7425d22c}.final-download-icon svg{width:28px}.final-download h2{color:#2b1535;margin:6px 0 3px;font:900 25px Nunito}.final-download p{color:#796a80;margin:0;font-size:12px}@media (width<=900px){.final-download{grid-template-columns:auto 1fr;margin-inline:24px}.final-download .apk-download{grid-column:1/-1}}@media (width<=520px){.final-download{grid-template-columns:1fr;margin:0 16px 65px;padding:26px 22px}.final-download-icon{width:54px;height:54px}.final-download .apk-download{grid-column:auto;width:100%}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mascot-idle,.mascot-wave,.animated-mascot:after,.phone-glow,.floating-kana,.phone-frame,.screen-story{animation:none}.mascot-wave{display:none}}.landing{--landing-purple:#7d24db;--landing-deep:#271431;--landing-green:#83d443;background:radial-gradient(circle at 0 8%,#e7d7f738 0 13%,#0000 30%),#fdfbfe;position:relative}.landing-nav-shell{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fdfbfee8;border-bottom:1px solid #0000;transition:all .25s;position:sticky;top:0}.landing-nav-shell.scrolled{border-color:#eadff0;box-shadow:0 10px 35px #40214e0c}.landing-nav-shell .landing-nav{height:92px}.scroll-progress{background:linear-gradient(90deg,#8fdc4d,#8128dc);height:2px;transition:width 80ms linear;position:absolute;bottom:-1px;left:0}.landing .nav-links a:not(.nav-cta){padding:12px 0;position:relative}.landing .nav-links a:not(.nav-cta):after{content:"";background:#8329dc;border-radius:2px;height:2px;transition:all .25s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.landing .nav-links a:not(.nav-cta):hover{color:#7123c6}.landing .nav-links a:not(.nav-cta):hover:after{transform:scaleX(1)}.landing .nav-cta{background:linear-gradient(135deg,#7020c7 0%,#922ce6 100%);border:1px solid #7e25d8;border-radius:999px;min-height:46px;padding:0 18px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #7627d82b}.landing .nav-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px #7627d83d}.landing .nav-cta span{white-space:nowrap}.landing .nav-cta-arrow{transition:transform .2s}.landing .nav-cta:hover .nav-cta-arrow{transform:translate(2px)}.landing .nav-links .nav-download{color:#6920bd;align-items:center;gap:7px;font-weight:900;display:inline-flex}.landing .nav-links .nav-download:after{display:none}.landing .apk-download{gap:9px}.landing .apk-note{color:#8b7c91;margin:10px 0 0;font-size:12px}.landing .landing-hero{grid-template-columns:1.04fr .96fr;gap:30px;min-height:calc(100vh - 92px);padding-top:45px;padding-bottom:70px}.landing .hero-copy{z-index:4;position:relative}.landing .hero-copy h1{max-width:720px;font-size:clamp(48px,5.5vw,79px);line-height:.98}.landing .hero-copy>p{max-width:650px}.landing .eyebrow{background:#fff;border:1px solid #dfcfeb;border-radius:999px;padding:9px 12px;box-shadow:0 8px 22px #4c225b0b}.landing .hero-art{background:radial-gradient(circle at 74% 20%,#fff 0 4%,#0000 4.3%),linear-gradient(145deg,#f8f1fd,#efe1fa);border:1px solid #eadff0;border-radius:44px;height:560px;box-shadow:0 30px 80px #59336b15}.landing .hero-art:before{content:"JAPANESE MADE INTERACTIVE";z-index:2;color:#6e25c33b;letter-spacing:1.5px;font-size:9px;font-weight:900;position:absolute;bottom:20px;right:25px}.landing .animated-mascot{transform-origin:bottom;animation:4.8s ease-in-out infinite mascotPresence}.landing .speech{animation:4.8s ease-in-out infinite speechPulse;top:28px;right:24px}.landing .float-card{transition:transform .25s,box-shadow .25s}.landing .float-card:hover{z-index:7;transform:translateY(-6px)rotate(-1deg);box-shadow:0 20px 45px #46245326}.hero-proof{grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;margin-top:28px;display:grid}.hero-proof article{background:linear-gradient(90deg,#f4faee,#0000);border-left:2px solid #8bd34d;padding:13px 14px}.hero-proof b,.hero-proof span{display:block}.hero-proof b{color:#6f25c7;font:900 22px Nunito}.hero-proof span{color:#86768c;font-size:9px;font-weight:700}.landing .about-japlearn{background:linear-gradient(#f7f2faeb,#f7f2faeb),repeating-linear-gradient(90deg,#0000 0 60px,#7c29d607 61px 62px);padding-top:115px;padding-bottom:125px;position:relative}.landing .about-intro h2{font-size:clamp(34px,4vw,49px);line-height:1.1}.landing .feature-grid article{min-height:250px;padding:30px;transition:all .3s;position:relative;overflow:hidden}.landing .feature-grid article:after{content:"";background:#8429dc0b;border-radius:50%;width:95px;height:95px;transition:all .3s;position:absolute;bottom:-35px;right:-35px}.landing .feature-grid article:hover{border-color:#ceb2e4;transform:translateY(-9px);box-shadow:0 22px 50px #4b28550f}.landing .feature-grid article:hover:after{transform:scale(1.8)}.landing .feature-grid article:hover>span{color:#fff;background:linear-gradient(145deg,#7726d0,#9230e3);transform:rotate(-5deg)scale(1.08)}.landing .feature-grid article>span{transition:all .3s}.landing .app-showcase{opacity:1;min-height:900px;padding-top:115px;padding-bottom:115px;position:relative}.landing .app-showcase.screen-home{background:linear-gradient(135deg,#fff 0 55%,#f3e8fc 100%)}.landing .app-showcase.screen-learn{background:linear-gradient(135deg,#fff 0 55%,#ede3fa 100%)}.landing .app-showcase.screen-talk{background:linear-gradient(135deg,#fff 0 55%,#f4eadb 100%)}.landing .app-showcase.screen-exercises{background:linear-gradient(135deg,#fff 0 55%,#ecf6e5 100%)}.landing .showcase-layout{max-width:1120px;margin:auto}.landing .phone-stage{perspective:1400px;min-height:700px}.landing .phone-frame{opacity:1;background:#24142d;border-width:7px;border-color:#24142d;border-radius:48px;width:min(372px,100%);height:auto;padding:8px;transition:transform .4s,box-shadow .4s;animation:none;transform:rotateY(4deg)rotateX(1deg);box-shadow:0 42px 80px #321b3c34,inset 0 0 0 1px #ffffff2c}.landing .phone-frame:hover{transform:rotateY(0)rotateX(0)translateY(-7px);box-shadow:0 50px 95px #321b3c42}.landing .phone-frame img{object-fit:initial;object-position:initial;background:#faf7fc;border-radius:34px;width:100%;height:auto}.landing .phone-frame:after{border-radius:34px;inset:8px}.landing .phone-speaker{background:#24142d;height:20px;top:14px}.landing .screen-tabs button{cursor:pointer}.landing .screen-story{opacity:1;animation:none}.landing .screen-tabs button:focus-visible,.landing a:focus-visible,.landing button:focus-visible{outline-offset:3px;outline:3px solid #a86ce0}.landing .student-promo{padding-top:125px;padding-bottom:125px}.landing .student-visual{transition:transform .35s,box-shadow .35s}.landing .student-visual:hover{transform:translateY(-7px)rotate(-.7deg);box-shadow:0 32px 75px #4a285324}.landing .preview-badges span{transition:all .25s}.landing .preview-badges span:hover{color:#fff;background:#7d28d7;transform:translateY(-4px)}.landing .preview-badges span:hover svg{color:#fff}.landing .teacher-promo{background:radial-gradient(circle at 90% 15%,#8e39cf45 0 16%,#0000 16.3%),linear-gradient(135deg,#271431,#3a1b49);min-height:750px;position:relative}.landing .teacher-preview{transition:all .35s}.landing .teacher-preview:hover{transform:translateY(-7px)rotate(.7deg);box-shadow:0 32px 70px #160b1d61}.landing .preview-stats article{transition:all .25s}.landing .preview-stats article:hover{background:#ffffff20;transform:translateY(-5px)}.landing .teacher-banner{background:radial-gradient(circle at 90% 20%,#a84bee 0 14%,#0000 14.3%),linear-gradient(125deg,#5d1bab,#8528d7);min-height:260px;transition:all .3s;position:relative;overflow:hidden}.landing .teacher-banner:hover{transform:translateY(-4px);box-shadow:0 30px 70px #5d1bab35}.landing [data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.landing [data-reveal].is-visible{opacity:1;transform:none}@keyframes mascotPresence{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(.5deg)}}@keyframes speechPulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@media (width<=1000px){.landing .landing-hero{grid-template-columns:1fr .9fr}.landing .phone-frame{width:min(335px,100%)}}@media (width<=760px){.landing-nav-shell .landing-nav{height:78px}.landing .landing-hero{text-align:left;grid-template-columns:1fr;min-height:auto}.landing .hero-proof{max-width:none}.landing .hero-art{border-radius:32px;width:112%;margin-left:-6%}.landing .app-showcase{min-height:auto}.landing .phone-frame{transform:none}.landing .teacher-promo{min-height:auto}}@media (width<=520px){.landing .hero-actions{display:grid}.landing .hero-actions>*{width:100%}.landing .hero-proof{grid-template-columns:1fr}.landing .hero-proof article{grid-template-columns:36px 1fr;align-items:center;gap:7px;display:grid}.landing .hero-proof span{font-size:10px}.landing .feature-grid{grid-template-columns:1fr}.landing .phone-stage{min-height:auto;padding:45px 0}.landing .phone-frame{width:min(310px,100vw - 54px);height:auto}.landing .phone-glow{width:360px;height:360px}.landing footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing [data-reveal]{opacity:1;transform:none}}.nav-group-label{color:#9c85ac;letter-spacing:1.1px;text-transform:uppercase;margin:14px 13px 5px;font-size:9px;font-weight:900;display:block}.sidebar nav>.nav-group-label:first-child{margin-top:2px}.sidebar nav a{color:#cbbbd4;border-radius:12px;align-items:center;gap:11px;height:44px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff12}.sidebar nav a .nav-icon{color:#cbbbd4;background:#ffffff0f;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:grid}.sidebar nav a .nav-icon svg{width:17px}.sidebar nav a.active{color:#fff;background:#7f29d6;box-shadow:0 8px 18px #7f29d659}.sidebar nav a.active .nav-icon{color:#fff;background:#fff3}.class-info a{color:#7828cf;background:#f2eafa;border-radius:9px;align-items:center;padding:8px 10px;font-size:8px;font-weight:900;display:inline-flex}.class-info a svg{width:13px}.dashboard-error.success{color:#4c8530;background:#eff9e9}.student-toolbar,.report-toolbar{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.student-toolbar label,.lesson-toolbar label,.student-picker,.report-toolbar label,.assignment-targets>label{color:#77697d;gap:6px;font-size:9px;font-weight:900;display:grid}.student-toolbar select,.lesson-toolbar select,.student-picker select,.report-toolbar select,.assignment-targets select,.assignment-footer input{background:#fff;border:1px solid #dfd6e4;border-radius:11px;min-width:210px;height:42px;padding:0 11px}.student-search-field{color:#77697d;flex:1;gap:6px;font-size:9px;font-weight:900;display:grid}.student-search{border:1px solid #dfd6e4;border-radius:11px;align-items:center;height:42px;padding:0 12px;display:flex}.student-search svg{color:#978a9d;width:17px}.student-search input{border:0;outline:0;flex:1;padding-left:8px}.inline-add-student,.lesson-create{background:#f6f1fa;border:1px solid #e6dced;border-radius:15px;align-items:center;gap:11px;margin-bottom:17px;padding:12px;display:flex}.inline-add-student div{flex:1}.inline-add-student b,.inline-add-student small{display:block}.inline-add-student small{color:#948798;font-size:8px}.inline-add-student input,.lesson-create input,.mini-add input{border:1px solid #ddd2e3;border-radius:10px;height:40px;padding:0 10px}.inline-add-student button,.lesson-create button,.mini-add button,.report-toolbar button,.report-toolbar a{color:#fff;background:#7c29d5;border:0;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 14px;font-size:9px;font-weight:900;display:inline-flex}.student-table-wrap{overflow-x:auto}.student-table{border-collapse:collapse;width:100%}.student-table th{text-align:left;color:#988a9e;border-bottom:1px solid #e9e1ed;padding:11px;font-size:8px}.student-table td{border-bottom:1px solid #f0eaf2;padding:12px 11px;font-size:10px}.student-table td:first-child{align-items:center;gap:9px;display:flex}.student-avatar{color:#7828d0;background:#eee3f8;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.student-avatar.tone-1{color:#7828d0;background:#eee3f8}.student-avatar.tone-2{color:#57952e;background:#edf7e6}.student-avatar.tone-3{color:#d8841c;background:#fff1dc}.student-avatar.tone-4{color:#c64978;background:#fbe7ee}.active-status{color:#5b9439;background:#ebf7e5;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:900}.lesson-progress-status{color:#7326ca;white-space:nowrap;background:#f1e8fa;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900;display:inline-flex}.student-status-pill{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.student-status-pill.tone-mastering{color:#5b9439;background:#ebf7e5}.student-status-pill.tone-progressing{color:#7326ca;background:#f1e8fa}.student-status-pill.tone-starting{color:#d8841c;background:#fff1dc}.student-status-pill.tone-none{color:#8a7c90;background:#f2eef4}.student-progress-cell{align-items:center;gap:8px;min-width:120px;display:flex}.student-progress-cell .mastery-bar-track{flex:1}.student-progress-cell b{color:#382141;white-space:nowrap;font:900 10px Nunito,sans-serif}.mastery-bar-track.small{height:6px}.automatic-curriculum{background:linear-gradient(135deg,#faf6fd,#f5effa);border:1px solid #e6dbea;border-radius:20px;margin-bottom:22px;padding:20px}.automatic-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.automatic-heading small{color:#7c29d4;letter-spacing:1px;font-size:8px;font-weight:900}.automatic-heading h3{margin:5px 0;font:900 21px Nunito}.automatic-heading p{color:#887a8e;margin:0;font-size:9px}.automatic-heading a,.master-toolbar button{color:#fff;white-space:nowrap;background:#7d29d5;border:0;border-radius:11px;align-items:center;gap:7px;padding:11px 14px;font-size:9px;font-weight:900;display:inline-flex}.automatic-heading a svg,.master-toolbar button svg{width:16px}.automatic-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;display:grid}.automatic-grid article{background:#fff;border:1px solid #e8dfec;border-radius:16px;gap:11px;min-height:145px;padding:15px;display:flex}.automatic-grid article>span{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.automatic-grid .purple{color:#7c29d4;background:#eee3f8}.automatic-grid .green{color:#62a936;background:#eaf5e3}.automatic-grid .orange{color:#d98728;background:#fff0df}.automatic-grid article svg{width:20px}.automatic-grid small{color:#96899c;font-size:7px;font-weight:900}.automatic-grid h3{margin:7px 0 4px}.automatic-grid p{color:#887b8e;margin:0;font-size:8px;line-height:1.55}.master-toolbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.master-toolbar .student-search{flex:1}.score-guide{color:#7327ca;background:#f1e9f9;border-radius:14px;align-items:center;gap:10px;margin-bottom:15px;padding:13px 15px;display:flex}.score-guide b,.score-guide small{display:block}.score-guide small{color:#8b7c92;margin-top:2px;font-size:8px}.master-table-wrap{border:1px solid #e8e0ec;border-radius:16px;overflow:auto}.master-table{border-collapse:collapse;background:#fff;width:100%;min-width:1800px}.master-table th{z-index:2;color:#74647b;text-align:left;background:#f7f2fa;border-bottom:1px solid #e3d8e8;padding:12px 10px;font-size:8px;position:sticky;top:0}.master-table th small{color:#a397a8;margin-top:3px;font-size:6px;display:block}.master-table td{vertical-align:middle;border-bottom:1px solid #eee8f1;padding:11px 10px;font-size:8px}.master-table td:first-child{z-index:1;background:#fff;min-width:190px;position:sticky;left:0}.master-table td:first-child b,.master-table td:first-child small{display:block}.master-table td:first-child small{color:#95899a;margin-top:3px}.score-complete,.score-pending{grid-template-columns:14px 1fr;align-items:center;gap:4px;min-width:95px;display:grid}.score-complete{color:#5b9d34}.score-pending{color:#a296a7}.score-complete svg{width:13px}.score-complete b,.score-pending b{grid-column:2}.master-complete,.master-progress,.master-pending{white-space:nowrap;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:900}.master-complete{color:#589a32;background:#eaf6e3}.master-progress{color:#c87921;background:#fff0df}.master-pending{color:#8d8193;background:#f0ebf2}@media (width<=760px){.automatic-heading,.master-toolbar{flex-direction:column;align-items:stretch}.automatic-grid{grid-template-columns:1fr}}.row-delete{color:#c64861;background:#fff0f2;border:0;border-radius:10px;width:34px;height:34px}.row-delete svg{width:15px}.back-inline{color:#7b29d2;align-items:center;margin-bottom:14px;font-size:10px;font-weight:800;display:inline-flex}.back-inline svg{width:16px}.class-detail-grid,.lesson-layout,.analysis-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.class-detail-panel,.class-games,.lesson-layout>section,.lesson-layout>aside{border:1px solid #e9e1ed;border-radius:17px;padding:15px}.class-detail-panel>header,.class-games>header{color:#7b29d2;align-items:center;gap:9px;margin-bottom:12px;display:flex}.class-detail-panel header b,.class-detail-panel header small,.class-games header b,.class-games header small{display:block}.class-detail-panel header small,.class-games header small{color:#948799;font-size:8px}.mini-add{gap:7px;margin-bottom:10px;display:flex}.mini-add input{flex:1}.class-student-list article,.lesson-mini-list article{border-bottom:1px solid #f0eaf2;align-items:center;gap:8px;padding:9px 0;display:flex}.class-student-list article>span,.lesson-mini-list article>span{color:#7a29d1;background:#efe5f9;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.class-student-list article div,.lesson-mini-list article div{flex:1}.class-student-list b,.class-student-list small,.lesson-mini-list b,.lesson-mini-list small{font-size:9px;display:block}.class-student-list small,.lesson-mini-list small{color:#948799}.class-student-list button{color:#c94b62;background:0 0;border:0}.class-student-list button svg{width:15px}.panel-link{color:#7b29d2;margin-top:12px;font-size:9px;font-weight:900;display:inline-flex}.class-games{margin-top:15px}.class-games>div,.activity-web-grid,.communication-grid,.performance-metrics,.report-metrics,.overview-links{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.class-games article,.activity-web-grid article{background:#faf7fb;border-radius:14px;padding:14px}.class-games article span,.activity-web-grid article>span{color:#7b29d2;font:900 30px Nunito}.class-games article b,.class-games article small,.activity-web-grid article small{display:block}.class-games article small,.activity-web-grid article small{color:#948799;font-size:8px}.lesson-toolbar{margin-bottom:12px}.lesson-create input{flex:1}.lesson-create select,.master-toolbar select{background:#fff;border:1px solid #ddd2e3;border-radius:10px;height:40px;padding:0 10px}.master-toolbar label{color:#77697d;gap:5px;font-size:8px;font-weight:900;display:grid}.master-toolbar select{min-width:155px}.lesson-layout h3{align-items:center;gap:7px;display:flex}.lesson-cards article,.lesson-layout aside article{background:#faf7fb;border-radius:12px;align-items:center;gap:9px;margin-top:7px;padding:10px;display:flex}.lesson-cards article div{flex:1}.lesson-cards b,.lesson-cards p,.lesson-layout aside b,.lesson-layout aside small{font-size:9px;display:block}.lesson-cards p,.lesson-layout aside small,.lesson-layout aside>p{color:#948799;font-size:8px}.lesson-cards button{color:#c64861;background:0 0;border:0}.lesson-composer{background:#fff;border:1px solid #e6dbea;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 7px 22px #351c400a}.lesson-composer>header{margin-bottom:15px}.lesson-composer>header span{color:#7c29d4;letter-spacing:1px;font-size:8px;font-weight:900}.lesson-composer>header h3{color:#35203f;margin:5px 0 0;font:900 19px Nunito}.lesson-composer-form{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px 14px;display:grid}.lesson-composer-form label{color:#77697d;gap:6px;font-size:9px;font-weight:900;display:grid}.lesson-composer-form input,.lesson-composer-form select{background:#fff;border:1px solid #dfd6e4;border-radius:11px;height:42px;padding:0 12px;font-size:12px}.lesson-composer-desc{grid-column:1/span 2}.lesson-composer-form button.submit{color:#fff;cursor:pointer;background:#7c29d5;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:10px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex}.lesson-composer-form button.submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7c29d538}.lesson-composer-form button.submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.lesson-composer-form button.submit svg{width:15px}.lesson-panel-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:4px;display:flex}.lesson-panel-head span{color:#7c29d4;letter-spacing:1px;font-size:8px;font-weight:900}.lesson-panel-head h3{margin:4px 0 0}.lesson-panel-head>small{color:#948799;font-size:8px;font-weight:900}.lesson-cards article>span,.lesson-layout aside article>span{border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.lesson-cards article>span svg{width:16px}.lesson-cards article>span.purple{color:#7c29d4;background:#eee3f8}.lesson-cards article>span.green{color:#62a936;background:#eaf5e3}.lesson-cards article>span.orange{color:#d98728;background:#fff0df}.lesson-cards article>span.pink{color:#d54b7d;background:#fbe6ee}.lesson-type-tag{letter-spacing:.4px;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 8px;font-size:7px;font-style:normal;font-weight:900}.lesson-type-tag.purple{color:#7c29d4;background:#eee3f8}.lesson-type-tag.green{color:#62a936;background:#eaf5e3}.lesson-type-tag.orange{color:#d98728;background:#fff0df}.lesson-type-tag.pink{color:#d54b7d;background:#fbe6ee}.lesson-layout aside article>div{flex:1;min-width:0}.databank-use{color:#7727c9;cursor:pointer;background:#efe5f9;border:0;border-radius:9px;flex:none;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:900;transition:background .18s,color .18s;display:inline-flex}.databank-use:hover{color:#fff;background:#7c29d5}.databank-use svg{width:12px}.lesson-empty{color:#7a2acb;background:#fcfafd;border:1px dashed #ddd0e3;border-radius:15px;align-items:center;gap:12px;margin-top:8px;padding:20px;display:flex}.lesson-empty>svg{flex:none;width:22px}.lesson-empty b,.lesson-empty small{display:block}.lesson-empty small{color:#95889b;margin-top:3px;font-size:9px}.communication-hero{color:#fff;background:linear-gradient(120deg,#5f20b5,#8429dc);border-radius:20px;align-items:center;gap:14px;margin-bottom:15px;padding:23px;display:flex}.communication-card{border:1px solid #e7dfeb;border-radius:17px;padding:18px}.communication-card>span{color:#7b29d2;background:#eee4f8;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.communication-card p{color:#887b8e;font-size:9px}.communication-card b{color:#7b29d2;align-items:center;font-size:9px;display:flex}.student-picker{max-width:440px;margin-bottom:16px}.performance-metrics article,.report-metrics article{border:1px solid #e8e0ec;border-radius:16px;padding:16px}.performance-metrics small,.performance-metrics b,.report-metrics small,.report-metrics b{display:block}.performance-metrics b,.report-metrics b{font:900 26px Nunito}.performance-metrics article>div{background:#eee8f1;height:6px}.performance-metrics article i{background:#7b29d2;height:100%;display:block}.analysis-grid{grid-template-columns:repeat(3,1fr);margin-top:14px}.analysis-grid article{background:#faf7fb;border-radius:15px;padding:15px}.analysis-grid p,.analysis-grid small{color:#7f7285;font-size:9px}.assignment-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.assignment-grid button{text-align:left;background:#fff;border:1px solid #e6deea;border-radius:14px;align-items:center;gap:9px;padding:12px;display:flex}.assignment-grid button.selected{background:#f5eefb;border-color:#7b29d2}.assignment-grid button div{flex:1}.assignment-grid b,.assignment-grid small{font-size:9px;display:block}.assignment-targets{grid-template-columns:.4fr .6fr;gap:15px;display:grid}.student-checks{border:1px solid #e7dfeb;border-radius:14px;max-height:220px;padding:8px;overflow-y:auto}.student-checks label{gap:8px;padding:8px;display:flex}.student-checks span,.student-checks small{font-size:9px;display:block}.assignment-footer{justify-content:space-between;align-items:flex-end;margin-top:15px;display:flex}.report-history article{grid-template-columns:42px 160px 1fr;align-items:center;gap:9px;margin-top:9px;display:grid}.report-history article>span{color:#7b29d2;background:#eee4f8;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.report-history b,.report-history small{font-size:9px;display:block}.report-history i{background:#7b29d2;height:7px;display:block}.communication-strip{color:#6e25c5;background:#f2eafb;border-radius:17px;align-items:center;gap:12px;margin-top:15px;padding:16px;display:flex}.communication-strip div{flex:1}.activity-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:4px;display:grid}.activity-hub-card{background:#fff;border:1px solid #e6dce9;border-radius:20px;flex-direction:column;gap:6px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 7px 22px #351c400a}.activity-hub-card:hover{border-color:#d4c0e1;transform:translateY(-4px);box-shadow:0 16px 32px #351c4017}.activity-hub-glyph{color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:4px;font:900 22px Nunito;display:grid}.activity-hub-card.tone-purple .activity-hub-glyph{background:linear-gradient(135deg,#8430d2,#6420a8)}.activity-hub-card.tone-green .activity-hub-glyph{background:linear-gradient(135deg,#75b44d,#4f8c30)}.activity-hub-card.tone-orange .activity-hub-glyph{background:linear-gradient(135deg,#e99a36,#c46d13)}.activity-hub-card>small{color:#a093a5;letter-spacing:.8px;text-transform:uppercase;font-size:8px;font-weight:900}.activity-hub-card h3{color:#3b2744;margin:0;font:900 18px Nunito}.activity-hub-card p{color:#887a8e;flex:1;margin:0;font-size:10px;line-height:1.6}.activity-hub-action{color:#fff;background:#7626ca;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:6px;padding:11px 14px;font-size:10px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex}.activity-hub-action:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7626ca40}.activity-hub-action svg{width:15px}.activity-hub-note{color:#948799;background:#faf7fb;border:1px dashed #ddd0e3;border-radius:12px;align-items:center;gap:7px;margin-top:6px;padding:10px 12px;font-size:9px;font-weight:800;display:inline-flex}.activity-hub-note svg{flex:none;width:14px}.activity-spotlight{color:#fff;background:linear-gradient(120deg,#5f20b5,#8429dc);border-radius:22px;align-items:center;gap:18px;margin-top:18px;padding:26px;transition:transform .2s,box-shadow .2s;display:flex}.activity-spotlight:hover{transform:translateY(-3px);box-shadow:0 18px 36px #3c0f6e47}.activity-spotlight>svg:first-child{opacity:.9;flex:none;width:34px;height:34px}.activity-spotlight div{flex:1}.activity-spotlight small{color:#d8c3ef;letter-spacing:1.2px;font-size:9px;font-weight:900}.activity-spotlight h3{color:#fff;margin:6px 0 5px;font:900 20px Nunito}.activity-spotlight p{color:#e6d9f5;max-width:520px;margin:0;font-size:10px;line-height:1.6}.activity-spotlight>svg:last-child{flex:none;width:20px}.teacher-profile-card{border:1px solid #e8e0ec;border-radius:20px;overflow:hidden}.profile-cover{color:#fff;background:linear-gradient(120deg,#5f20b5,#8c2ee2);height:150px;padding:20px}.profile-identity{align-items:center;gap:14px;margin-top:-34px;padding:0 25px;display:flex}.profile-identity>span{color:#fff;background:#7b29d2;border:6px solid #fff;border-radius:24px;place-items:center;width:76px;height:76px;font-size:24px;display:grid}.profile-details{grid-template-columns:repeat(3,1fr);gap:10px;padding:25px;display:grid}.profile-details article,.settings-list article{border:1px solid #ebe4ee;border-radius:14px;align-items:center;gap:9px;padding:14px;display:flex}.profile-details small,.profile-details b,.settings-list b,.settings-list small{font-size:9px;display:block}.teacher-profile-page{gap:18px;display:grid}.teacher-profile-page>.page-header{background:0 0;border:0;margin-bottom:0;padding:0 2px 4px}.profile-hero-card{color:#fff;background:linear-gradient(118deg,#42145e 0%,#6921ad 56%,#8a31dc 100%);border-radius:25px;grid-template-columns:auto 1fr auto;align-items:end;gap:20px;min-height:188px;padding:31px 35px;display:grid;position:relative;overflow:hidden;box-shadow:0 17px 38px #43145e29}.profile-hero-card:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:270px;height:270px;position:absolute;top:-130px;right:-45px;box-shadow:0 0 0 48px #ffffff09}.profile-hero-pattern{opacity:.1;pointer-events:none;position:absolute;inset:0}.profile-hero-pattern span{font:900 100px Nunito,sans-serif;position:absolute}.profile-hero-pattern span:first-child{top:-18px;right:29%;transform:rotate(-9deg)}.profile-hero-pattern span:nth-child(2){bottom:-36px;right:12%;transform:rotate(8deg)}.profile-hero-pattern span:nth-child(3){bottom:-42px;left:46%;transform:rotate(-5deg)}.profile-avatar-large{z-index:2;color:#6721ac;background:linear-gradient(145deg,#fff,#eee1f8);border:5px solid #ffffffe0;border-radius:31px;place-items:center;width:106px;height:106px;font:900 32px Nunito,sans-serif;display:grid;position:relative;box-shadow:0 15px 32px #1f052d40}.profile-avatar-large i{color:#fff;background:#75b847;border:3px solid #6921ad;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;bottom:-7px;right:-8px}.profile-avatar-large i svg{width:17px}.profile-hero-copy{z-index:2;position:relative}.profile-hero-copy>span{color:#cbf19a;letter-spacing:1.4px;font-size:9px;font-weight:900}.profile-hero-copy h2{margin:6px 0 2px;font:900 clamp(27px,3vw,38px) Nunito,sans-serif}.profile-hero-copy p{color:#ded0e8;margin:0;font-size:11px}.profile-status{z-index:2;background:#ffffff1a;border:1px solid #ffffff2b;border-radius:999px;align-self:center;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:800;display:flex;position:relative}.profile-status svg{color:#bce982;width:15px}.teacher-profile-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.62fr);gap:16px;display:grid}.profile-information-card,.profile-account-card,.profile-shortcuts-card{background:#fff;border:1px solid #e8dfea;border-radius:21px;box-shadow:0 7px 24px #351d400a}.profile-information-card{padding:23px}.profile-information-card header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.profile-information-card header small,.profile-account-card>small,.profile-shortcuts-card>small{color:#70ad43;letter-spacing:1.2px;font-size:8px;font-weight:900}.profile-information-card h3,.profile-account-card h3,.profile-shortcuts-card h3{color:#3d2747;margin:4px 0 0;font:900 18px Nunito,sans-serif}.profile-information-card header>a{color:#6f27b8;background:#faf7fc;border:1px solid #e3d8e8;border-radius:11px;align-items:center;gap:6px;padding:9px 11px;font-size:9px;font-weight:900;display:flex}.profile-information-card header>a svg{width:14px}.profile-information-grid{border:1px solid #eee6f1;border-radius:17px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.profile-information-grid article{background:#fff;align-items:flex-start;gap:12px;min-width:0;padding:19px;display:flex}.profile-information-grid article:nth-child(odd){border-right:1px solid #eee6f1}.profile-information-grid article:nth-child(-n+2){border-bottom:1px solid #eee6f1}.profile-information-grid article>span{color:#7927c9;background:#f0e6f9;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid}.profile-information-grid article:nth-child(2)>span{color:#579932;background:#edf7e7}.profile-information-grid article:nth-child(3)>span{color:#d9821c;background:#fff0dc}.profile-information-grid article:nth-child(4)>span{color:#c94b79;background:#fbe7ef}.profile-information-grid svg{width:18px}.profile-information-grid div{min-width:0}.profile-information-grid small,.profile-information-grid b{display:block}.profile-information-grid small{color:#9c8fa1;letter-spacing:.8px;font-size:7px;font-weight:900}.profile-information-grid b{color:#46344e;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:11px;overflow:hidden}.profile-information-grid p{color:#9a8da0;margin:0;font-size:8px;line-height:1.4}.profile-side-column{gap:16px;display:grid}.profile-account-card{background:linear-gradient(150deg,#fff,#f8f2fc);padding:22px}.profile-account-card>span{color:#fff;background:linear-gradient(145deg,#6b22b5,#8b31db);border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:14px;display:grid;box-shadow:0 10px 20px #6b22b533}.profile-account-card>span svg{width:21px}.profile-account-card p{color:#887a8e;margin:8px 0 15px;font-size:9px;line-height:1.55}.profile-account-card>div{color:#579732;background:#edf7e7;border-radius:10px;align-items:center;gap:7px;padding:9px 10px;font-size:8px;font-weight:900;display:flex}.profile-account-card>div svg{width:14px}.profile-shortcuts-card{padding:20px}.profile-shortcuts-card h3{margin-bottom:11px}.profile-shortcuts-card>a{color:#483750;border-top:1px solid #eee7f1;align-items:center;gap:9px;padding:10px 4px;display:flex}.profile-shortcuts-card>a>span{color:#7626c4;background:#f0e7f8;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.profile-shortcuts-card>a>span svg{width:16px}.profile-shortcuts-card>a div{flex:1}.profile-shortcuts-card b,.profile-shortcuts-card a small{display:block}.profile-shortcuts-card b{font-size:9px}.profile-shortcuts-card a small{color:#9b8ea0;margin-top:2px;font-size:7px}.profile-shortcuts-card>a>svg{color:#ac9eb1;width:14px;transition:transform .18s}.profile-shortcuts-card>a:hover>svg{color:#7626c4;transform:translate(3px)}.profile-help-strip{background:#f7f1fb;border:1px solid #dfd2e7;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;display:flex}.profile-help-strip span{color:#472e53;font-size:10px;font-weight:900}.profile-help-strip p{color:#8e8094;margin:3px 0 0;font-size:8px}.profile-help-strip a{color:#7124be;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.profile-help-strip a svg{width:14px}@media (width<=980px){.teacher-profile-layout{grid-template-columns:1fr}.profile-side-column{grid-template-columns:1fr 1fr}}@media (width<=680px){.profile-hero-card{grid-template-columns:auto 1fr;min-height:230px;padding:25px}.profile-status{grid-column:1/-1;place-self:end start}.profile-avatar-large{border-radius:24px;width:82px;height:82px}.profile-information-card{padding:17px}.profile-information-card header{flex-direction:column;align-items:flex-start}.profile-information-grid,.profile-side-column{grid-template-columns:1fr}.profile-information-grid article:nth-child(odd){border-right:0}.profile-information-grid article{border-bottom:1px solid #eee6f1}.profile-information-grid article:last-child{border-bottom:0}.profile-help-strip{flex-direction:column;align-items:flex-start}}.settings-list{gap:9px;display:grid}.settings-list article div{flex:1}.teacher-settings-page{gap:17px;display:grid}.settings-hero{background:linear-gradient(120deg,#fff 0%,#faf6fd 58%,#ecdef7 100%);border:1px solid #dfd2e8;border-radius:24px;justify-content:space-between;align-items:center;min-height:185px;padding:30px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 32px #3c204812}.settings-hero:after{content:"";border:1px solid #7526c21a;border-radius:50%;width:230px;height:230px;position:absolute;top:-100px;right:-55px;box-shadow:0 0 0 43px #7526c206}.settings-hero>div:first-child{z-index:2;max-width:590px;position:relative}.settings-hero>div:first-child>span{color:#69a83e;letter-spacing:1.2px;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex}.settings-hero>div:first-child>span svg{width:15px}.settings-hero h2{color:#36203f;letter-spacing:-.025em;margin:8px 0 6px;font:900 clamp(28px,3vw,39px) Nunito,sans-serif}.settings-hero p{color:#7e7084;max-width:560px;margin:0;font-size:11px;line-height:1.6}.settings-hero-mark{z-index:2;color:#7726c6;width:130px;height:108px;margin-right:28px;position:relative}.settings-hero-mark span,.settings-hero-mark b{border-radius:22px;place-items:center;font:900 37px Nunito,sans-serif;display:grid;position:absolute}.settings-hero-mark span{background:#fff;width:78px;height:78px;top:0;left:0;transform:rotate(-6deg);box-shadow:0 13px 28px #5225691f}.settings-hero-mark b{color:#fff;background:linear-gradient(145deg,#6c22b7,#8b31da);width:68px;height:68px;bottom:0;right:0;transform:rotate(7deg);box-shadow:0 13px 28px #6c22b733}.settings-layout{grid-template-columns:minmax(0,1.55fr) minmax(260px,.58fr);gap:16px;display:grid}.settings-content-card,.settings-account-card,.settings-classroom-card{background:#fff;border:1px solid #e8dfea;border-radius:21px;box-shadow:0 7px 23px #371d420a}.settings-content-card{padding:23px}.settings-content-card>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.settings-content-card>header small,.settings-account-card>small,.settings-classroom-card small{color:#6faa43;letter-spacing:1.15px;font-size:8px;font-weight:900}.settings-content-card h3,.settings-account-card h3{color:#3e2947;margin:4px 0 0;font:900 19px Nunito,sans-serif}.settings-saved{color:#579832;background:#edf7e7;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:8px;font-weight:900;animation:.2s settingsSavedIn;display:flex}.settings-saved svg{width:13px}@keyframes settingsSavedIn{0%{opacity:0;transform:translateY(-3px)}}.settings-option-list{border:1px solid #ece4ef;border-radius:17px;overflow:hidden}.settings-option-list article,.settings-language-row{background:#fff;align-items:center;gap:13px;padding:17px;display:flex}.settings-option-list article+article{border-top:1px solid #eee7f1}.settings-option-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.settings-option-icon svg{width:19px}.settings-option-icon.violet{color:#7828c9;background:#f0e6f9}.settings-option-icon.green{color:#5d9f37;background:#edf7e7}.settings-option-icon.orange{color:#d78320;background:#fff1de}.settings-option-icon.pink{color:#c74b78;background:#fbe7ee}.settings-option-list article>div:nth-child(2),.settings-language-row>div{flex:1;min-width:0}.settings-option-list b,.settings-option-list small,.settings-language-row b,.settings-language-row small{display:block}.settings-option-list b,.settings-language-row b{color:#493650;font-size:10px}.settings-option-list small,.settings-language-row small{color:#97899d;margin-top:3px;font-size:8px;line-height:1.45}.setting-control{align-items:center;gap:9px;display:flex}.setting-control em{color:#988b9d;min-width:18px;font-size:8px;font-style:normal;font-weight:800}.setting-control .toggle{cursor:pointer}.setting-control .toggle:focus-visible{outline-offset:2px;outline:3px solid #7b29d233}.settings-language-row{border:1px solid #ece4ef;border-radius:17px;margin-top:12px}.settings-language-value{color:#5e9e38;background:#edf7e7;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:8px;font-weight:900;display:flex}.settings-language-value svg{width:13px}.settings-reset{color:#806d88;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:15px;padding:9px 0;font-size:9px;font-weight:800;display:flex}.settings-reset:hover{color:#7627c5}.settings-reset svg{width:14px}.settings-side-column{align-content:start;gap:14px;display:grid}.settings-account-card{background:linear-gradient(150deg,#fff,#faf5fd);padding:23px}.settings-account-card>span{color:#fff;background:linear-gradient(145deg,#6720af,#8830d7);border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid;box-shadow:0 10px 22px #6720af33}.settings-account-card>span svg{width:22px}.settings-account-card p{color:#887a8e;margin:8px 0 16px;font-size:9px;line-height:1.55}.settings-account-card a{color:#7124bb;background:#f0e6f8;border-radius:11px;justify-content:space-between;align-items:center;padding:11px 12px;font-size:9px;font-weight:900;display:flex}.settings-account-card a svg{width:14px}.settings-classroom-card{align-items:center;gap:12px;padding:17px;display:flex}.settings-classroom-card>span{color:#5d9c38;background:#edf7e7;border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.settings-classroom-card>span svg{width:18px}.settings-classroom-card b{color:#59445f;margin-top:3px;font-size:8px;line-height:1.4;display:block}.teacher-compact .page-body{padding-top:16px;padding-bottom:30px}.teacher-compact .full-panel,.teacher-compact .panel{padding:14px}.teacher-compact .metric-grid article,.teacher-compact .overview-action-cards a{padding-block:11px}.teacher-reduced-motion *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.teacher-hide-tips .welcome-art>span,.teacher-hide-tips .overview-section-head>small,.teacher-hide-tips .secure-note{display:none!important}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-side-column{grid-template-columns:1fr 1fr}}@media (width<=620px){.settings-hero{min-height:220px;padding:25px}.settings-hero-mark{opacity:.28;position:absolute;bottom:-20px;right:-18px}.settings-content-card{padding:16px}.settings-option-list article,.settings-language-row{align-items:flex-start;padding:14px}.setting-control{align-self:center}.setting-control em{display:none}.settings-side-column{grid-template-columns:1fr}}.toggle{background:#dcd4e0;border:0;border-radius:12px;width:43px;height:24px;padding:3px}.toggle i{background:#fff;border-radius:50%;width:18px;height:18px;display:block}.toggle.on{background:#7b29d2}.toggle.on i{transform:translate(19px)}.overview-links{margin-top:15px}.overview-links a{background:#fff;border:1px solid #e8e0ec;border-radius:16px;align-items:center;gap:9px;padding:15px;display:flex}.overview-links a>svg:last-child{margin-left:auto}.overview-links b,.overview-links small{display:block}.overview-links small{color:#948799;font-size:8px}.class-directory-page,.student-directory-page{gap:16px;display:grid}.directory-title-row{justify-content:space-between;align-items:flex-end;gap:20px;padding:4px 2px 7px;display:flex}.directory-title-row>div:first-child>span{color:#69a83e;letter-spacing:1.25px;font-size:9px;font-weight:900}.directory-title-row h2{color:#35203f;margin:4px 0 2px;font:900 29px Nunito,sans-serif}.directory-title-row p{color:#887a8e;margin:0;font-size:10px}.directory-title-row>.primary{color:#fff;cursor:pointer;background:#7626ca;border:0;border-radius:12px;align-items:center;gap:7px;height:43px;padding:0 15px;font-size:10px;font-weight:900;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 9px 20px #7626ca2e}.directory-title-row>.primary:hover{transform:translateY(-2px);box-shadow:0 13px 26px #7626ca3d}.directory-title-row>.primary svg{width:16px}.class-directory-toolbar{background:#fff;border:1px solid #e8dfea;border-radius:18px;align-items:center;gap:18px;min-height:64px;padding:10px 12px;display:flex;box-shadow:0 6px 20px #351c4009}.directory-count,.student-summary{align-items:center;gap:10px;display:flex}.directory-count{border-right:1px solid #eee7f1;padding-right:18px}.directory-count>span,.student-summary>span{color:#7727c9;background:#f0e6f9;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.directory-count svg,.student-summary svg{width:18px}.directory-count b,.directory-count small,.student-summary b,.student-summary small{display:block}.directory-count b,.student-summary b{color:#3f2948;font:900 19px/1 Nunito,sans-serif}.directory-count small,.student-summary small{color:#96899b;margin-top:2px;font-size:7px}.directory-search{background:#faf8fb;border:1px solid #e2d8e7;border-radius:12px;flex:1;align-items:center;gap:8px;height:42px;padding:0 12px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.directory-search:focus-within{background:#fff;border-color:#c6a8dc;box-shadow:0 0 0 3px #7727c914}.directory-search>svg{color:#9a8c9f;width:16px}.directory-search input{color:#46334d;background:0 0;border:0;outline:0;flex:1;font-size:10px}.directory-search button{color:#8d7e94;cursor:pointer;background:#eee8f1;border:0;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.directory-search button svg{width:13px}.class-directory-page .class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.class-directory-page .class-grid article{background:#fff;border:1px solid #e6dce9;border-radius:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 7px 23px #351c400b}.class-directory-page .class-grid article:hover{border-color:#d4c0e1;transform:translateY(-4px);box-shadow:0 16px 33px #351c401a}.class-directory-page .class-grid .class-directory-card{background:linear-gradient(155deg,#fff 68%,#faf6fc);border-top:4px solid #7b2bc8;flex-direction:column;min-height:205px;display:flex;overflow:hidden}.class-directory-page .class-grid .class-directory-card.accent-1{border-top-color:#72aa49}.class-directory-page .class-grid .class-directory-card.accent-2{border-top-color:#df902d}.class-directory-page .class-grid .class-directory-card.accent-3{border-top-color:#d15882}.class-card-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:17px 18px 11px;display:grid}.class-kanji{color:#7628c5;background:#f0e6f9;border-radius:13px;place-items:center;width:42px;height:42px;font:900 19px Nunito,sans-serif;display:grid}.accent-1 .class-kanji{color:#589634;background:#edf7e7}.accent-2 .class-kanji{color:#d27d1b;background:#fff1dd}.accent-3 .class-kanji{color:#c84a76;background:#fbe7ee}.class-ready{color:#568e36;text-transform:uppercase;letter-spacing:.45px;background:#edf7e7;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:6px 8px;font-size:7px;font-weight:900;display:inline-flex}.class-ready i{background:#6aaa42;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #6aaa421f}.class-ready.muted{color:#8a7c90;background:#f2eef4}.class-ready.muted i{background:#c3b6c9;box-shadow:0 0 0 3px #c3b6c91f}.class-card-heading>small{color:#a093a5;letter-spacing:.8px;font-size:7px;font-weight:900}.class-card-content{padding:5px 18px 16px}.class-card-content h3{color:#3b2744;text-overflow:ellipsis;white-space:nowrap;margin:0;font:900 19px Nunito,sans-serif;overflow:hidden}.class-card-content p{color:#96899b;margin:4px 0 0;font-size:9px}.class-card-stats{flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;display:flex}.class-card-stats>span{color:#8a7c90;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.class-card-stats svg{width:12px}.class-card-mastery{color:#7326ca;background:#f1e8fa;border-radius:999px;padding:4px 9px}.class-card-mastery b{font-weight:900}.class-card-footer{background:#faf7fcb8;border-top:1px solid #eee7f1;align-items:center;min-height:52px;margin-top:auto;padding:10px 13px 10px 18px;display:flex}.class-card-footer>a{color:#7125bd;align-items:center;gap:5px;font-size:9px;font-weight:900;transition:gap .18s,color .18s;display:inline-flex}.class-card-footer>a:hover{color:#54158f;gap:8px}.class-card-footer>a svg{width:14px}.class-card-footer .trash{color:#b95668;cursor:pointer;opacity:.62;background:0 0;border:0;border-radius:10px;place-items:center;width:32px;height:32px;margin-left:auto;padding:0;transition:opacity .18s,background .18s;display:grid}.class-card-footer .trash:hover{opacity:1;background:#fbe8ec}.class-card-footer .trash svg{width:14px}.class-directory-page .class-cover{background:linear-gradient(135deg,#60209e,#8430d2);height:103px;padding:15px 17px}.class-directory-page .class-cover:after{content:"";border:1px solid #ffffff2b;border-radius:50%;width:120px;height:120px;position:absolute;top:-45px;right:-28px;box-shadow:0 0 0 25px #ffffff0b}.class-directory-page .class-cover.cover-1{background:linear-gradient(135deg,#4f8c30,#75b44d)}.class-directory-page .class-cover.cover-2{background:linear-gradient(135deg,#c46d13,#e99a36)}.class-directory-page .class-cover.cover-3{background:linear-gradient(135deg,#b43e6a,#dc628f)}.class-directory-page .class-cover span{opacity:.18;font-size:82px;bottom:-31px;right:15px}.class-directory-page .class-cover small{letter-spacing:.9px;background:#1e082b1f;border:1px solid #ffffff2e;border-radius:999px;padding:6px 8px;display:inline-flex}.class-directory-page .class-info{padding:17px}.class-directory-page .class-info h3{color:#3f2948;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.class-directory-page .class-info p{margin:4px 0 15px}.class-directory-page .class-info>div{align-items:center}.class-directory-page .class-info a{padding:9px 11px;transition:background .18s,transform .18s}.class-directory-page .class-info a:hover{background:#e9dbf6;transform:translate(2px)}.class-directory-page .class-info .trash{opacity:.72;place-items:center;width:32px;height:32px;padding:0;display:grid}.class-directory-page .class-info .trash:hover{opacity:1;background:#fbe2e7}.directory-no-results{text-align:center;background:#fcfafc;border:1px dashed #d9cce0;border-radius:20px;padding:55px 20px}.directory-no-results>svg{color:#9a78b2;width:35px}.directory-no-results h3{color:#46334f;margin:10px 0 3px}.directory-no-results p{color:#95889b;margin:0 0 13px;font-size:9px}.directory-no-results button{color:#7224c2;cursor:pointer;background:#eee3f7;border:0;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:900}.student-directory-title{align-items:center}.student-summary{background:#fff;border:1px solid #e7ddea;border-radius:15px;min-width:142px;padding:10px 13px;box-shadow:0 6px 18px #351c400a}.student-summary>span{color:#5b9d35;background:#edf7e7}.directory-student-toolbar{background:#fff;border:1px solid #e7ddea;border-radius:17px 17px 0 0;align-items:center;margin:0;padding:10px}.directory-student-toolbar label{min-width:220px;padding-left:4px}.directory-student-toolbar select,.directory-student-toolbar .student-search{background:#faf8fb;border-color:#e2d8e7;height:40px}.directory-student-toolbar .student-search:focus-within{background:#fff;border-color:#c6a8dc;box-shadow:0 0 0 3px #7727c914}.student-directory-page .inline-add-student{background:linear-gradient(100deg,#f7f1fb,#fff);border-color:#dfd0e9;border-radius:15px;margin:0;padding:13px 15px}.student-directory-page .inline-add-student>svg{color:#7727c9;width:21px}.student-directory-page .inline-add-student button{cursor:pointer}.student-directory-page .student-table-wrap{background:#fff;border:1px solid #e7ddea;border-radius:0 0 18px 18px;overflow:hidden;box-shadow:0 8px 25px #351c400a}.student-directory-page .inline-add-student+.skeleton-list,.student-directory-page .inline-add-student+.student-table-wrap{border-radius:18px}.student-directory-page .student-table thead{background:#faf7fb}.student-directory-page .student-table th{color:#95879b;letter-spacing:.65px;height:42px;padding:0 15px}.student-directory-page .student-table td{color:#65576a;height:59px;padding:9px 15px}.student-directory-page .student-table tbody tr{transition:background .16s}.student-directory-page .student-table tbody tr:hover{background:#fcf9fd}.student-directory-page .student-avatar{border-radius:12px;width:38px;height:38px}.student-directory-page .row-delete{color:#c34c62;cursor:pointer;opacity:.75;background:#fff0f2;border:0;border-radius:9px;width:31px;height:31px}.student-directory-page .row-delete:hover{opacity:1;background:#f9dfe4}.student-directory-page .row-delete svg{width:14px}@media (width<=1050px){.class-directory-page .class-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.directory-title-row{flex-direction:column;align-items:flex-start}.student-directory-title{flex-direction:row}.class-directory-toolbar{flex-direction:column;align-items:stretch}.directory-count{border:0;border-bottom:1px solid #eee7f1;padding:0 0 10px}.directory-student-toolbar{flex-direction:column;align-items:stretch}.directory-student-toolbar label{min-width:0}.student-directory-page .inline-add-student{flex-direction:column;align-items:stretch}.student-directory-page .student-table-wrap{border-radius:18px}.student-directory-page .student-table{min-width:760px}}@media (width<=520px){.class-directory-page .class-grid{grid-template-columns:1fr}.student-directory-title{flex-direction:column;align-items:flex-start}.student-summary{width:100%}}.portal:has(.welcome-card) .page-body{max-width:1480px;margin:0 auto;padding:28px 34px 60px}.welcome-card{color:#382044;background:radial-gradient(circle at 91% 14%,#7e2bcd14 0 2px,#0000 3px),linear-gradient(120deg,#fff 0%,#fbf7fe 54%,#eee1f8 100%);border:1px solid #e1d3ea;border-radius:24px;min-height:236px;padding:32px 38px;position:relative;box-shadow:0 14px 36px #43254f14}.welcome-card:after{content:"";border:1px solid #7e2bcd1a;border-radius:50%;width:270px;height:270px;position:absolute;top:-100px;right:-54px;box-shadow:0 0 0 48px #7e2bcd06}.welcome-card>div:first-child{z-index:5;position:relative}.welcome-kicker{color:#66a538;letter-spacing:1.1px}.welcome-card h2{letter-spacing:-.025em;margin:11px 0 8px;font-size:clamp(29px,2.7vw,39px);line-height:1.04}.welcome-card p{color:#77687e;font-size:12px}.welcome-card .primary{color:#fff;background:#7626cb;box-shadow:0 9px 20px #691fb230}.welcome-card .soft{color:#6420a8;background:#ffffffb8;border-color:#d9c6e7}.welcome-card .primary:hover,.welcome-card .soft:hover{transform:translateY(-2px)}.welcome-card>div:first-child>div{align-items:center;gap:10px;display:flex}.welcome-card .primary,.welcome-card .soft{box-sizing:border-box;white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:160px;height:48px;margin:0;padding:0 16px;font-size:11px;line-height:1;display:inline-flex}.welcome-card .primary svg,.welcome-card .soft svg{flex:0 0 18px;width:18px;height:18px}.welcome-art{z-index:2}.welcome-art img{filter:drop-shadow(0 17px 20px #3d184e2e);height:205px}.welcome-sun{background:#7e2bcd1a;width:215px;height:215px;bottom:-66px}.mini-fuji{background:#7b2cbe24;width:145px;height:98px}.welcome-art>span{border:1px solid #eadff0;padding:10px 12px;top:9px;right:3px;box-shadow:0 9px 24px #361c4117}.overview-section-head{justify-content:space-between;align-items:flex-end;margin:24px 2px 11px;display:flex}.overview-section-head span,.overview-class-panel header span,.overview-insight-panel>span{color:#70ad43;letter-spacing:1.25px;font-size:9px;font-weight:900}.overview-section-head h2{color:#35203f;margin:3px 0 0;font:900 21px Nunito,sans-serif}.overview-section-head>small{color:#998ca0;align-items:center;gap:6px;font-size:10px;display:flex}.overview-section-head>small svg{width:14px}.overview-metrics{gap:14px;margin:0}.overview-metrics article{border-color:#e8dfee;border-radius:20px;min-width:0;padding:15px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 7px 22px #3b1f480b}.overview-metrics article:hover{border-color:#d8c7e2;transform:translateY(-4px);box-shadow:0 15px 30px #3b1f4817}.overview-metrics article>span{border-radius:13px;width:42px;height:42px}.overview-metrics article>div{min-width:0}.overview-metrics b{color:#382141;font-size:24px;line-height:1.05}.overview-metrics p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overview-metrics .metric-trend{color:#c8bdcd;align-self:flex-start;width:15px;margin-left:auto}.overview-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(250px,.55fr);gap:16px;margin-top:16px;display:grid}.overview-class-panel,.overview-insight-panel{background:#fff;border:1px solid #e8dfee;border-radius:23px;box-shadow:0 8px 26px #3b1f480b}.overview-class-panel{padding:22px}.overview-class-panel header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.overview-class-panel h3,.overview-insight-panel h3{color:#382141;margin:4px 0 0;font:900 19px Nunito,sans-serif}.overview-class-panel header a,.overview-insight-panel>a{color:#7626ca;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.overview-class-panel header a svg,.overview-insight-panel>a svg{width:14px}.overview-class-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.overview-class-list>a{border:1px solid #eee7f1;border-radius:16px;align-items:center;gap:11px;padding:13px;transition:transform .18s,background .18s,border-color .18s;display:flex}.overview-class-list>a:hover{background:#fbf7fe;border-color:#dac8e6;transform:translate(3px)}.class-orb{border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.class-orb svg{width:18px}.class-orb.tone-1{color:#7827ce;background:#efe5fa}.class-orb.tone-2{color:#57952e;background:#edf7e6}.class-orb.tone-3{color:#d8841c;background:#fff1dc}.class-orb.tone-4{color:#c64978;background:#fbe7ee}.overview-class-list>a div{flex:1;min-width:0}.overview-class-list b,.overview-class-list small{display:block}.overview-class-list b{color:#44304d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.overview-class-list small{color:#96899c;margin-top:2px;font-size:8px}.open-class{color:#88788f;align-items:center;gap:1px;font-size:8px;font-weight:800;display:flex}.open-class svg{width:13px}.class-list-mastery{color:#7326ca;background:#f1e8fa;border-radius:999px;flex:none;padding:4px 8px;font-size:8px;font-weight:900}.overview-empty-class{color:#7a2acb;background:#fcf9fd;border:1px dashed #d9cae2;border-radius:17px;grid-column:1/-1;align-items:center;gap:12px;padding:22px;display:flex}.overview-empty-class>svg{width:26px}.overview-empty-class div{flex:1}.overview-empty-class b,.overview-empty-class small{display:block}.overview-empty-class small{color:#95889b;margin-top:3px;font-size:9px}.overview-empty-class a{color:#fff;background:#7928ce;border-radius:10px;align-items:center;gap:5px;padding:9px 11px;font-size:9px;font-weight:900;display:flex}.overview-empty-class a svg{width:13px}.overview-insight-panel{text-align:center;background:linear-gradient(160deg,#fff,#faf5fd);flex-direction:column;align-items:center;padding:22px;display:flex}.overview-insight-panel>span,.overview-insight-panel h3{text-align:left;align-self:flex-start}.overview-ring{--progress:0deg;background:conic-gradient(#7b29d2 var(--progress), #ece4f0 0);border-radius:50%;place-items:center;width:128px;height:128px;margin:17px auto 13px;display:grid;position:relative}.overview-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.overview-ring div{z-index:1;position:relative}.overview-ring b,.overview-ring small{display:block}.overview-ring b{color:#42244f;font:900 27px Nunito,sans-serif}.overview-ring small{color:#9a8da0;font-size:8px}.overview-insight-panel p{color:#817486;align-items:flex-start;gap:6px;margin:0 0 15px;font-size:9px;line-height:1.5;display:flex}.overview-insight-panel p svg{color:#6aaa3e;flex:none;width:14px}.overview-mastery{background:#fff;border:1px solid #e8dfee;border-radius:23px;margin-top:16px;padding:22px;box-shadow:0 10px 30px #3b1f480b}.overview-mastery header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.overview-mastery header a{color:#7626ca;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.overview-mastery header a svg{width:14px}.mastery-bars{gap:14px;display:grid}.mastery-bar-label{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mastery-bar-label span{color:#5a4d61;font-size:11px;font-weight:800}.mastery-bar-label b{color:#382141;font:900 12px Nunito,sans-serif}.mastery-bar-track{background:#f0e9f5;border-radius:999px;height:9px;overflow:hidden}.mastery-bar-fill{background:linear-gradient(90deg,#9350e0,#7626ca);border-radius:999px;height:100%;transition:width .4s}.mastery-bar-label-text{align-items:center;gap:8px;display:flex}.mastery-stage-icon{border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.mastery-stage-icon svg{width:13px}.metric-card-hit{border-radius:inherit;z-index:1;position:absolute;inset:0}.overview-metrics article{cursor:pointer}.overview-attention{text-align:left;border-top:1px dashed #e8dfee;width:100%;margin-top:18px;padding-top:16px}.overview-attention-title{color:#c6552e;letter-spacing:1px;align-items:center;gap:6px;font-size:9px;font-weight:900;display:flex}.overview-attention-title svg{width:13px}.overview-attention ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.overview-attention li{background:#fdf6f3;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.overview-attention li b,.overview-attention li small{display:block}.overview-attention li b{color:#44304d;font-size:10px}.overview-attention li small{color:#96899c;margin-top:1px;font-size:8px}.overview-attention li>span{color:#c6552e;flex:none;font:900 11px Nunito,sans-serif}.overview-actions-head{margin-top:28px}.overview-action-cards{gap:14px;margin-top:0}.overview-action-cards a{border-radius:20px;min-height:92px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}.overview-action-cards a:hover{border-color:#d7c4e3;transform:translateY(-4px);box-shadow:0 14px 28px #3b1f4817}.overview-action-cards a>span{color:#7927cf;background:#efe5f9;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.overview-action-cards a>span svg{width:20px}.overview-action-cards a:nth-child(2)>span{color:#5b9c34;background:#edf7e7}.overview-action-cards a:nth-child(3)>span{color:#d6811e;background:#fff1de}.overview-action-cards div{flex:1}.overview-action-cards small{color:#9d8da4;letter-spacing:.8px;font-size:7px;font-weight:900}.overview-action-cards b{color:#412b4a;margin:3px 0;font-size:11px}.overview-action-cards p{color:#96899c;margin:0;font-size:8px}.overview-action-cards>a>svg{color:#a99caf;width:16px;transition:transform .18s}.overview-action-cards a:hover>svg{color:#7626ca;transform:translate(3px)}.global-search{border:1px solid #0000;transition:width .2s,border-color .2s,background .2s;position:relative}.global-search:focus-within{background:#fff;border-color:#d9c8e5;width:285px;box-shadow:0 8px 24px #381f4414}.global-search-results{z-index:60;background:#fff;border:1px solid #e5daea;border-radius:15px;padding:7px;position:absolute;top:calc(100% + 9px);left:0;right:0;box-shadow:0 18px 42px #2e17382b}.global-search-results button{color:#513b5b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.global-search-results button:hover{color:#7626ca;background:#f6effb}.global-search-results button>svg{width:16px;color:inherit}.global-search-results button>svg:last-child{width:13px;margin-left:auto}.global-search-results button span{flex:1}.global-search-results b,.global-search-results small{display:block}.global-search-results b{font-size:10px}.global-search-results small{color:#9b8da1;margin-top:2px;font-size:7px}.global-search-results p{color:#978a9d;text-align:center;margin:0;padding:13px;font-size:9px}@media (width<=1050px){.overview-metrics{grid-template-columns:1fr 1fr}.overview-dashboard-grid{grid-template-columns:1fr}.overview-insight-panel{text-align:left;grid-template-columns:1fr auto;display:grid}.overview-insight-panel .overview-ring{grid-area:1/2/5;margin:0 10px 0 30px}.overview-attention{grid-column:1/-1}}@media (width<=720px){.portal:has(.welcome-card) .page-body{padding:20px 18px 45px}.welcome-card{grid-template-columns:1fr;min-height:360px;padding:28px}.welcome-art{height:230px;position:absolute;inset:auto 10px 0 48%}.welcome-art img{height:215px}.welcome-art>span{display:none}.welcome-card>div:first-child{max-width:70%}.overview-class-list,.overview-action-cards{grid-template-columns:1fr}}@media (width<=520px){.welcome-card{min-height:390px;padding:25px 22px}.welcome-card>div:first-child{max-width:100%}.welcome-card h2{font-size:31px}.welcome-card>div>div{flex-direction:column;align-items:flex-start}.welcome-art{opacity:.35;left:45%}.overview-metrics{grid-template-columns:1fr}.overview-section-head>small{display:none}.overview-insight-panel{display:flex}.overview-insight-panel .overview-ring{margin:17px auto 13px}.global-search{display:none}}@media (width<=860px){.class-detail-grid,.lesson-layout,.analysis-grid,.assignment-targets,.profile-details{grid-template-columns:1fr}.lesson-composer-form{grid-template-columns:1fr 1fr}.lesson-composer-desc,.lesson-composer-form button.submit{grid-column:1/-1}.communication-grid,.performance-metrics,.report-metrics,.overview-links,.assignment-grid,.activity-web-grid,.activity-hub-grid{grid-template-columns:1fr 1fr}.activity-spotlight{align-items:flex-start}}@media (width<=600px){.student-toolbar,.inline-add-student,.lesson-create,.report-toolbar,.assignment-footer{flex-direction:column;align-items:stretch}.lesson-composer-form{grid-template-columns:1fr}.lesson-composer-desc,.lesson-composer-form button.submit{grid-column:1}.communication-grid,.performance-metrics,.report-metrics,.overview-links,.assignment-grid,.activity-web-grid,.activity-hub-grid,.class-games>div{grid-template-columns:1fr}.activity-spotlight{flex-direction:column;align-items:flex-start}.activity-spotlight>svg:last-child{align-self:flex-end}}.landing .download-status{color:#7b6c81;flex-wrap:wrap;align-items:center;gap:11px;max-width:610px;margin-top:15px;font-size:11px;display:flex}.landing .download-status-ready{color:#589736;align-items:center;gap:6px;display:inline-flex}.landing .download-status-ready svg{width:15px}.landing .download-status-divider{background:#dacfe0;width:1px;height:16px}.landing .download-status-soon b{color:#6f5f76}@media (width<=720px){.landing .download-status{align-items:flex-start}.landing .download-status-divider{display:none}.landing .download-status-ready,.landing .download-status-soon{width:100%}}.reply-studio{color:#30143f;padding:32px}.reply-studio-hero{color:#fff;background:linear-gradient(135deg,#3a174b,#7921cf);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 20px 45px #3214442e}.reply-studio-hero small,.reply-section-title small{letter-spacing:.16em;color:#9ce66c;font-weight:800}.reply-studio-hero h1{margin:5px 0 8px;font-size:34px}.reply-studio-hero p{color:#eadcf1;max-width:760px;margin:0;line-height:1.55}.reply-hero-actions,.reply-publish-actions,.node-tools{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.reply-studio-shell{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;margin-top:20px;display:grid}.reply-chapter-list,.reply-meta-card,.reply-node-list,.reply-node-editor{background:#fff;border:1px solid #eadfec;border-radius:22px;box-shadow:0 10px 28px #361b4112}.reply-chapter-list{padding:12px;position:sticky;top:18px}.reply-panel-heading{color:#7c6685;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-size:12px;font-weight:800;display:flex}.reply-panel-heading b{color:#8324da;font-size:18px}.reply-chapter-list>button{text-align:left;color:#42264e;cursor:pointer;background:0 0;border:0;border-radius:15px;align-items:flex-start;gap:10px;width:100%;padding:13px;display:flex}.reply-chapter-list>button.active{background:#f3e9fa}.reply-chapter-list button div{gap:4px;display:grid}.reply-chapter-list button small{color:#97899c;font-size:10px}.chapter-status{background:#aaa;border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}.chapter-status.published{background:#69ba42}.chapter-status.hidden{background:#e19835}.chapter-status.draft{background:#9c86aa}.reply-empty-studio{text-align:center;color:#7b6782;border:2px dashed #decce5;border-radius:25px;place-content:center;justify-items:center;min-height:420px;padding:40px;display:grid}.reply-empty-studio svg{color:#8423d9;width:54px;height:54px}.reply-empty-studio h2{color:#3e204d;margin-bottom:4px}.reply-workspace{gap:18px;min-width:0;display:grid}.reply-meta-card,.reply-node-editor{padding:22px}.reply-section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.reply-section-title h2{margin:4px 0 0;font-size:24px}.reply-publish-actions select{border:1px solid #d9c9df;border-radius:12px;min-height:43px;padding:0 12px}.reply-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.reply-meta-grid label{color:#705d78;gap:6px;font-size:12px;font-weight:700;display:grid}.reply-meta-grid label.wide{grid-column:1/-1}.reply-meta-grid input,.reply-meta-grid textarea,.reply-meta-grid select,.choice-branch-head input,.choice-branch-head select{color:#341b40;width:100%;font:inherit;box-sizing:border-box;background:#fcfafd;border:1px solid #decfe3;border-radius:12px;padding:11px 12px}.reply-meta-grid textarea{resize:vertical;min-height:84px}.reply-validation{border:1px solid;border-radius:18px;gap:13px;padding:16px 18px;display:flex}.reply-validation.valid{color:#437b2b;background:#f1faed;border-color:#badeaa}.reply-validation.invalid{color:#9f3947;background:#fff1f2;border-color:#f0bfc5}.reply-validation span{margin-top:3px;font-size:12px;display:block}.reply-validation p{margin:7px 0 0;font-size:12px}.reply-graph-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:18px;display:grid}.reply-node-list{max-height:calc(100vh - 36px);padding:10px;position:sticky;top:18px;overflow:auto}.node-add-row{grid-template-columns:repeat(2,1fr);gap:6px;padding:5px;display:grid}.node-add-row button{color:#75577f;cursor:pointer;background:#fbf8fc;border:1px solid #e2d3e7;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:9px;font-weight:800;display:flex}.node-add-row svg{width:13px;height:13px}.node-flow{gap:14px;padding:10px 5px 20px;display:grid}.node-flow>button{text-align:left;cursor:pointer;color:#442650;background:#fff;border:1px solid #e4d8e7;border-radius:14px;gap:4px;padding:11px;display:grid;position:relative}.node-flow>button.active{border-color:#8b26df;box-shadow:0 0 0 3px #f0e2fa}.node-flow>button small{color:#9b8a9f;font-size:9px}.node-type{letter-spacing:.1em;color:#fff;background:#775084;border-radius:999px;width:max-content;padding:4px 7px;font-size:8px}.node-narration{background:#4f78b8}.node-dialogue{background:#8423d9}.node-choice{background:#db8927}.node-reaction{background:#d65a75}.node-cultural_note{background:#61a941}.node-ending{background:#3e2847}.flow-connector{color:#b895c8;width:15px;height:15px;position:absolute;bottom:-15px;left:50%}.node-tools button,.choice-branch-head button{color:#765283;cursor:pointer;background:#faf6fc;border:1px solid #dfd0e5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.node-tools svg,.choice-branch-head svg{width:17px;height:17px}.node-tools button.delete,.choice-branch-head button{color:#c84359}.choice-graph-editor{border-top:1px solid #eadfeb;margin-top:22px;padding-top:15px}.choice-graph-editor .reply-panel-heading button{color:#fff;cursor:pointer;background:#8423d9;border:0;border-radius:10px;align-items:center;gap:5px;padding:8px 12px;display:flex}.inline-check{color:#6d5975;align-items:center;gap:8px;margin:4px 10px 14px;font-size:12px;display:flex}.choice-branch{background:#fdfbfd;border:1px solid #e5d9e8;border-left:5px solid #8d7895;border-radius:16px;margin-top:12px;padding:14px}.choice-branch.choice-best{border-left-color:#63b53e}.choice-branch.choice-acceptable{border-left-color:#4f83d1}.choice-branch.choice-awkward{border-left-color:#dc922d}.choice-branch.choice-impolite,.choice-branch.choice-rude{border-left-color:#d65368}.choice-branch-head{grid-template-columns:36px 1fr 145px 65px 40px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.choice-branch-head>b{color:#8423d9;background:#efe2f7;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.danger-link{color:#c54459;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;width:max-content;margin-left:auto;font-weight:700;display:flex}.danger-link svg{width:16px;height:16px}.admin-preview-overlay{z-index:100;background:#1e0d27b8;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.admin-story-preview{background:linear-gradient(145deg,#fff,#f7eefc);border-radius:28px;width:min(700px,95vw);max-height:90vh;padding:30px;position:relative;overflow:auto}.preview-close{color:#6d4b79;cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:14px;right:18px}.admin-story-preview>small{color:#68b841;letter-spacing:.14em;font-weight:800}.preview-flow{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.preview-flow span{color:#8a7292;border:1px solid #e1d1e6;border-radius:14px;gap:4px;min-width:130px;padding:10px;font-size:9px;display:grid}.preview-flow b{color:#442550;font-size:12px}.reply-empty-studio+.primary-button{margin-top:10px}@media (width<=1050px){.reply-studio-shell{grid-template-columns:1fr}.reply-chapter-list{display:flex;position:static;overflow:auto}.reply-chapter-list .reply-panel-heading{display:none}.reply-chapter-list>button{min-width:210px}.reply-graph-layout{grid-template-columns:1fr}.reply-node-list{max-height:none;position:static}.node-flow{grid-template-columns:repeat(3,minmax(170px,1fr));overflow:auto}.flow-connector{display:none}}@media (width<=700px){.reply-studio{padding:16px}.reply-studio-hero,.reply-section-title{flex-direction:column;align-items:flex-start}.reply-studio-hero h1{font-size:27px}.reply-meta-grid{grid-template-columns:1fr}.reply-meta-grid label.wide{grid-column:auto}.choice-branch-head{grid-template-columns:34px 1fr}.choice-branch-head select,.choice-branch-head input[type=number],.choice-branch-head button{grid-row:2}.node-flow{grid-template-columns:1fr}}.hero-banner{color:#fff;isolation:isolate;background:linear-gradient(135deg,#4c1580 0%,#7223bd 52%,#8b2fd8 100%);border-radius:28px;margin-bottom:18px;padding:30px 34px;position:relative;overflow:hidden}.hero-banner:before{content:"";z-index:-1;border:1px solid #ffffff24;border-radius:50%;width:360px;height:360px;position:absolute;top:-160px;right:-90px;box-shadow:0 0 0 46px #ffffff0a,0 0 0 92px #ffffff06}.hero-glyph{z-index:-1;color:#ffffff12;pointer-events:none;-webkit-user-select:none;user-select:none;font:900 160px/1 Nunito;position:absolute;bottom:-46px;right:26px}.hero-top{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.hero-banner .hero-kicker{color:#cdf49c;letter-spacing:1.2px;background:#1a052c3d;border:1px solid #c4f08e52;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:9px;font-weight:900;display:inline-flex}.hero-banner .hero-kicker svg{width:13px}.hero-banner h2{letter-spacing:-.025em;color:#fff;margin:13px 0 7px;font:900 clamp(28px,3vw,40px)/1.05 Nunito}.hero-banner p{color:#e4d6f2;max-width:520px;margin:0;font-size:11px;line-height:1.65}.hero-action{color:#6a1fb4;cursor:pointer;background:#fff;border:0;border-radius:14px;flex:none;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:11px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex}.hero-action:hover{transform:translateY(-2px);box-shadow:0 12px 26px #14032657}.hero-action svg{width:16px}.hero-stats{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-stats>div{background:#ffffff17;border:1px solid #ffffff24;border-radius:16px;min-width:122px;padding:12px 15px}.hero-stats b{color:#fff;font:900 22px/1.1 Nunito;display:block}.hero-stats small{color:#dcc9ee;letter-spacing:.7px;text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:900;display:block}.hero-back{color:#eee2fa;background:#ffffff14;border:1px solid #ffffff2e;border-radius:11px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:10px;font-weight:800;display:inline-flex}.hero-back:hover{background:#ffffff29}.hero-back svg{width:15px}.tool-bar{background:#fff;border:1px solid #e8dfea;border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex;box-shadow:0 8px 24px #351c400d}.tool-search{background:#faf8fb;border:1px solid #e2d8e7;border-radius:13px;flex:1;align-items:center;gap:9px;min-width:200px;height:42px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.tool-search:focus-within{background:#fff;border-color:#c6a8dc;box-shadow:0 0 0 3px #7727c914}.tool-search>svg{color:#9a8c9f;flex:none;width:16px}.tool-search input{color:#46334d;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.tool-search button{color:#8d7e94;cursor:pointer;background:#eee8f1;border:0;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.tool-search button svg{width:13px}.chip-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.chip{color:#74657a;cursor:pointer;background:#fff;border:1px solid #e4dae9;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:10px;font-weight:800;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.chip:hover{color:#6f24bb;border-color:#cbb2dd;transform:translateY(-1px)}.chip.on{color:#fff;background:#7626ca;border-color:#7626ca;box-shadow:0 7px 16px #7626ca3d}.chip i{opacity:.7;font-style:normal;font-weight:900}.bento{gap:16px;display:grid}.bento-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.bento-tile{background:#fff;border:1px solid #e8dfee;border-radius:26px;padding:24px;box-shadow:0 10px 30px #3b1f480d}.bento-tile.tinted{background:linear-gradient(158deg,#fff 55%,#f8f2fd)}.tile-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.tile-head span.eyebrow{color:#70ad43;letter-spacing:1.25px;font-size:9px;font-weight:900;display:block}.tile-head h3{color:#35203f;align-items:center;gap:8px;margin:5px 0 0;font:900 19px Nunito;display:flex}.tile-head h3 svg{color:#7626ca;width:18px}.tile-head p{color:#90839a;margin:5px 0 0;font-size:10px;line-height:1.55}.tile-count{color:#7326ca;background:#f3ecf8;border-radius:999px;flex:none;padding:6px 11px;font-size:9px;font-weight:900}.tile-link{color:#7626ca;flex:none;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.tile-link svg{width:14px;transition:transform .18s}.tile-link:hover svg{transform:translate(3px)}button.tile-link{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.pager{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.pager button{color:#3b2744;cursor:pointer;background:#fff;border:1px solid #e2d8e7;border-radius:11px;align-items:center;gap:6px;height:36px;padding:0 15px;font-size:10px;font-weight:900;transition:border-color .18s,background .18s;display:inline-flex}.pager button svg{width:14px}.pager button:hover:not(:disabled){background:#faf5fd;border-color:#cbb2dd}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager span{color:#8a7c90;white-space:nowrap;font-size:9px;font-weight:800}.class-bento{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px;display:grid}.class-tile{background:#fff;border:1px solid #e8dfee;border-radius:26px;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #3b1f480d}.class-tile:hover{border-color:#d4c0e1;transform:translateY(-5px);box-shadow:0 22px 44px #3b1f4821}.class-tile-cover{color:#fff;background:linear-gradient(135deg,#5f209e,#8b30d4);padding:20px 22px 46px;position:relative;overflow:hidden}.class-tile.tone-2 .class-tile-cover{background:linear-gradient(135deg,#4f8c30,#78b74f)}.class-tile.tone-3 .class-tile-cover{background:linear-gradient(135deg,#c46d13,#eba33d)}.class-tile.tone-4 .class-tile-cover{background:linear-gradient(135deg,#b03d68,#dd6693)}.class-tile-cover:after{content:"";border:1px solid #fff3;border-radius:50%;width:150px;height:150px;position:absolute;top:-66px;right:-46px;box-shadow:0 0 0 26px #ffffff0f}.class-tile-kanji{color:#ffffff2b;font:900 84px/1 Nunito;position:absolute;bottom:-26px;right:14px}.class-tile-cover small{letter-spacing:.7px;text-transform:uppercase;background:#1c062c2e;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.class-tile-cover small i{background:#bff082;border-radius:50%;width:6px;height:6px}.class-tile-cover small.idle i{background:#ffffff8c}.class-tile-cover h3{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;color:#fff;margin:14px 0 0;font:900 24px Nunito;position:relative;overflow:hidden}.class-tile-code{z-index:2;color:#fff;cursor:pointer;letter-spacing:.08em;background:#23093233;border:1px solid #ffffff47;border-radius:10px;align-items:center;gap:6px;width:max-content;margin-top:10px;padding:7px 10px;font:900 10px DM Sans,sans-serif;transition:background .18s,transform .18s;display:inline-flex;position:relative}.class-tile-code:hover{background:#23093257;transform:translateY(-1px)}.class-tile-code svg{width:13px;height:13px}.class-tile-body{margin-top:-28px;padding:0 18px 18px;position:relative}.class-tile-meter{background:#fff;border:1px solid #ece3f2;border-radius:18px;padding:14px 16px;box-shadow:0 8px 20px #3b1f4812}.class-tile-meter>div{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.class-tile-meter span{color:#8a7c90;font-size:9px;font-weight:800}.class-tile-meter b{color:#382141;font:900 13px Nunito}.class-tile-roster{align-items:center;gap:9px;margin-top:14px;padding:0 4px;display:flex}.avatar-stack{display:flex}.avatar-stack span{color:#7827ce;background:#efe5fa;border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;margin-left:-8px;font:900 8px Nunito;display:grid}.avatar-stack span:first-child{margin-left:0}.avatar-stack span.more{color:#8a7c90;background:#f2eef5}.class-tile-roster>small{color:#96899b;font-size:9px;font-weight:800}.class-tile-foot{background:#fdfbfe;border-top:1px solid #f0e9f4;align-items:center;gap:8px;margin-top:auto;padding:13px 18px;display:flex}.class-tile-foot>a{color:#fff;background:#7626ca;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;height:38px;font-size:10px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex}.class-tile-foot>a:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7626ca40}.class-tile-foot>a svg{width:15px}.class-tile-foot .trash{color:#bb5a6c;cursor:pointer;background:#fff;border:1px solid #f0dfe4;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;transition:background .18s,color .18s;display:grid}.class-tile-foot .trash:hover{color:#a53d52;background:#fbe8ec}.class-tile-foot .trash svg{width:15px}.roster-list{gap:9px;display:grid}.roster-head{color:#a294a8;letter-spacing:.9px;text-transform:uppercase;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) 110px minmax(0,1.15fr) 44px;gap:14px;padding:0 18px 2px;font-size:8px;font-weight:900;display:grid}.roster-row{background:#fff;border:1px solid #ebe3ef;border-radius:18px;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) 110px minmax(0,1.15fr) 44px;align-items:center;gap:14px;padding:13px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.roster-row:hover{border-color:#d9c8e6;transform:translate(3px);box-shadow:0 12px 26px #3b1f4814}.roster-who{align-items:center;gap:11px;min-width:0;display:flex}.roster-avatar{color:#7828d0;background:#eee3f8;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font:900 12px Nunito;display:grid}.roster-avatar.tone-2{color:#57952e;background:#edf7e6}.roster-avatar.tone-3{color:#d8841c;background:#fff1dc}.roster-avatar.tone-4{color:#c64978;background:#fbe7ee}.roster-who div{min-width:0}.roster-who b{color:#3b2744;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.roster-who small{color:#97899d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;display:block;overflow:hidden}.roster-mail{color:#7c6e82;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.roster-class{color:#6f3aa0;text-overflow:ellipsis;white-space:nowrap;background:#f3ecf8;border-radius:999px;justify-self:start;max-width:100%;padding:6px 10px;font-size:9px;font-weight:900;overflow:hidden}.roster-class.none{color:#9a8da0;background:#f4f1f6}.roster-meter{align-items:center;gap:10px;display:flex}.roster-meter .mastery-bar-track{flex:1;min-width:54px}.roster-meter b{color:#382141;flex:none;font:900 11px Nunito}.roster-row .row-delete{color:#bb5a6c;opacity:.55;cursor:pointer;background:0 0;border:0;border-radius:11px;justify-self:end;place-items:center;width:34px;height:34px;transition:opacity .18s,background .18s;display:grid}.roster-row:hover .row-delete{opacity:1}.roster-row .row-delete:hover{background:#fbe8ec}.roster-row .row-delete svg{width:15px}.state-empty{text-align:center;background:linear-gradient(160deg,#fdfbfe,#f9f4fc);border:1px dashed #ddd0e3;border-radius:26px;justify-items:center;gap:4px;padding:52px 24px;display:grid}.state-empty>span{color:#7a2acb;background:#f1e7fa;border-radius:22px;place-items:center;width:62px;height:62px;margin-bottom:8px;display:grid}.state-empty>span svg{width:26px}.state-empty h3{color:#3b2744;margin:0;font:900 18px Nunito}.state-empty p{color:#93869a;margin:0;font-size:10px}.state-empty button,.state-empty>a{color:#fff;cursor:pointer;background:#7626ca;border:0;border-radius:13px;align-items:center;gap:7px;margin-top:12px;padding:11px 16px;font-size:10px;font-weight:900;display:inline-flex}.state-empty button svg,.state-empty>a svg{width:15px}.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.path-card{background:#fff;border:1px solid #e8dfee;border-radius:22px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.path-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3b1f4817}.path-card:after{content:"";background:linear-gradient(90deg,#8430d2,#b168e8);height:4px;position:absolute;top:0;left:0;right:0}.path-card.tone-green:after{background:linear-gradient(90deg,#5b9c34,#8ecb62)}.path-card.tone-orange:after{background:linear-gradient(90deg,#d6811e,#f0ab52)}.path-card>span{color:#7c29d4;background:#f0e6fa;border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:12px;display:grid}.path-card.tone-green>span{color:#5b9c34;background:#eaf5e3}.path-card.tone-orange>span{color:#d6811e;background:#fff0df}.path-card>span svg{width:21px}.path-card small{color:#a093a5;letter-spacing:.8px;font-size:8px;font-weight:900;display:block}.path-card h3{color:#35203f;margin:7px 0 5px;font:900 19px Nunito}.path-card p{color:#8d8092;margin:0;font-size:9px;line-height:1.6}.path-meter{margin-top:13px}.path-meter>div{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.path-meter span{color:#8a7c90;letter-spacing:.5px;text-transform:uppercase;font-size:8px;font-weight:900}.path-meter b{color:#382141;font:900 11px Nunito}.master-shell{background:#fff;border:1px solid #e8dfee;border-radius:26px;overflow:hidden;box-shadow:0 10px 30px #3b1f480d}.master-shell .master-table-wrap{max-height:62vh;overflow:auto}.master-shell .master-table thead th{z-index:2;background:#faf7fc;position:sticky;top:0}.legend-row{background:#fdfbfe;border-top:1px solid #f1eaf4;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px;display:flex}.legend-row span{color:#8a7c90;align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.legend-row i{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-row i.done{background:#6aaa42}.legend-row i.pending{background:#ddd2e3}.gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.gateway-tile{color:#fff;background:linear-gradient(135deg,#5f20b5,#8b2fd8);border-radius:26px;flex-direction:column;gap:9px;padding:26px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.gateway-tile.alt{background:linear-gradient(135deg,#24124a,#55208c)}.gateway-tile:hover{transform:translateY(-4px);box-shadow:0 20px 40px #3c0f6e47}.gateway-tile:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:190px;height:190px;position:absolute;top:-80px;right:-60px;box-shadow:0 0 0 34px #ffffff0d}.gateway-tile>span{background:#ffffff24;border:1px solid #ffffff2e;border-radius:16px;place-items:center;width:50px;height:50px;display:grid;position:relative}.gateway-tile>span svg{width:23px}.gateway-tile small{color:#d8c3ef;letter-spacing:1.1px;font-size:9px;font-weight:900}.gateway-tile h3{color:#fff;margin:0;font:900 21px Nunito}.gateway-tile p{color:#e3d6f2;flex:1;max-width:400px;margin:0;font-size:10px;line-height:1.65}.gateway-tags{flex-wrap:wrap;gap:7px;display:flex}.gateway-tags span{letter-spacing:.4px;background:#ffffff21;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:900}.gateway-cta{color:#6a1fb4;background:#fff;border-radius:13px;align-items:center;gap:8px;width:max-content;height:40px;margin-top:4px;padding:0 17px;font-size:10px;font-weight:900;display:inline-flex}.gateway-cta svg{width:15px}.family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.family-card{background:#fff;border:1px solid #e8dfee;border-radius:26px;flex-direction:column;gap:7px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #3b1f480d}.family-card:hover{border-color:#d4c0e1;transform:translateY(-5px);box-shadow:0 20px 40px #3b1f481c}.family-glyph{color:#fff;background:linear-gradient(135deg,#8430d2,#6420a8);border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:6px;font:900 26px Nunito;display:grid}.family-card.tone-green .family-glyph{background:linear-gradient(135deg,#75b44d,#4f8c30)}.family-card.tone-orange .family-glyph{background:linear-gradient(135deg,#e99a36,#c46d13)}.family-card>small{color:#a093a5;letter-spacing:.8px;text-transform:uppercase;font-size:8px;font-weight:900}.family-card h3{color:#35203f;margin:0;font:900 20px Nunito}.family-card p{color:#8d8092;flex:1;margin:0;font-size:10px;line-height:1.65}.family-note{color:#948799;background:#faf7fb;border:1px dashed #ded1e4;border-radius:13px;align-items:center;gap:7px;margin-top:8px;padding:10px 12px;font-size:9px;font-weight:800;display:inline-flex}.family-note svg{flex:none;width:14px}@media (width<=1100px){.bento-2,.gateway-grid{grid-template-columns:1fr}.family-grid{grid-template-columns:1fr 1fr}.roster-head{display:none}.roster-row{grid-template-columns:minmax(0,1.6fr) 96px minmax(0,1fr) 40px}.roster-row>.roster-mail{display:none}}@media (width<=860px){.path-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.hero-banner{border-radius:24px;padding:24px 22px}.hero-top{flex-direction:column}.hero-glyph{font-size:116px;bottom:-32px}.path-grid,.family-grid{grid-template-columns:1fr}.roster-row{grid-template-columns:minmax(0,1fr) 40px;row-gap:10px}.roster-row>.roster-class,.roster-row>.roster-meter{grid-column:1}.roster-row .row-delete{grid-area:1/2}}.roster-row.compact{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 40px}.lesson-page .lesson-composer{margin:16px 0}.lesson-page>.tile-head,.activities-page>.tile-head,.class-detail-page>.tile-head{margin:24px 2px 14px}.lesson-foot-link{margin-top:18px}.class-detail-page .mini-add{margin-bottom:14px}.class-detail-page .mini-add input{border:1px solid #dfd6e4;border-radius:12px;flex:1;height:42px;padding:0 12px}.class-detail-page .mini-add button{border-radius:12px;height:42px}.lesson-page .lesson-cards article:first-child,.class-detail-page .lesson-cards article:first-child{margin-top:0}@media (width<=720px){.roster-row.compact{grid-template-columns:minmax(0,1fr) 40px}.roster-row.compact>.roster-meter{grid-column:1}}.bento-tile>article{background:#faf7fb;border:1px solid #f0e9f4;border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:11px 12px;display:flex}.bento-tile>article>div{flex:1;min-width:0}.bento-tile>article b{color:#44304d;font:900 11px Nunito;display:block}.bento-tile>article small{color:#948799;margin-top:3px;font-size:9px;line-height:1.5;display:block}.gateway-tile>span.gateway-cta{color:#6a1fb4;background:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:max-content;height:40px;padding:0 17px;font-size:10px;font-weight:900;display:inline-flex}.gateway-tile>span.gateway-cta svg{width:15px}.hero-banner,.hero-glyph,.hero-stats,.hero-kicker,.hero-back,.hero-action,.hero-top{display:none!important}.tool-metrics{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-metrics>div{background:#f8f5fb;border:1px solid #efe7f3;border-radius:13px;min-width:78px;padding:7px 13px}.tool-metrics b{color:#382141;font:900 16px/1.15 Nunito;display:block}.tool-metrics small{color:#97899d;letter-spacing:.6px;text-transform:uppercase;margin-top:1px;font-size:8px;font-weight:900;display:block}.head-action{color:#fff;white-space:nowrap;background:#7626ca;border:0;border-radius:13px;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:10px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex}.head-action:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7626ca3d}.head-action svg{width:16px}.class-filter{flex:none;position:relative}.class-filter-trigger{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2d8e7;border-radius:14px;align-items:center;gap:11px;min-width:232px;height:46px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.class-filter-trigger:hover{border-color:#cbb2dd}.class-filter.open .class-filter-trigger{border-color:#a86fd6;box-shadow:0 0 0 3px #7727c91a}.class-filter-icon{color:#7727c9;background:#f0e6f9;border-radius:11px;flex:none;place-items:center;width:32px;height:32px;display:grid}.class-filter-icon svg{width:16px}.class-filter-value{flex:1;min-width:0}.class-filter-value small{color:#a294a8;letter-spacing:.9px;text-transform:uppercase;font-size:7px;font-weight:900;display:block}.class-filter-value b{color:#3b2744;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font:900 12px Nunito;display:block;overflow:hidden}.class-filter-count{color:#7326ca;background:#f3ecf8;border-radius:999px;flex:none;padding:4px 8px;font-size:9px;font-weight:900}.class-filter-caret{color:#9a8ca0;flex:none;width:15px;transition:transform .2s}.class-filter.open .class-filter-caret{transform:rotate(180deg)}.class-filter-panel{z-index:40;background:#fff;border:1px solid #e5daea;border-radius:18px;width:min(320px,86vw);padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 46px #2e17382e}.class-filter-search{background:#faf8fb;border:1px solid #e6dcea;border-radius:12px;align-items:center;gap:8px;height:38px;margin-bottom:6px;padding:0 11px;display:flex}.class-filter-search svg{color:#9a8c9f;flex:none;width:15px}.class-filter-search input{color:#46334d;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.class-filter-options{gap:2px;max-height:296px;display:grid;overflow-y:auto}.class-filter-option{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .15s;display:flex}.class-filter-option:hover{background:#f8f3fc}.class-filter-option.on{background:#f4ebfb}.class-filter-dot{color:#7727c9;background:#f0e6f9;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.class-filter-dot.all{color:#57952e;background:#edf7e6}.class-filter-dot svg{width:15px}.class-filter-label{flex:1;min-width:0}.class-filter-label b{color:#3b2744;text-overflow:ellipsis;white-space:nowrap;font:900 11px Nunito;display:block;overflow:hidden}.class-filter-label small{color:#97899d;margin-top:1px;font-size:8px;display:block}.class-filter-option em{color:#7c6e82;background:#f2edf6;border-radius:999px;flex:none;padding:3px 7px;font-size:8px;font-style:normal;font-weight:900}.class-filter-check{color:#7626ca;flex:none;width:15px}.class-filter-empty{color:#978a9d;text-align:center;margin:0;padding:16px;font-size:10px}@media (width<=720px){.class-filter,.class-filter-trigger,.class-filter-panel,.tool-metrics{width:100%}.tool-metrics>div{flex:1}}.matrix-shell{background:#fff;border:1px solid #e8dfee;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #3b1f480d}.matrix-wrap{max-height:66vh;overflow:auto}.matrix-table{border-collapse:separate;border-spacing:0;width:100%}.matrix-table th,.matrix-table td{background:#fff}.matrix-table thead th{z-index:3;color:#7c6e82;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;background:#faf7fc;border-bottom:1px solid #ece4f0;padding:11px 10px;font-size:9px;font-weight:900;position:sticky;top:0}.matrix-table thead tr:nth-child(2) th{z-index:3;top:38px}.matrix-group{text-align:center;border-left:1px solid #ece4f0;color:#fff!important}.matrix-group span{letter-spacing:.6px;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:9px;font-weight:900;display:inline-flex}.matrix-group.tone-1 span{color:#7827ce;background:#efe5fa}.matrix-group.tone-2 span{color:#57952e;background:#edf7e6}.matrix-group.tone-3 span{color:#d8841c;background:#fff1dc}.matrix-group.tone-4 span{color:#c64978;background:#fbe7ee}.matrix-step{text-align:center;color:#a294a8;width:42px;font-size:8px}.matrix-step.first{border-left:1px solid #ece4f0}.matrix-table tbody td{vertical-align:middle;border-bottom:1px solid #f4eef7;padding:11px 10px;font-size:11px}.matrix-table tbody tr:hover td{background:#fdfaff}.matrix-table tbody tr:last-child td{border-bottom:0}.matrix-sticky{z-index:2;min-width:218px;position:sticky;left:0;box-shadow:8px 0 14px -12px #2e173866}.matrix-table thead .matrix-sticky{z-index:4}.matrix-table tbody tr:hover .matrix-sticky{background:#fdfaff}.matrix-student{align-items:center;gap:10px;min-width:0;display:flex}.matrix-student>span{color:#7828d0;background:#eee3f8;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;font:900 10px Nunito;display:grid}.matrix-student.tone-2>span{color:#57952e;background:#edf7e6}.matrix-student.tone-3>span{color:#d8841c;background:#fff1dc}.matrix-student.tone-4>span{color:#c64978;background:#fbe7ee}.matrix-student div{min-width:0}.matrix-student b{color:#3b2744;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.matrix-student small{color:#97899d;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:8px;display:block;overflow:hidden}.matrix-class{color:#6f3aa0;white-space:nowrap;background:#f3ecf8;border-radius:999px;padding:4px 9px;font-size:8px;font-weight:900;display:inline-block}.matrix-class.none{color:#9a8da0;background:#f4f1f6}.matrix-progress{align-items:center;gap:9px;min-width:128px;display:flex}.matrix-progress .mastery-bar-track{flex:1;min-width:56px}.matrix-progress b{color:#382141;flex:none;font:900 10px Nunito}.matrix-cell{text-align:center}.matrix-cell.first{border-left:1px solid #f4eef7}.matrix-dot{color:#cfc3d5;background:#f2edf5;border:1px solid #eae2ee;border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.matrix-dot svg{width:13px}.matrix-dot.done{color:#5b9c34;background:#eaf7e1;border-color:#cfe9bb}.matrix-dot.done.tone-1{color:#7827ce;background:#f0e6fa;border-color:#ddc9f0}.matrix-dot.done.tone-2{color:#57952e;background:#eaf7e1;border-color:#cfe9bb}.matrix-dot.done.tone-3{color:#d8841c;background:#fff1dc;border-color:#f3ddba}.matrix-dot.done.tone-4{color:#c64978;background:#fbe7ee;border-color:#f2ccda}.matrix-score{white-space:nowrap;color:#382141;text-align:right;font:900 11px Nunito}.matrix-score small{color:#a294a8;margin-top:1px;font-size:8px;font-weight:800;display:block}.matrix-status{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:8px;font-weight:900;display:inline-flex}.matrix-status.done{color:#5b9439;background:#ebf7e5}.matrix-status.partial{color:#7326ca;background:#f1e8fa}.matrix-status.none{color:#8a7c90;background:#f2eef4}.matrix-foot{background:#fdfbfe;border-top:1px solid #f1eaf4;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 20px;display:flex}.matrix-foot span{color:#8a7c90;align-items:center;gap:7px;font-size:9px;font-weight:800;display:inline-flex}.matrix-foot .matrix-dot{width:18px;height:18px}.matrix-foot .matrix-dot svg{width:11px}.matrix-foot em{color:#a294a8;margin-left:auto;font-size:9px;font-style:normal;font-weight:800}.matrix-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.matrix-select{background:#fff;border:1px solid #e2d8e7;border-radius:14px;align-items:center;gap:10px;height:46px;padding:0 6px 0 13px;display:flex}.matrix-select>span{color:#a294a8;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap;font-size:7px;font-weight:900}.matrix-select select{color:#3b2744;cursor:pointer;background:0 0;border:0;outline:0;min-width:132px;height:34px;font:900 11px Nunito}@media (width<=720px){.matrix-toolbar>*{width:100%}.matrix-select{justify-content:space-between}.matrix-sticky{min-width:170px}}.report-scope-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.report-scope-row select{color:#3b2744;cursor:pointer;background:#fff;border:1px solid #e2d8e7;border-radius:14px;min-width:220px;height:46px;padding:0 13px;font:900 11px Nunito}.build-action{color:#fff;cursor:pointer;background:#7626ca;border:0;border-radius:14px;align-items:center;gap:8px;height:46px;padding:0 18px;font-size:11px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.build-action:hover{transform:translateY(-2px);box-shadow:0 12px 24px #7626ca42}.build-action:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.build-action svg{width:16px}.build-action .spin{animation:1s linear infinite report-spin}@keyframes report-spin{to{transform:rotate(360deg)}}.build-progress{background:#f0e9f5;border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.build-progress>div{background:linear-gradient(90deg,#9350e0,#7626ca);border-radius:999px;height:100%;transition:width .25s}.build-progress-label{color:#97899d;margin-top:6px;font-size:9px;font-weight:800}.score-list{gap:9px;display:grid}.score-row{background:#fff;border:1px solid #ebe3ef;border-radius:18px;align-items:center;gap:14px;padding:13px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.score-row:hover{border-color:#d9c8e6;transform:translate(3px);box-shadow:0 12px 26px #3b1f4814}.score-who{flex:none;align-items:center;gap:10px;width:200px;min-width:0;display:flex}.score-who>span{color:#7828d0;background:#eee3f8;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font:900 10px Nunito;display:grid}.score-who div{min-width:0}.score-who b{color:#3b2744;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.score-who small{color:#97899d;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:8px;display:block;overflow:hidden}.score-metrics{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.score-chip{color:#6f3aa0;white-space:nowrap;background:#f3ecf8;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:900}.score-chip.muted{color:#9a8da0;background:#f4f1f6}.score-overall{text-align:right;flex:none;width:68px}.score-overall b{color:#382141;font:900 15px Nunito;display:block}.score-overall small{color:#a294a8;letter-spacing:.5px;text-transform:uppercase;font-size:7px;font-weight:900;display:block}.report-metric-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.report-metric-row>div{background:#f8f5fb;border:1px solid #efe7f3;border-radius:15px;min-width:130px;padding:12px 15px}.report-metric-row b{color:#382141;font:900 20px Nunito;display:block}.report-metric-row small{color:#97899d;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:900;display:block}.report-history{gap:8px;display:grid}.report-history article{background:#faf7fb;border-radius:13px;align-items:center;gap:10px;padding:10px 12px;display:flex}.report-history article>span:first-child{color:#7827ce;background:#efe5fa;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font:900 10px Nunito;display:grid}.report-history article>div{flex:1;min-width:0}.report-history b{color:#3b2744;font-size:10px;display:block}.report-history small{color:#97899d;text-transform:capitalize;margin-top:1px;font-size:8px;display:block}.report-history .mastery-bar-track{flex:none;width:90px}.game-performance-toolbar{justify-content:space-between;align-items:end;gap:16px;margin:22px 0;display:flex}.game-performance-legacy-link{color:#7423b4;background:#f7edff;border:1px solid #d9c1ed;border-radius:13px;margin:16px 0;padding:14px 16px;font-size:12px;font-weight:800;text-decoration:none;display:block}.game-performance-toolbar .student-picker{flex:1;margin:0}.game-performance-toolbar select,.game-performance-activity-picker select{color:#412c50;background:#fff;border:1px solid #e5d9ee;border-radius:12px;width:100%;padding:11px 12px}.game-performance-refresh{color:#7131ab;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dfd2eb;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-weight:800;display:inline-flex}.game-performance-refresh:disabled{opacity:.55;cursor:not-allowed}.game-performance-empty{color:#81718a;text-align:center;background:#fcf9ff;border:1px dashed #dbcae7;border-radius:18px;padding:30px}.game-performance-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.game-performance-overview>div{background:#fff;border:1px solid #eadff0;border-radius:18px;gap:5px;padding:17px 19px;display:grid}.game-performance-overview svg{color:#8423d9}.game-performance-overview b{color:#34203e;font-size:20px}.game-performance-overview small{color:#86778d;font-size:11px}.game-performance-section-head{justify-content:space-between;align-items:end;gap:14px;margin:30px 0 14px;display:flex}.game-performance-section-head small{color:#5b9f3d;letter-spacing:1.2px;font-size:10px;font-weight:900}.game-performance-section-head h2{color:#392246;margin:4px 0;font-size:22px}.game-performance-section-head p{color:#807188;margin:0;font-size:12px;line-height:1.5}.game-performance-section-head>span{color:#7f6c88;white-space:nowrap;font-size:11px}.game-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.game-performance-card{background:#fff;border:1px solid #e7dced;border-radius:19px;min-width:0;padding:16px;transition:border-color .2s,box-shadow .2s}.game-performance-card.selected{border-color:#a467de;box-shadow:0 12px 28px #7c42ad16}.game-performance-card-head{color:#43274e;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:0;display:flex}.game-performance-card-head>svg{color:#94809e;transition:transform .2s}.game-performance-card-head>svg.rotated{transform:rotate(180deg)}.game-performance-card-icon{color:#812bd0;background:#f1e6fb;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.game-performance-card-title{flex:1;gap:3px;min-width:0;display:grid}.game-performance-card-title b{font-size:14px}.game-performance-card-title small{color:#8c7d93;font-size:10px}.game-performance-metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px;display:grid}.game-performance-metric{text-align:center;background:#f8f3fc;border-radius:11px;gap:3px;min-width:0;padding:10px 7px;display:grid}.game-performance-metric small{color:#8f7a9b;text-transform:uppercase;letter-spacing:.4px;font-size:9px}.game-performance-metric strong{color:#632492;font-size:19px}.game-performance-activities{border-top:1px solid #f0e7f4;gap:8px;margin-top:13px;padding-top:12px;display:grid}.game-performance-activities>div{color:#4e3b58;grid-template-columns:1fr auto;gap:3px;display:grid}.game-performance-activities b{font-size:11px}.game-performance-activities small{color:#927f9b;font-size:10px}.game-performance-activities span{color:#765d86;grid-column:1/-1;font-size:10px}.game-performance-history-head{margin-top:34px}.game-performance-filters{gap:7px;padding-bottom:9px;display:flex;overflow-x:auto}.game-performance-filters button{color:#6f5a7c;cursor:pointer;background:#fff;border:1px solid #e6d9ed;border-radius:999px;flex:none;padding:8px 12px;font-size:11px;font-weight:800}.game-performance-filters button.active{color:#fff;background:#8423d9;border-color:#8423d9}.game-performance-activity-picker{color:#5c486a;gap:5px;max-width:260px;margin:9px 0 15px;font-size:11px;font-weight:800;display:grid}.game-performance-history{gap:9px;margin-top:12px;display:grid}.game-performance-attempt{background:#fff;border:1px solid #ebe1ef;border-radius:16px;padding:13px 15px}.game-performance-attempt-main{align-items:center;gap:11px;display:flex}.game-performance-attempt-icon{color:#8423d9;background:#f0e5fa;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.game-performance-attempt-title{flex:1;gap:3px;min-width:0;display:grid}.game-performance-attempt-title b{color:#3d2748;font-size:12px}.game-performance-attempt-title small{color:#8c7c94;overflow-wrap:anywhere;font-size:10px}.game-performance-attempt-score{text-align:right;white-space:nowrap;gap:2px;display:grid}.game-performance-attempt-score strong{color:#602c8e;font-size:18px}.game-performance-attempt-score small{color:#8a7894;font-size:10px}.game-performance-status{color:#80638d;white-space:nowrap;background:#f6eef8;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.game-performance-status.done{color:#519737;background:#eaf7e7}.game-performance-feedback{border-top:1px solid #f0e8f3;margin:12px 0 0 45px;padding-top:10px}.game-performance-feedback summary{color:#7d30bb;cursor:pointer;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.game-performance-feedback-body{color:#5d4b68;background:#fbf8fd;border-radius:13px;margin-top:10px;padding:14px;font-size:11px;line-height:1.6}.game-performance-feedback-body p{margin:0 0 8px}.game-performance-feedback-body>small{color:#8a7795;margin-bottom:7px;display:block}.game-performance-feedback-scores{flex-wrap:wrap;gap:7px;margin:8px 0;display:flex}.game-performance-feedback-scores .game-performance-metric{min-width:88px}.game-performance-no-feedback{color:#998a9f;margin:8px 0 0 45px;font-size:10px;display:block}.game-score-sheet-scroll{background:#fff;border:1px solid #e7dced;border-radius:17px;max-height:620px;overflow:auto;box-shadow:0 10px 28px #4223580b}.game-score-sheet{border-collapse:separate;border-spacing:0;color:#46314f;width:100%;min-width:850px;font-size:12px}.game-score-sheet thead th{z-index:1;color:#76538d;letter-spacing:.55px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f6effb;border-bottom:1px solid #e5d8ed;padding:13px 15px;font-size:10px;font-weight:900;position:sticky;top:0}.game-score-sheet tbody th,.game-score-sheet tbody td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f0e9f3;padding:12px 15px}.game-score-sheet tbody tr:last-child th,.game-score-sheet tbody tr:last-child td{border-bottom:0}.game-score-sheet tbody tr:hover{background:#fcf9fe}.game-score-sheet tbody th{color:#3d254a;font-weight:800}.game-score-sheet tbody th span,.game-score-sheet tbody td span{display:block}.game-score-sheet tbody th small,.game-score-sheet tbody td small{color:#92829a;margin-top:3px;font-size:10px;font-weight:500;display:block}.game-score-sheet-parent{background:#fbf7fe}.game-score-sheet-parent td:nth-child(2){color:#612b90;font-weight:900}.game-score-sheet-child td:nth-child(2){color:#6b5776;padding-left:30px}.game-score-sheet-child td:nth-child(2)>span:before{content:"↳";color:#b497c8;margin-right:9px}.game-score-history-sheet{min-width:970px}.game-score-history-sheet td:nth-child(4) strong{color:#67299b;font-size:15px}.game-score-history-sheet .game-performance-feedback,.game-score-history-sheet .game-performance-no-feedback{border:0;margin:7px 0 0;padding:0}.game-score-history-sheet .game-performance-feedback-body{white-space:normal;min-width:250px;max-width:360px}@media (width<=1100px){.game-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.game-performance-toolbar{flex-direction:column;align-items:stretch}.game-performance-grid,.game-performance-overview{grid-template-columns:1fr}.game-performance-attempt-main{flex-wrap:wrap}.game-performance-attempt-title{min-width:calc(100% - 50px)}.game-performance-attempt-score{text-align:left;margin-left:45px}.game-performance-feedback,.game-performance-no-feedback{margin-left:0}}@media (width<=720px){.report-scope-row,.report-scope-row select,.build-action{width:100%}.score-row{flex-wrap:wrap}.score-who{width:100%}.score-overall{text-align:left;width:100%}}.admin-user-table.has-guided-access .admin-user-row{grid-template-columns:1.15fr 1.3fr .9fr .8fr 1fr .55fr}.guided-access-toggle{cursor:pointer;color:#88788f;background:0 0;border:0;align-items:center;gap:9px;padding:4px;font-size:10px;font-weight:800;display:flex}.guided-access-toggle>i{background:#ddd3e2;border-radius:20px;width:39px;height:22px;transition:all .2s;position:relative}.guided-access-toggle>i b{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #32164233}.guided-access-toggle.on>i{background:#78bd4a}.guided-access-toggle.on>i b{transform:translate(17px)}.guided-access-toggle.on{color:#55972f}.guided-access-toggle>span{align-items:center;gap:4px;display:flex}.guided-access-toggle svg{width:14px;height:14px}@media (width<=1050px){.admin-user-table.has-guided-access .admin-user-row{grid-template-columns:1fr 1.15fr .8fr 1fr .5fr}.admin-user-table.has-guided-access .admin-user-row>span:nth-child(3){display:none}}@media (width<=760px){.admin-user-table.has-guided-access .admin-user-row{grid-template-columns:1fr 1fr}.admin-user-table.has-guided-access .admin-user-row>span:nth-child(4),.admin-user-table.has-guided-access .admin-user-row>span:nth-child(6){justify-self:start}}.bulk-guided{white-space:nowrap;cursor:pointer;border:0;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:900}.bulk-guided.allow{color:#55972f;background:#edf8e7}.bulk-guided.block{color:#b6465a;background:#fbecef}.quackresponse-admin-shell{gap:18px;display:grid}.quackresponse-subnav{background:#fff;border:1px solid #e5dbe9;border-radius:17px;gap:8px;padding:7px;display:flex;box-shadow:0 8px 25px #3514430a}.quackresponse-subnav a{color:#75637d;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:800;display:flex}.quackresponse-subnav a svg{width:17px}.quackresponse-subnav a.active{color:#fff;background:#8423d9;box-shadow:0 7px 16px #8423d933}.response-admin-page{gap:17px;display:grid}.response-admin-page>header{background:linear-gradient(135deg,#fff 58%,#f2e6fb);border:1px solid #e5dbe9;border-radius:23px;align-items:center;gap:16px;padding:22px;display:flex}.response-admin-page header small{letter-spacing:1.1px;color:#70ad45;font-weight:900}.response-admin-page header h1{color:#34203e;margin:4px 0}.response-admin-page header p{color:#817486;margin:0}.response-page-icon{color:#fff;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;display:grid}.response-page-icon svg{width:25px}.response-page-icon.rush{background:#df8b2c}.response-page-icon.relay{background:#8423d9}.response-lookup{background:#fff;border:1px solid #e3d8e7;border-radius:16px;align-items:center;gap:10px;padding:6px 7px 6px 15px;display:flex}.response-lookup svg{color:#9a899f;width:19px}.response-lookup input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px}.response-lookup button{color:#fff;background:#8423d9;border:0;border-radius:11px;padding:11px 15px;font-weight:800}.response-admin-message{color:#75677a;background:#fff;border:1px solid #e7ddea;border-radius:13px;margin:0;padding:13px 15px}.response-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.response-summary-grid article{background:#fff;border:1px solid #e4dae8;border-radius:18px;gap:5px;padding:18px;display:grid}.response-summary-grid small{color:#927f98;font-weight:900}.response-summary-grid b{color:#382142;font-size:24px}.azure-status{border-radius:14px;align-items:center;gap:9px;min-width:205px;margin-left:auto;padding:10px 12px;display:flex}.azure-status svg{width:20px}.azure-status div{display:grid}.azure-status span{margin-top:2px;font-size:10px}.azure-status.ready{color:#549333;background:#edf8e8}.azure-status.missing{color:#b86238;background:#fff0e8}.audio-privacy-note{color:#613b73;background:#f1e9fa;border-radius:16px;align-items:center;gap:11px;padding:14px 16px;display:flex}.audio-privacy-note svg{flex:none;width:22px}.audio-privacy-note div{display:grid}.audio-privacy-note span{color:#806d89;margin-top:2px;font-size:11px}.assessment-list{gap:13px;display:grid}.assessment-card{background:#fff;border:1px solid #e4dae8;border-radius:20px;gap:13px;padding:18px;display:grid}.assessment-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.assessment-top>div{gap:5px;display:grid}.scan-pill{color:#579735;background:#edf8e8;border-radius:20px;align-items:center;gap:5px;width:max-content;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.scan-pill svg{width:12px}.assessment-top small{color:#8d7d92}.assessment-top>b{border-radius:20px;padding:7px 10px;font-size:11px}.assessment-top .fit{color:#579735;background:#edf8e8}.assessment-top .retry{color:#bc4c59;background:#fff0f1}.assessment-speech{background:#faf7fc;border-radius:14px;gap:4px;padding:13px;display:grid}.assessment-speech small{color:#917b99;font-weight:900}.assessment-speech strong{color:#392044;font-size:17px}.assessment-speech span{color:#806f86;font-size:11px}.assessment-scores{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.assessment-scores>div{background:#f3eafb;border-radius:13px;place-items:center;padding:10px;display:grid}.assessment-scores b{color:#8423d9;font-size:20px}.assessment-scores span{color:#7f6b87;font-size:9px}.assessment-card>p{color:#66586b;margin:0;line-height:1.5}.word-issues{color:#aa5c3e}@media (width<=760px){.quackresponse-subnav{overflow-x:auto}.quackresponse-subnav a{white-space:nowrap}.response-admin-page>header{flex-wrap:wrap;align-items:flex-start}.azure-status{width:100%;margin-left:0}.response-summary-grid,.assessment-scores{grid-template-columns:repeat(2,1fr)}}.admin-mobile-top,.admin-side-head>button,.admin-side-scrim{display:none}.admin-side-head{justify-content:space-between;align-items:center;display:flex}.admin-layout,.admin-content,.admin-content>*,.admin-dashboard-page,.admin-users-page,.admin-question-page,.admin-response-page,.admin-talk-page,.response-admin-page{min-width:0}.admin-content :is(input,select,textarea){max-width:100%}@media (width<=900px){.admin-layout{display:block}.admin-sidebar{z-index:52;overscroll-behavior:contain;visibility:hidden;pointer-events:none;width:min(290px,85vw);height:100dvh;transition:transform .22s,visibility .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:16px 0 40px #1a0b2550}.admin-sidebar.open{visibility:visible;pointer-events:auto;transform:translate(0)}.admin-sidebar nav{grid-template-columns:1fr;gap:4px;display:grid}.admin-side-head>button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.admin-side-head>button svg{width:20px}.admin-side-scrim{z-index:51;cursor:pointer;background:#26132f99;border:0;display:block;position:fixed;inset:0}.admin-content{padding:0 20px 26px}.admin-mobile-top{z-index:20;background:#fff;border-bottom:1px solid #e9e1ed;align-items:center;gap:12px;min-height:72px;margin:0 -20px 20px;padding:10px 20px;display:flex;position:sticky;top:0}.admin-mobile-top>button{color:#7424b2;cursor:pointer;background:#f8f1fd;border:1px solid #e6d8ee;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.admin-mobile-top>button svg{width:21px}.admin-mobile-top>div{gap:2px;min-width:0;display:grid}.admin-mobile-top small{color:#6aa33d;letter-spacing:1.2px;font-size:9px;font-weight:900}.admin-mobile-top strong{color:#382142;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.admin-mobile-mark{color:#fff;background:#8423d9;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;font-size:11px;font-weight:900;display:grid}}@media (width<=620px){.admin-content{padding:0 14px 24px}.admin-mobile-top{margin:0 -14px 16px;padding:10px 14px}.admin-dashboard-page,.admin-users-page,.admin-question-page,.admin-response-page,.admin-talk-page,.quackresponse-admin-shell{gap:14px}.admin-welcome,.admin-users-page>header,.admin-question-page>header,.response-admin-header,.admin-talk-header{border-radius:20px;padding:20px}.admin-welcome h1,.admin-users-page h1,.admin-question-page h1,.response-admin-header h1,.admin-talk-header h1{font-size:clamp(23px,6vw,29px);line-height:1.16}.admin-welcome p,.admin-users-page header p,.admin-question-page header p{line-height:1.45}.admin-status{align-self:flex-start}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-stat-grid>a{border-radius:16px;align-content:start;gap:8px;padding:14px;display:grid}.admin-stat-grid>a>span{border-radius:12px;width:38px;height:38px}.admin-stat-grid>a>span svg{width:20px}.admin-stat-grid b{font-size:22px}.admin-stat-grid p{font-size:11px;line-height:1.3}.admin-action-panel,.admin-games-panel,.response-editor,.response-mission-list,.admin-question-form,.recognition-records{border-radius:18px;padding:18px}.admin-action-panel>a{text-align:center;width:100%;display:block}.admin-games-grid{grid-template-columns:1fr;gap:9px}.admin-game-card{min-height:64px;padding:12px 14px}.admin-user-toolbar{flex-wrap:wrap}.admin-user-toolbar input{min-width:0}.admin-user-table{border-radius:16px}.admin-user-row,.admin-user-table.has-guided-access .admin-user-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:13px}.admin-user-row>span,.admin-user-row>div{overflow-wrap:anywhere;min-width:0}.response-tabs{scrollbar-width:thin;flex-direction:row;overflow-x:auto}.response-tabs button{white-space:nowrap;flex:none}.response-lookup{flex-wrap:wrap;padding:10px}.response-lookup input{flex:calc(100% - 40px)}.response-lookup button{width:100%}.response-mission-list article{grid-template-columns:48px minmax(0,1fr);gap:10px}.mission-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.admin-talk-toolbar{padding:16px}.admin-talk-row,.recognition-record-row{gap:8px;padding:12px}.assessment-card{padding:14px}.assessment-top{flex-wrap:wrap}.quackresponse-subnav{min-width:0;max-width:100%;overflow-x:auto}.quackresponse-subnav a{flex:none}}@media (width<=380px){.admin-stat-grid{grid-template-columns:1fr}.admin-mobile-mark{display:none}}@media (prefers-reduced-motion:reduce){.admin-sidebar{transition:none}}.slate-studio{gap:20px;min-width:0;display:grid}.slate-panel{background:#fff;border:1px solid #e9dff2;border-radius:24px;min-width:0;padding:24px;box-shadow:0 12px 32px #2c16500b}.slate-panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.slate-panel h3{color:#2e1a45;margin:4px 0 8px}.slate-panel p{color:#736783}.slate-code-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.slate-code-card{text-align:left;cursor:pointer;background:#fbf8ff;border:1px solid #e8ddee;border-radius:18px;gap:8px;padding:17px;display:grid}.slate-code-card.selected{border-color:#7d30db;box-shadow:0 0 0 2px #eee0ff}.slate-code-card strong,.slate-code-banner strong{letter-spacing:.12em;color:#552191;font-size:1.45rem}.slate-code-card small{color:#746a80}.slate-status{letter-spacing:.08em;font-size:.7rem;font-weight:800}.slate-status.live{color:#21864e}.slate-status.upcoming{color:#5c39ba}.slate-status.ended{color:#777}.slate-code-banner{background:#f7efff;justify-content:space-between;align-items:center;gap:18px;display:flex}.slate-code-banner>div{gap:4px;display:grid}.slate-custom-grid,.slate-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.slate-custom-grid label,.slate-schedule-grid label{color:#54435f;gap:6px;font-weight:700;display:grid}.slate-custom-grid input,.slate-custom-grid select,.slate-schedule-grid input,.slate-student-select select{color:#39294d;background:#fff;border:1px solid #e3d7ee;border-radius:12px;min-width:0;padding:11px}.slate-wide{grid-column:1/-1}.slate-student-select{align-items:center;gap:10px;margin-bottom:14px;display:flex}.slate-sheet-scroll{overflow-x:auto}.slate-sheet{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.slate-sheet th{color:#715c81;text-transform:uppercase;letter-spacing:.08em;background:#f7f1fc;font-size:.72rem}.slate-sheet th,.slate-sheet td{border-bottom:1px solid #eee5f3;padding:13px}.slate-sheet td small{color:#877b8d;display:block}.slate-sheet tbody tr:hover{background:#fbf8ff}@media (width<=800px){.slate-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.slate-panel{border-radius:18px;padding:17px}.slate-code-grid,.slate-custom-grid,.slate-schedule-grid{grid-template-columns:1fr}.slate-panel-heading,.slate-code-banner{flex-wrap:wrap}.slate-wide{grid-column:auto}}.slate-directory-tabs{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.slate-directory-tabs button{color:#675477;cursor:pointer;background:#fff;border:1px solid #e6daef;border-radius:999px;padding:9px 14px;font-weight:700}.slate-directory-tabs button.active{color:#fff;background:#6f26c8;border-color:#6f26c8}.game-performance-workspace{background:linear-gradient(#fcf9ff 0,#fff 160px);border:1px solid #e7dcee;border-radius:22px;margin-top:24px;padding:22px;box-shadow:0 15px 34px #371c4e0b}.game-performance-workspace-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.game-performance-workspace-head small{color:#57943e;letter-spacing:1.1px;font-size:10px;font-weight:900}.game-performance-workspace-head h2{color:#362142;margin:5px 0 6px;font-size:23px}.game-performance-workspace-head p{color:#756680;margin:0;font-size:12px;line-height:1.5}.game-performance-workspace-head>span{color:#6c4d80;white-space:nowrap;background:#fff;border:1px solid #e4d7ec;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.game-performance-viewbar{grid-template-columns:repeat(3,minmax(0,260px));align-items:end;gap:12px;margin-bottom:16px;display:grid}.game-performance-viewbar label{color:#5c496a;gap:6px;font-size:11px;font-weight:800;display:grid}.game-performance-viewbar select{color:#342040;background:#fff;border:1px solid #e0d3e9;border-radius:12px;width:100%;min-width:0;padding:11px 34px 11px 12px;font-size:13px;font-weight:700}.game-performance-viewbar select:focus-visible{outline-offset:2px;outline:3px solid #dec4f4}.game-performance-view-tip{color:#83728c;margin:0 0 13px;font-size:11px}.game-performance-workspace .game-score-sheet-scroll{max-height:640px}@media (width<=700px){.game-performance-workspace{border-radius:18px;padding:16px}.game-performance-viewbar{grid-template-columns:1fr}.game-performance-workspace-head{flex-wrap:wrap}}.game-performance-workspace .game-score-sheet:not(.game-score-history-sheet) :is(thead th,tbody td):nth-child(n+3):nth-child(-n+6),.game-performance-workspace .game-score-history-sheet :is(thead th,tbody td):nth-child(4){text-align:right}.forgot-row{justify-content:flex-end;margin-top:10px;display:flex}.forgot-link{color:#7b26ce;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px;font-weight:800}.forgot-link:hover{text-decoration:underline}.reset-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#220f2e8c;place-items:center;padding:20px;animation:.18s reset-fade;display:grid;position:fixed;inset:0}.reset-card{background:#fff;border-radius:26px;width:min(420px,100%);padding:32px 30px 28px;animation:.22s reset-rise;position:relative;box-shadow:0 30px 80px #220f2e59}.reset-card h2{color:#2d1737;letter-spacing:-.02em;margin:16px 0 6px;font:900 24px Nunito,sans-serif}.reset-card p{color:#817486;margin:0 0 18px;font-size:13px;line-height:1.55}.reset-card .submit{width:100%}.reset-card .form-error{margin-bottom:4px}.reset-icon{color:#7b26ce;background:#f1e7fa;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.reset-icon svg{width:24px}.reset-icon.done{color:#57952e;background:#edf7e6}.reset-close{color:#7c6e82;cursor:pointer;background:#f5f0f8;border:0;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.reset-close:hover{color:#4a3355;background:#ece2f3}.reset-close svg{width:17px}@keyframes reset-fade{0%{opacity:0}}@keyframes reset-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}.rp-page,.gs-page{gap:16px;display:grid}.scope-bar{background:#fff;border:1px solid #e8dfee;border-radius:22px;gap:14px;padding:16px;display:grid;box-shadow:0 8px 26px #3b1f480d}.scope-modes{background:#f6f1f9;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;display:grid}.scope-modes button{color:#6e6075;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;padding:10px 12px;transition:background .18s,box-shadow .18s,color .18s;display:flex}.scope-modes button:hover:not(:disabled):not(.on){background:#fff9}.scope-modes button.on{color:#3b2744;background:#fff;box-shadow:0 6px 16px #3b1f481a}.scope-modes button:disabled{opacity:.55;cursor:not-allowed}.scope-mode-icon{color:#8a7b92;background:#ece3f2;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;transition:background .18s,color .18s;display:grid}.scope-modes button.on .scope-mode-icon{color:#fff;background:#7626ca}.scope-mode-icon svg{width:17px}.scope-modes b,.scope-modes small{display:block}.scope-modes b{font-size:12px}.scope-modes small{color:#9a8ca0;margin-top:1px;font-size:9px;font-weight:700}.scope-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.scope-select{color:#8a7c90;letter-spacing:.6px;text-transform:uppercase;gap:6px;min-width:260px;font-size:9px;font-weight:900;display:grid}.scope-select>div{position:relative}.scope-select select{appearance:none;color:#3b2744;text-transform:none;letter-spacing:0;cursor:pointer;background:#faf8fb;border:1.5px solid #e4dbe8;border-radius:13px;width:100%;height:44px;padding:0 38px 0 14px;font-size:13px;font-weight:700}.scope-select select:focus{background:#fff;border-color:#7b26ce;outline:none;box-shadow:0 0 0 4px #7b26ce1a}.scope-select svg{color:#8a7c90;pointer-events:none;width:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.scope-actions{gap:8px;margin-left:auto;display:flex}.rp-primary,.rp-secondary{cursor:pointer;border-radius:13px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:12px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.rp-primary{color:#fff;background:linear-gradient(135deg,#6620bd,#8d2ee4);border:0;box-shadow:0 10px 22px #7020bf40}.rp-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #7020bf52}.rp-secondary{color:#5b3f6c;background:#fff;border:1.5px solid #e4dbe8}.rp-secondary:hover:not(:disabled){background:#faf5fd;border-color:#cdb3e0}.rp-primary:disabled,.rp-secondary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.rp-primary svg,.rp-secondary svg{width:16px}.rp-spin{animation:1s linear infinite rp-spin}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-include{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rp-include>span{color:#8a7c90;letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:900}.rp-include>div,.gs-activities{flex-wrap:wrap;gap:7px;display:flex}.rp-include button,.gs-activities button{color:#7c6e82;cursor:pointer;background:#fff;border:1.5px solid #e6dcea;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800;transition:all .15s}.rp-include button.on,.gs-activities button.on{color:#fff;background:#7626ca;border-color:#7626ca}.rp-include button:disabled{opacity:.5;cursor:not-allowed}.rp-alert{color:#a94054;background:#fff0f2;border:1px solid #f2c7cf;border-radius:14px;align-items:center;gap:8px;margin:0;padding:12px 15px;font-size:12px;display:flex}.rp-alert svg{flex:none;width:16px}.rp-loading{text-align:center;background:#fff;border:1px solid #e8dfee;border-radius:22px;padding:26px}.rp-loading p{color:#8a7c90;margin:12px 0 0;font-size:12px;font-weight:700}.rp-loading-track{background:#f0e9f5;border-radius:99px;height:8px;overflow:hidden}.rp-loading-track span{background:linear-gradient(90deg,#9350e0,#7626ca);border-radius:99px;height:100%;transition:width .3s;display:block}.rp-loading-track.indeterminate span{width:35%;animation:1.1s ease-in-out infinite rp-slide}@keyframes rp-slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}.rp-empty{text-align:center;background:#fcfafd;border:1.5px dashed #ddd0e3;border-radius:22px;padding:44px 20px}.rp-empty>span{color:#7626ca;background:#f1e7fa;border-radius:17px;place-items:center;width:54px;height:54px;margin:0 auto;display:grid}.rp-empty>span svg{width:24px}.rp-empty h3{color:#3b2744;margin:14px 0 4px;font:900 18px Nunito,sans-serif}.rp-empty p{color:#8a7c90;max-width:420px;margin:0 auto;font-size:12px;line-height:1.6}.rp-sheet{background:#fff;border:1px solid #e8dfee;border-radius:24px;gap:16px;padding:22px;display:grid;box-shadow:0 10px 30px #3b1f480d}.rp-sheet-head{border-bottom:1px solid #f1eaf4;justify-content:space-between;align-items:flex-end;gap:14px;padding-bottom:16px;display:flex}.rp-sheet-head small{color:#70ad43;letter-spacing:1.2px;font-size:9px;font-weight:900}.rp-sheet-head h2{color:#2d1737;margin:4px 0 0;font:900 24px Nunito,sans-serif}.rp-sheet-head>span{color:#8a7c90;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.rp-sheet-head>span svg{width:15px}.rp-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.rp-stats>div{background:#fff;border:1px solid #ece3f0;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:15px;display:grid}.rp-stat-icon{border-radius:13px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.rp-stat-icon svg{width:19px}.rp-stat-icon.violet{color:#8423d9;background:#f0e2fb}.rp-stat-icon.green{color:#64a838;background:#edf7e7}.rp-stat-icon.orange{color:#df8c17;background:#fff1dc}.rp-stat-icon.pink{color:#c64978;background:#fbe7ee}.rp-stats b{color:#382141;white-space:nowrap;text-overflow:ellipsis;font:900 21px/1.1 Nunito,sans-serif;overflow:hidden}.rp-stats small{color:#948799;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.rp-table-wrap{background:#fff;border:1px solid #ece3f0;border-radius:18px;overflow-x:auto}.rp-table{border-collapse:collapse;width:100%;font-size:12px}.rp-table th{color:#8a7c90;letter-spacing:.7px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#faf7fc;border-bottom:1px solid #ece3f0;padding:12px 14px;font-size:9px;font-weight:900}.rp-table td{color:#4a3a52;white-space:nowrap;border-bottom:1px solid #f4eef7;padding:12px 14px}.rp-table tbody tr:last-child td{border-bottom:0}.rp-table tbody tr{transition:background .15s}.rp-table tbody tr:hover{background:#fcf9fe}.rp-rank{width:34px;font:900 13px Nunito,sans-serif;color:#b1a4b7!important}.rp-muted{color:#b3a8b8!important}.rp-learner{align-items:center;gap:10px;display:flex}.rp-learner>span{color:#7727c9;background:#f0e6f9;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font:900 11px Nunito,sans-serif;display:grid}.rp-learner b,.rp-learner small{display:block}.rp-learner b{color:#3b2744;font-size:12px}.rp-learner small{color:#9a8ca0;margin-top:1px;font-size:10px}.rp-overall{align-items:center;gap:10px;min-width:150px;display:flex}.rp-overall .rp-bar{flex:1}.rp-overall b{color:#382141;text-align:right;width:38px;font:900 12px Nunito,sans-serif}.rp-bar{background:#f0e9f5;border-radius:99px;height:7px;overflow:hidden}.rp-bar span{background:linear-gradient(90deg,#9350e0,#7626ca);border-radius:99px;height:100%;display:block}.rp-pill{white-space:nowrap;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:900;display:inline-flex}.rp-pill.great{color:#4f8c2f;background:#ebf7e5}.rp-pill.good{color:#7326ca;background:#f1e8fa}.rp-pill.low{color:#c2415d;background:#fdecef}.rp-pill.none{color:#8a7c90;background:#f2eef4}.rp-single{grid-template-columns:260px 1fr;gap:16px;display:grid}.rp-single-hero{text-align:center;background:linear-gradient(160deg,#f7effc,#fff);border:1px solid #ece3f0;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:24px 18px;display:flex}.rp-ring{--p:0deg;background:conic-gradient(#7626ca var(--p), #ece4f0 0);border-radius:50%;place-items:center;width:132px;height:132px;margin-bottom:8px;display:grid;position:relative}.rp-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px}.rp-ring div{z-index:1;position:relative}.rp-ring b,.rp-ring small{display:block}.rp-ring b{color:#2d1737;font:900 30px Nunito,sans-serif}.rp-ring small{color:#9a8ca0;font-size:10px;font-weight:800}.rp-single-hero h3{color:#2d1737;margin:4px 0 0;font:900 19px Nunito,sans-serif}.rp-single-hero p{color:#8a7c90;margin:0 0 6px;font-size:11px}.rp-single-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:12px;display:grid}.rp-source{background:#fff;border:1px solid #ece3f0;border-radius:18px;padding:16px}.rp-source small{color:#8a7c90;letter-spacing:.6px;text-transform:uppercase;font-size:9px;font-weight:900}.rp-source>b{color:#2d1737;margin:6px 0 10px;font:900 26px Nunito,sans-serif;display:block}.rp-source p{color:#9a8ca0;margin:9px 0 0;font-size:11px}.gs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gs-games{background:#fff;border:1px solid #ece3f0;border-radius:15px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.gs-games button{color:#7c6e82;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:8px 14px;font-size:11px;font-weight:800;transition:all .15s}.gs-games button:hover:not(.on){background:#f6f1f9}.gs-games button.on{color:#fff;background:#2d1737}.gs-view{background:#f3edf6;border-radius:13px;gap:4px;padding:4px;display:flex}.gs-view button{color:#7c6e82;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.gs-view button.on{color:#3b2744;background:#fff;box-shadow:0 4px 10px #3b1f4814}.gs-view svg{width:15px}.gs-idle td{opacity:.55}.gs-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.gs-card{background:#fff;border:1px solid #e8dfee;border-radius:20px;gap:10px;padding:18px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 7px 22px #3b1f480a}.gs-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #3b1f4814}.gs-card header{align-items:center;gap:10px;display:flex}.gs-card header>span{color:#7727c9;background:#f0e6f9;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.gs-card header svg{width:17px}.gs-card header b,.gs-card header small{display:block}.gs-card header b{color:#3b2744;font-size:13px}.gs-card header small{color:#9a8ca0;font-size:10px}.gs-card-main b{color:#2d1737;font:900 32px Nunito,sans-serif}.gs-card-main small{color:#9a8ca0;margin-left:6px;font-size:11px;font-weight:700}.gs-card footer{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gs-card footer div{background:#faf7fc;border-radius:12px;padding:9px 11px}.gs-card footer small,.gs-card footer b{display:block}.gs-card footer small{color:#9a8ca0;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:800}.gs-card footer b{color:#3b2744;margin-top:2px;font:900 15px Nunito,sans-serif}.gs-log{gap:8px;display:grid}.gs-log-row{background:#fff;border:1px solid #ece3f0;border-radius:16px;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding:13px 16px;display:grid}.gs-log-score{border-radius:13px;place-items:center;height:44px;font:900 14px Nunito,sans-serif;display:grid}.gs-log-score[data-tone=great]{color:#4f8c2f;background:#ebf7e5}.gs-log-score[data-tone=good]{color:#7326ca;background:#f1e8fa}.gs-log-score[data-tone=low]{color:#c2415d;background:#fdecef}.gs-log-score[data-tone=none]{color:#8a7c90;background:#f2eef4}.gs-log-body{min-width:0}.gs-log-body b,.gs-log-body>small{display:block}.gs-log-body b{color:#3b2744;font-size:13px}.gs-log-body>small{color:#9a8ca0;margin-top:2px;font-size:11px}.gs-log-meta{justify-items:end;gap:5px;display:grid}.gs-log-meta small{color:#9a8ca0;font-size:10px}.gs-feedback{margin-top:8px}.gs-feedback summary{color:#7626ca;cursor:pointer;align-items:center;gap:6px;font-size:11px;font-weight:800;list-style:none;display:inline-flex}.gs-feedback summary svg{width:14px}.gs-feedback>div{color:#5d4f64;background:#faf7fc;border-radius:13px;margin-top:8px;padding:12px;font-size:12px;line-height:1.55}.gs-feedback p{margin:0 0 6px}.gs-feedback-scores{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.gs-feedback-scores span{background:#fff;border:1px solid #ece3f0;border-radius:10px;padding:6px 10px}.gs-feedback-scores small,.gs-feedback-scores b{display:block}.gs-feedback-scores small{color:#9a8ca0;font-size:9px}.gs-feedback-scores b{color:#3b2744;font-size:12px}@media (width<=980px){.rp-stats{grid-template-columns:1fr 1fr}.rp-single{grid-template-columns:1fr}}@media (width<=640px){.scope-modes{grid-template-columns:1fr}.scope-select{width:100%;min-width:0}.scope-actions{width:100%;margin-left:0}.scope-actions>*{flex:1;justify-content:center}.rp-stats{grid-template-columns:1fr}.gs-log-row{grid-template-columns:54px 1fr}.gs-log-meta{grid-column:1/-1;grid-auto-flow:column;justify-content:start;justify-items:start}}.rp-note{color:#8a7c90;background:#faf7fc;border-radius:12px;margin:0;padding:10px 14px;font-size:11px;line-height:1.5}.treset-rules{background:#faf6fc;border:1px solid #efe6f3;border-radius:14px;gap:7px;margin:12px 0 2px;padding:12px 14px;list-style:none;display:grid}.treset-rules li{color:#8a7f8f;align-items:center;gap:8px;font-size:12px;display:flex}.treset-rules li svg{color:#c4b8ca;width:14px}.treset-rules li.met{color:#4e8a2b}.treset-rules li.met svg{color:#5fa33a}.field-float input.treset-mismatch{background:#fff7f8;border-color:#d9607a}.treset-hint{color:#c2415d;margin:6px 0 0 2px;font-size:12px}.treset-done{width:min(445px,100%)}.treset-done h1{color:#2d1737;letter-spacing:-.03em;margin:16px 0 7px;font-size:clamp(30px,4vw,40px)}.treset-done p{color:#817486;margin:0 0 8px;line-height:1.55}.treset-done .submit{width:100%}.full-panel .data-table{border-collapse:collapse;width:100%;margin-top:20px;font-size:14px}.full-panel .data-table th{text-align:left;color:#775b88;white-space:nowrap;background:#f7f2fc;padding:15px;font-size:12px}.full-panel .data-table td{border-bottom:1px solid #eee6f4;padding:17px 15px}.full-panel .data-table tbody tr:hover{background:#fbf8fd}.report-feedback-details{border:1px solid #eadff1;border-radius:16px;margin:22px 0;padding:18px}.report-feedback-details summary{cursor:pointer;color:#70418c;font-weight:700}.report-feedback-details article{border-bottom:1px solid #eee6f4;padding:14px 0}.report-feedback-details .chip-row{margin-top:15px}.student-score-report .tile-head{margin-top:24px}h1,h2,h3,h4{font-family:Nunito,DM Sans,sans-serif}.portal-confirm{color:#382044;background:#fff;border:1px solid #eadff1;border-radius:26px;width:min(440px,100vw - 32px);padding:32px;font-family:DM Sans,sans-serif;position:fixed;inset:0;box-shadow:0 30px 100px #1e0c4260}.portal-confirm::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2615338c}.portal-confirm-close{color:#80658c;cursor:pointer;background:#f6f1fa;border:0;border-radius:50%;padding:7px;position:absolute;top:15px;right:15px}.portal-confirm-icon{color:#c84b65;background:#fff0f1;border-radius:20px;place-items:center;width:60px;height:60px;margin-bottom:20px;display:grid}.portal-confirm h2{margin:0 0 12px;font-size:23px;line-height:1.3}.portal-confirm p{color:#806f89;margin:0 0 28px;font-size:14px;line-height:1.7}.portal-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.portal-confirm-actions button{color:#664b78;cursor:pointer;background:#fff;border:1px solid #e5d9ed;border-radius:12px;padding:12px 18px;font:700 13px DM Sans,sans-serif}.portal-confirm-actions .portal-confirm-accept{color:#fff;background:#b83c58;border-color:#b83c58}.portal-confirm button:focus-visible{outline-offset:3px;outline:3px solid #bd93de}.slate-workbench{min-width:0}.slate-directory-heading{justify-content:space-between;align-items:center;gap:24px;margin:0 0 25px;display:flex}.slate-directory-heading h2{color:#392247;margin:12px 0 7px;font-size:27px}.slate-directory-heading p{color:#83748b;margin:0;font-size:14px}.slate-heading-icon{color:#7c2cca;background:#efe5fa;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:inline-grid}.slate-workbench .slate-panel{border-radius:20px;padding:25px;box-shadow:0 7px 25px #44205606}.slate-session-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.slate-delete{color:#b45569;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:10px;font:700 12px DM Sans,sans-serif;display:flex}.slate-session-identity{align-items:center;gap:15px;padding:8px 0;display:flex}.slate-session-identity h2{letter-spacing:.12em;color:#47205f;margin:3px 0 0;font-size:27px}.slate-session-identity small{color:#8a7896;letter-spacing:.08em;font-size:10px;font-weight:800}.slate-identity-count{color:#83738b;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.slate-step-navigation{background:#f0eaf5;border:1px solid #e8dfee;border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;display:grid}.slate-step-navigation button{color:#9785a2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:13px;display:flex}.slate-step-navigation button span{gap:3px;font-size:13px;font-weight:800;display:grid}.slate-step-navigation button small{font-size:10px;font-weight:500}.slate-step-navigation button.active{color:#782dc2;background:#fff;box-shadow:0 3px 8px #38204809}.slate-selection-count{color:#7935b5;background:#f3ebfb;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-block}.slate-source-tabs{border-bottom:1px solid #ece3f2;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding-bottom:16px;display:flex}.slate-source-tabs button{color:#8b7995;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:flex}.slate-source-tabs button.active{color:#762dbb;background:#f1e6fc;border-color:#e9d8f9}.slate-bank-search{align-items:center;gap:12px;margin-bottom:18px;display:flex}.slate-bank-search label{color:#a490b0;border:1px solid #e9dfef;border-radius:11px;flex:1;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.slate-bank-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;padding:11px 0;font-family:inherit}.slate-bank-search select{color:#755e83;background:#fff;border:1px solid #e9dfef;border-radius:11px;max-width:180px;padding:11px}.slate-question-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:510px;padding:2px;display:grid;overflow:auto}.slate-question-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #e9e0ef;border-radius:15px;align-items:flex-start;gap:13px;min-width:0;padding:18px;display:flex}.slate-question-option.selected{background:#fcf8ff;border-color:#b57bdc}.slate-question-option:disabled{cursor:default;opacity:1}.slate-question-option>div{min-width:0}.slate-question-toggle{color:#ac92bd;border:1px solid #e0d0ed;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.slate-question-option.selected .slate-question-toggle{color:#fff;background:#8536c9;border-color:#8536c9}.slate-question-option h4{color:#43264f;margin:6px 0;font-size:15px;line-height:1.4}.slate-question-option small{color:#9a83a7;font-size:10px}.slate-question-option p{margin:6px 0 11px;font-size:13px}.slate-question-option .tile-preview{flex-wrap:wrap}.slate-step-footer{border-top:1px solid #ece3f1;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.slate-step-footer>span{color:#8c7b96;font-size:12px}.slate-workbench .primary-button,.slate-workbench .soft-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.slate-workbench button:disabled{opacity:.55;cursor:not-allowed}.slate-workbench button:focus-visible,.slate-workbench input:focus-visible,.slate-workbench select:focus-visible{outline-offset:2px;outline:3px solid #d8b5ee}.slate-custom-grid small{color:#907b9d;font-size:11px;font-weight:400;line-height:1.5}.slate-answer-preview{background:#f8f3fc;border-radius:13px;padding:15px}.slate-answer-preview .tile-preview{flex-wrap:wrap;margin-top:10px}.slate-schedule-panel{box-sizing:border-box;justify-self:center;width:100%;max-width:850px}.slate-schedule-panel h3{margin-top:15px}.slate-schedule-grid .slate-date-card{background:#faf7fd;border:1px solid #eee4f5;border-radius:17px;gap:11px;padding:19px;display:grid}.slate-date-card span{color:#713f94;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.slate-date-card input{box-sizing:border-box;color:#39294d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #dfcde9;border-radius:12px;width:100%;min-height:52px;padding:10px 12px;font:600 14px DM Sans,sans-serif}.slate-date-card input::-webkit-calendar-picker-indicator{cursor:pointer;background-color:#efe3f8;border-radius:7px;padding:5px}.slate-time-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:17px;display:flex}.slate-time-presets span{color:#887696;margin-right:8px;font-size:12px;font-weight:800}.slate-time-presets button{color:#6e3499;cursor:pointer;background:#fff;border:1px solid #e7d7f1;border-radius:999px;padding:9px 13px;font:700 12px DM Sans,sans-serif}.slate-time-presets button:hover{background:#f2e7fa}.slate-time-summary{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;color:#764997!important}.slate-workbench .slate-delete{background:#fff7f8;border:1px solid #f2dae1;border-radius:10px;padding:10px 13px}.slate-workbench .slate-delete:hover{background:#ffedf0;border-color:#eebbc8}.slate-workbench .slate-heading-icon{box-shadow:inset 0 0 0 1px #e6d1f5}.slate-schedule-note{color:#9579a6;background:#f8f4fc;border-radius:13px;align-items:center;gap:13px;padding:15px;display:flex}.slate-schedule-note p{margin:0;font-size:12px;line-height:1.6}.slate-empty{text-align:center;color:#aa90bc;padding:35px 20px}.slate-empty p{max-width:380px;margin:8px auto;font-size:13px}@media (width<=760px){.slate-directory-heading{flex-direction:column;align-items:flex-start}.slate-question-list{grid-template-columns:1fr}.slate-workbench .slate-panel{padding:17px}.slate-bank-search{flex-wrap:wrap}.slate-bank-search label{flex-basis:100%}.slate-session-identity{flex-wrap:wrap}.slate-identity-count{display:none}.slate-step-navigation button{gap:6px;padding:11px 5px}.slate-step-navigation button small{display:none}.slate-step-navigation button span{font-size:11px}.slate-step-footer{flex-wrap:wrap}.portal-confirm{padding:25px}.portal-confirm-actions button{flex:1}}.class-detail-page .bento-2{align-items:start}.class-enrollment-box{background:linear-gradient(135deg,#fbf8fe,#f7f1fc);border:1px solid #e9dff0;border-radius:18px;grid-template-columns:auto minmax(150px,.72fr) minmax(300px,1.3fr);align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:grid}.class-enrollment-icon{color:#782fc0;background:#eee1f9;border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.class-enrollment-icon svg{width:21px}.class-enrollment-copy b{color:#42294e;font-size:13px;display:block}.class-enrollment-copy small{color:#927f9d;margin-top:3px;font-size:10px;line-height:1.45;display:block}.class-enrollment-form{gap:9px;min-width:0;display:flex}.class-enrollment-form label{color:#a28bad;background:#fff;border:1px solid #dfd3e7;border-radius:12px;flex:1;align-items:center;gap:9px;min-width:0;height:44px;padding:0 12px;display:flex}.class-enrollment-form label:focus-within{border-color:#a967d7;box-shadow:0 0 0 3px #ead9f6}.class-enrollment-form label svg{flex:none;width:17px}.class-enrollment-form input{color:#42294e;background:0 0;border:0;outline:0;width:100%;min-width:0;font:600 12px DM Sans,sans-serif}.class-enrollment-form button{color:#fff;cursor:pointer;white-space:nowrap;background:#792bc5;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font:800 11px DM Sans,sans-serif;display:flex}.class-enrollment-form button svg{width:16px}.class-enrollment-form button:disabled{opacity:.6;cursor:wait}.class-available-section{background:#fff;border:1px solid #e9e0ef;border-radius:24px;margin-top:26px;padding:25px;box-shadow:0 10px 30px #45235509}.class-available-section>.tile-head{margin:0 0 22px}.class-catalog-label{color:#70329b;background:#f7f1fc;border-radius:15px;align-items:center;gap:12px;padding:13px 15px;display:flex}.class-catalog-label>svg{width:21px}.class-catalog-label div{gap:2px;display:grid}.class-catalog-label b{color:#4a2b57;font-size:12px}.class-catalog-label small{color:#937da0;font-size:9px}.class-catalog-label>span{color:#8554a5;background:#fff;border-radius:999px;margin-left:auto;padding:6px 9px;font-size:9px;font-weight:900}.class-catalog-label.exercise{color:#6f9c40;background:#f4f8ee;margin-top:23px}.class-game-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.class-game-item{background:#fff;border:1px solid #ebe2f0;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;display:grid}.class-game-item>span{color:#782dc0;background:#eee3f8;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.class-game-item>span svg{width:18px}.class-game-item>div{min-width:0}.class-game-item b{color:#42294d;font-size:12px;display:block}.class-game-item small{color:#93849b;margin-top:3px;font-size:9px;line-height:1.4;display:block}.class-game-item>svg{color:#73aa46;width:17px}.class-game-item.green>span{color:#5c9f34;background:#edf7e7}.class-game-item.orange>span{color:#db861e;background:#fff1df}.class-game-item.pink>span{color:#c4507b;background:#fae9f0}.class-game-item.blue>span{color:#417eaf;background:#e8f2fb}.class-game-item.violet>span{color:#7044bd;background:#efe7fb}.class-exercise-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.class-exercise-list article{background:#fcfef9;border:1px solid #e5ecdc;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.class-exercise-list article>span{color:#8bb064;font:900 13px Nunito,sans-serif}.class-exercise-list article>div{gap:3px;display:grid}.class-exercise-list small{color:#83a35f;letter-spacing:.8px;font-size:8px;font-weight:900}.class-exercise-list b{color:#415334;font-size:12px}.class-exercise-list p{color:#87927d;margin:0;font-size:9px}.class-exercise-list svg{color:#79a84e;width:18px}@media (width<=1000px){.class-enrollment-box{grid-template-columns:auto 1fr}.class-enrollment-form{grid-column:1/-1}.class-game-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.class-enrollment-box{grid-template-columns:auto 1fr}.class-enrollment-form{flex-direction:column}.class-enrollment-form button{height:44px}.class-game-catalog,.class-exercise-list{grid-template-columns:1fr}.class-available-section{padding:17px}.class-catalog-label>span{display:none}}.classroom-workspace{gap:18px;max-width:1480px;margin:0 auto;padding-bottom:34px;display:grid}.classroom-back{color:#7e6a87;align-items:center;gap:6px;width:max-content;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.classroom-back svg{width:16px}.classroom-code-hero{background:linear-gradient(112deg,#fff 0%,#fbf7fd 55%,#f0e2fa 100%);border:1px solid #e6daed;border-radius:25px;grid-template-columns:auto minmax(170px,1fr) auto auto;align-items:center;gap:18px;padding:24px 27px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 35px #43225114}.classroom-code-hero:after{content:"";pointer-events:none;border:38px solid #872dc912;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-55px}.classroom-code-icon{color:#fff;background:#7526ba;border-radius:18px;place-items:center;width:55px;height:55px;display:grid;box-shadow:0 10px 24px #7526ba38}.classroom-code-icon svg{width:24px}.classroom-code-copy{z-index:1;position:relative}.classroom-code-copy small{color:#76a94e;letter-spacing:1.5px;font-size:9px;font-weight:900;display:block}.classroom-code-copy h1{color:#341b42;letter-spacing:1px;margin:3px 0 0;font:400 30px Jua,sans-serif}.classroom-code-hero>button{z-index:1;color:#6f3295;cursor:pointer;background:#fff;border:1px solid #dccce7;border-radius:12px;align-items:center;gap:7px;padding:11px 14px;font:800 10px DM Sans,sans-serif;display:flex;position:relative}.classroom-code-hero>button svg{width:15px}.classroom-code-metrics{z-index:1;align-items:center;gap:4px;display:flex;position:relative}.classroom-code-metrics span{border-left:1px solid #dfd1e7;min-width:82px;padding:7px 14px;display:grid}.classroom-code-metrics b{color:#43244f;font:400 19px Jua,sans-serif}.classroom-code-metrics small{color:#97859f;text-transform:uppercase;letter-spacing:.7px;font-size:8px;font-weight:800}.classroom-tabs{background:#fff;border:1px solid #e5dbe9;border-radius:15px;align-items:center;gap:5px;width:max-content;padding:5px;display:flex;box-shadow:0 8px 24px #40274b0d}.classroom-tabs button{color:#887691;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:0 17px;font:800 10px DM Sans,sans-serif;display:flex}.classroom-tabs button svg{width:16px}.classroom-tabs button em{background:#f0e7f5;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.classroom-tabs button.active{color:#fff;background:#7429b7;box-shadow:0 7px 17px #7429b733}.classroom-tabs button.active em{background:#fff3}.classroom-overview-grid{grid-template-columns:1fr 1fr .92fr;gap:24px;margin-top:22px;display:grid}.classroom-overview-action,.classroom-pulse{isolation:isolate;background:#fff;border:1px solid #e5d8eb;border-radius:28px;min-height:272px;position:relative;overflow:hidden;box-shadow:0 18px 44px #3a1e4514}.classroom-overview-action:before,.classroom-pulse:before{content:"";z-index:-1;background:linear-gradient(90deg,#7a2cbd,#a64bec);height:6px;position:absolute;inset:0 0 auto}.classroom-overview-action{text-align:left;cursor:pointer;grid-template-rows:1fr auto;grid-template-columns:64px 1fr;gap:22px 20px;padding:30px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.classroom-overview-action.people{background:linear-gradient(145deg,#fff 55%,#faf4ff)}.classroom-overview-action.learning{background:linear-gradient(145deg,#fff 55%,#f5fbef)}.classroom-overview-action.learning:before{background:linear-gradient(90deg,#75ad45,#a5cf6e)}.classroom-overview-action:hover{border-color:#cdb4dc;transform:translateY(-5px);box-shadow:0 25px 54px #45205324}.classroom-card-icon{color:#792cba;background:linear-gradient(145deg,#f0e4fb,#e7d4f8);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 10px 24px #7a2cbb24}.classroom-card-icon svg{stroke-width:1.8px;width:29px;height:29px}.classroom-overview-action.learning .classroom-card-icon{color:#63993a;background:linear-gradient(145deg,#eff8e7,#e2f1d5);box-shadow:0 10px 24px #63993a1f}.classroom-card-copy{min-width:0}.classroom-card-copy small{color:#74a84d;letter-spacing:1.6px;font-size:9px;font-weight:900}.classroom-card-copy h2{color:#35213f;margin:9px 0 8px;font:400 21px/1.2 Jua,sans-serif}.classroom-card-copy p{color:#817187;max-width:310px;margin:0;font-size:11px;line-height:1.7}.classroom-card-watermark{z-index:-1;color:#6f28ab;opacity:.035;width:142px;height:142px;position:absolute;top:35px;right:-23px;transform:rotate(-8deg)}.classroom-overview-action.learning .classroom-card-watermark{color:#5e9336}.classroom-card-footer{border-top:1px solid #5735641a;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.classroom-card-footer>b{color:#76637e;margin:0;font-size:9px;font-weight:800}.classroom-card-footer>span{color:#772ab6;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.classroom-card-footer svg{width:15px;height:15px}.classroom-overview-action.learning .classroom-card-footer>span{color:#5f9637}.classroom-pulse{background:linear-gradient(145deg,#fff 45%,#faf5fd);grid-template-rows:1fr auto;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:22px 18px;padding:30px;display:grid}.classroom-pulse:before{background:linear-gradient(90deg,#e99729,#f6bd63)}.classroom-pulse .classroom-card-icon{color:#d7871e;background:linear-gradient(145deg,#fff3dc,#fce8c3);box-shadow:0 10px 24px #d7871e1f}.classroom-pulse .classroom-card-watermark{color:#d7871e}.classroom-pulse .classroom-card-copy{padding-right:82px}.classroom-mastery-ring{background:conic-gradient(#7b2fc0 var(--mastery),#eee6f2 0);border-radius:50%;place-items:center;width:90px;height:90px;display:grid;position:absolute;top:88px;right:25px;box-shadow:0 8px 22px #502a5e17}.classroom-mastery-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.classroom-mastery-ring span{z-index:1;text-align:center;display:grid;position:relative}.classroom-mastery-ring b{color:#482653;font:400 20px Jua,sans-serif}.classroom-mastery-ring span small{color:#98869f;letter-spacing:0;font-size:7px}.pulse-status i{background:#71a947;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #71a9471f}.classroom-student-workspace>.bento-tile{border-radius:23px;padding:24px}.classroom-roster-search{color:#9c8ba4;background:#faf8fb;border:1px solid #e1d6e6;border-radius:12px;align-items:center;gap:8px;max-width:330px;height:42px;margin:-4px 0 15px auto;padding:0 12px;display:flex}.classroom-roster-search:focus-within{border-color:#a868d1;box-shadow:0 0 0 3px #efe3f7}.classroom-roster-search svg{width:16px}.classroom-roster-search input{color:#4a3453;background:0 0;border:0;outline:0;width:100%;font:600 10px DM Sans,sans-serif}.classroom-student-workspace .roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.classroom-student-workspace .roster-row.compact{background:#fff;border:1px solid #ebe2ee;border-radius:15px}.classroom-student-workspace .class-enrollment-box{background:linear-gradient(120deg,#f4ebfb,#faf7fc);border:0}.classroom-learning-workspace{margin-top:0;padding:24px}.classroom-learning-workspace>.tile-head{align-items:center}.classroom-manage-lessons,.classroom-teacher-lessons .class-catalog-label>a{color:#fff;background:#792bc0;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;font-size:9px;font-weight:900;text-decoration:none;display:flex}.classroom-manage-lessons svg,.classroom-teacher-lessons .class-catalog-label>a svg{width:15px}.classroom-teacher-lessons{margin-bottom:22px}.classroom-teacher-lessons .class-catalog-label{margin-bottom:11px}.classroom-teacher-lessons .class-catalog-label>a{color:#70329b;background:#fff;border:1px solid #dfcee9;margin-left:auto}.classroom-lesson-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.classroom-lesson-row article{background:#fff;border:1px solid #e8deec;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.classroom-lesson-row article>span{color:#7930af;background:#efe4f8;border-radius:11px;place-items:center;width:34px;height:34px;font:900 10px DM Sans,sans-serif;display:grid}.classroom-lesson-row article>div{gap:3px;min-width:0;display:grid}.classroom-lesson-row article small{color:#76a44f;letter-spacing:.8px;font-size:7px;font-weight:900}.classroom-lesson-row article b{color:#482951;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.classroom-lesson-row article p{color:#93859a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:8px;overflow:hidden}.classroom-lesson-row article>svg{color:#ad91bb;width:17px}.classroom-learning-workspace .class-game-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1100px){.classroom-overview-grid{grid-template-columns:1fr 1fr;gap:20px}.classroom-pulse{grid-column:1/-1;min-height:230px}.classroom-code-hero{grid-template-columns:auto 1fr auto}.classroom-code-metrics{grid-column:2/-1}.classroom-lesson-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.classroom-code-hero{grid-template-columns:auto 1fr;padding:18px}.classroom-code-hero>button{grid-column:1/-1;justify-content:center;width:100%}.classroom-code-metrics{grid-column:1/-1;justify-content:space-between}.classroom-code-metrics span{flex:1;min-width:0}.classroom-overview-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.classroom-overview-action,.classroom-pulse{grid-column:auto;min-height:245px}.classroom-student-workspace .roster-list,.classroom-lesson-row,.classroom-learning-workspace .class-game-catalog{grid-template-columns:1fr}.classroom-tabs{width:100%}.classroom-tabs button{flex:1;justify-content:center}.classroom-roster-search{max-width:none;margin:0 0 14px}.classroom-learning-workspace>.tile-head{align-items:flex-start;gap:12px}.classroom-manage-lessons{white-space:nowrap}}@media (width<=520px){.classroom-code-metrics span{padding:7px 8px}.classroom-tabs button{padding:0 8px}.classroom-tabs button em{display:none}.classroom-overview-action,.classroom-pulse{border-radius:23px;grid-template-columns:54px 1fr;min-height:0;padding:24px 21px}.classroom-card-icon{border-radius:17px;width:54px;height:54px}.classroom-card-icon svg{width:25px;height:25px}.classroom-pulse .classroom-card-copy{padding-right:0}.classroom-mastery-ring{grid-column:1/-1;margin:0 auto;position:relative;top:auto;right:auto}.classroom-card-footer{flex-direction:column;align-items:flex-start}.classroom-card-footer>span{align-self:flex-end}.classroom-student-workspace>.bento-tile,.classroom-learning-workspace{padding:16px}.classroom-enrollment-box{grid-template-columns:1fr}.classroom-enrollment-icon{display:none}.class-enrollment-copy,.class-enrollment-form{grid-column:1}.classroom-learning-workspace>.tile-head{display:grid}.classroom-manage-lessons{width:max-content}}.classroom-code-inline{color:#826d8c;letter-spacing:.1em;align-items:center;gap:5px;margin-top:5px;font-size:10px;font-weight:900;display:inline-flex}.classroom-code-inline svg{width:13px;height:13px}.class-detail-page>.classroom-tabs,.class-detail-page>.classroom-student-workspace,.class-detail-page>.classroom-learning-workspace{margin-top:24px}.teacher-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.teacher-guide-grid article{background:linear-gradient(145deg,#fff 66%,#faf5fd);border-radius:24px;min-height:0;padding:25px}.teacher-guide-grid article:nth-child(3n+2){background:linear-gradient(145deg,#fff 66%,#f7fbf3)}.teacher-guide-grid article:nth-child(3n){background:linear-gradient(145deg,#fff 66%,#fff9ef)}.teacher-guide-grid ol{background:#ffffffd1;border:1px solid #eee4f2;border-radius:16px;gap:8px;margin:18px 0 4px;padding:15px;list-style:none;display:grid}.teacher-guide-grid ol li{grid-template-columns:25px 1fr;align-items:start;gap:10px;display:grid}.teacher-guide-grid ol li>span{color:#752caf;background:#eee1f8;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:900;display:grid}.teacher-guide-grid ol li>p{color:#6f5d79;margin:3px 0 0;font-size:10px;line-height:1.5}.teacher-guide-grid article>a{background:#f1e5fa;border-radius:11px;margin-top:13px;padding:10px 12px}.reports-page{gap:20px;max-width:1480px;margin:0 auto;padding-bottom:40px;display:grid}.reports-hero{background:linear-gradient(125deg,#fff 42%,#f2e5fa);border:1px solid #e1d5e8;border-radius:27px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:28px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #381d4414}.reports-hero:after{content:"";border:42px solid #8129c10f;border-radius:50%;width:290px;height:290px;position:absolute;top:-105px;right:-70px}.reports-hero>span{color:#fff;background:linear-gradient(145deg,#6e25ae,#9637d9);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 13px 27px #6e25ae38}.reports-hero>span svg{width:29px;height:29px}.reports-hero>div{z-index:1;position:relative}.reports-hero small{color:#6da346;letter-spacing:1.5px;font-size:9px;font-weight:900}.reports-hero h1{color:#382142;margin:5px 0;font:400 28px Jua,sans-serif}.reports-hero p{color:#7f6f87;margin:0;font-size:11px}.reports-hero>i{z-index:1;color:#7735a8;background:#ffffffd9;border:1px solid #e0d0ea;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:9px;font-style:normal;font-weight:900;display:flex;position:relative}.reports-hero>i svg{width:14px}.reports-workspace{background:#fff;border:1px solid #e5d9eb;border-radius:25px;padding:24px;box-shadow:0 15px 36px #381d440f}.reports-view-tabs{background:#f9f6fb;border:1px solid #e4d8e9;border-radius:15px;gap:6px;width:max-content;margin-bottom:22px;padding:5px;display:flex}.reports-view-tabs button{color:#806d89;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:10px;font-weight:900;display:flex}.reports-view-tabs button svg{width:16px}.reports-view-tabs button.active{color:#fff;background:#7628ba;box-shadow:0 8px 19px #7628ba33}.reports-workspace .tile-head{background:linear-gradient(135deg,#fcf9fe,#f8f2fc);border:1px solid #eee5f2;border-radius:18px;padding:19px 21px}.reports-workspace .tool-bar{background:#fcfafc;border:1px solid #ede4f1;border-radius:17px;margin:15px 0;padding:14px}.reports-workspace .report-metric-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.reports-workspace .report-metric-row>div{background:linear-gradient(145deg,#faf4ff,#fff);border-radius:18px;padding:18px}.reports-workspace .data-table{border:1px solid #e9dfed;border-radius:16px;overflow:hidden}.reports-masterlist .state-empty{margin-top:16px}.game-performance-page{box-shadow:none;background:0 0;border:0;padding:0}.game-performance-page>.class-page-head{background:linear-gradient(125deg,#fff 48%,#eee0f9);border:1px solid #e2d5e9;border-radius:27px;padding:27px 30px;position:relative;overflow:hidden;box-shadow:0 15px 37px #381d4412}.game-performance-page>.class-page-head:after{content:"";border:34px solid #7b2bbb0f;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-100px;right:-40px}.game-performance-page>.class-page-head h2{font-size:28px}.game-performance-page>.class-page-head p{max-width:690px}.game-performance-page .game-performance-toolbar{background:#fff;border:1px solid #e7dced;border-radius:19px;padding:17px 18px;box-shadow:0 10px 27px #381d440d}.game-performance-page .student-picker{color:#685773;letter-spacing:.4px;gap:7px;font-size:10px;font-weight:900;display:grid}.game-performance-page .game-performance-refresh{color:#fff;background:#7628ba;border-color:#7628ba;height:45px;padding-inline:18px;box-shadow:0 8px 18px #7628ba2e}.game-performance-page .game-performance-overview{gap:15px}.game-performance-page .game-performance-overview>div{border-radius:21px;grid-template-columns:auto 1fr;align-items:center;column-gap:13px;padding:21px;position:relative;box-shadow:0 11px 29px #381d440e}.game-performance-page .game-performance-overview>div:nth-child(2){background:linear-gradient(145deg,#fff,#f5faef)}.game-performance-page .game-performance-overview>div:nth-child(3){background:linear-gradient(145deg,#fff,#fff7e9)}.game-performance-page .game-performance-overview svg{background:#f0e3fa;border-radius:14px;grid-row:1/3;width:43px;height:43px;padding:11px}.game-performance-page .game-performance-overview>div:nth-child(2) svg{color:#669d3d;background:#eaf5e0}.game-performance-page .game-performance-overview>div:nth-child(3) svg{color:#d88620;background:#fff0d5}.game-performance-page .game-performance-workspace{border-radius:25px;padding:27px;box-shadow:0 17px 42px #371c4e12}.game-performance-page .game-performance-viewbar{background:#faf7fc;border:1px solid #eae0ef;border-radius:17px;padding:15px}.game-performance-page .game-score-sheet-scroll{border-radius:18px;box-shadow:0 12px 30px #371c4e0f}@media (width<=760px){.teacher-guide-grid{grid-template-columns:1fr}.reports-hero{grid-template-columns:auto 1fr;padding:22px}.reports-hero>i{grid-column:1/-1;width:max-content}.reports-workspace{padding:16px}.reports-view-tabs{width:100%}.reports-view-tabs button{flex:1;justify-content:center}.reports-workspace .report-metric-row{grid-template-columns:1fr}.game-performance-page>.class-page-head{padding:22px}.game-performance-page .game-performance-workspace{padding:17px}}.reports-hero{display:none}.reports-title{justify-content:space-between;align-items:end;gap:20px;padding:2px 3px 0;display:flex}.reports-title small{color:#70a64a;letter-spacing:1.5px;font-size:9px;font-weight:900}.reports-title h1{color:#382142;margin:6px 0 4px;font:400 29px Jua,sans-serif}.reports-title p{color:#817287;margin:0;font-size:11px}.reports-title>span{color:#61943c;background:#eef7e8;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:900;display:flex}.reports-title>span svg{width:14px}.reports-workspace{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.reports-view-tabs{background:0 0;border:0;border-bottom:1px solid #e6dce9;border-radius:0;gap:24px;margin:4px 0 18px;padding:0}.reports-view-tabs button{color:#8b7a92;border-radius:0;min-height:48px;padding:0 3px;font-size:11px;position:relative}.reports-view-tabs button.active{color:#67259b;box-shadow:none;background:0 0}.reports-view-tabs button.active:after{content:"";background:#7a2cba;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.student-score-report,.reports-masterlist{background:#fff;border:1px solid #e6dbe9;border-radius:24px;padding:24px;box-shadow:0 15px 38px #391e4411}.reports-workspace .tile-head{background:0 0;border:0;border-bottom:1px solid #eee6f1;border-radius:0;padding:0 0 18px}.reports-workspace .tile-head h3{font-size:20px}.reports-workspace .tile-head p{font-size:11px}.reports-filterbar{background:#faf7fc;border:1px solid #eae0ee;border-radius:18px;align-items:end;gap:11px;margin:18px 0;padding:15px;display:flex}.designed-select{letter-spacing:.45px;text-transform:uppercase;flex:1;gap:7px;min-width:190px;color:#6c5a76!important;margin:0!important;font-size:9px!important;font-weight:900!important;display:grid!important}.designed-select>span{align-items:center;gap:6px;display:flex}.designed-select>span svg{color:#7d32b4;width:14px;height:14px}.designed-select>div{position:relative}.designed-select select{appearance:none;cursor:pointer;text-transform:none;outline:none;box-shadow:0 4px 12px #371d4309;color:#3d2948!important;background:linear-gradient(#fff,#fdfbfe)!important;border:1px solid #ded1e6!important;border-radius:13px!important;width:100%!important;height:45px!important;margin:0!important;padding:0 42px 0 13px!important;font:800 12px DM Sans,sans-serif!important}.designed-select select:hover{border-color:#c5add7!important}.designed-select select:focus{border-color:#863bc0!important;box-shadow:0 0 0 3px #863bc01f!important}.designed-select>div>svg{color:#866e92;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.report-build-button,.report-export-button,.report-refresh-button{cursor:pointer;white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:8px;height:45px;padding:0 17px;font:900 10px DM Sans,sans-serif;display:inline-flex}.report-build-button{color:#fff;background:#7528b5;border:1px solid #7528b5;box-shadow:0 8px 18px #7528b533}.report-export-button,.report-refresh-button{color:#7130a2;background:#fff;border:1px solid #d9c9e4}.report-build-button svg,.report-export-button svg,.report-refresh-button svg{width:15px}.report-build-button:disabled,.report-export-button:disabled,.report-refresh-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.reports-workspace .report-feedback-details{background:#fff;border:1px solid #e7ddeb;border-radius:16px;padding:0;overflow:hidden}.reports-workspace .report-feedback-details summary{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.reports-workspace .report-feedback-details summary::-webkit-details-marker{display:none}.reports-workspace .report-feedback-details summary span{align-items:center;gap:8px;display:flex}.reports-workspace .report-feedback-details summary svg{width:15px}.reports-workspace .report-feedback-details summary em{color:#7630a7;background:#f0e5f7;border-radius:999px;padding:5px 8px;font-size:8px;font-style:normal}.reports-workspace .report-feedback-details .chip-row{background:#fbf9fc;border-top:1px solid #eee6f1;margin:0;padding:15px}.reports-workspace .chip{color:#7d6987!important;background:#fff!important;border:1px solid #e1d5e7!important}.reports-workspace .chip.on{box-shadow:inset 0 0 0 1px #7c31b714;color:#69259b!important;background:#eee2f7!important;border-color:#7c31b7!important}.reports-workspace .data-table{border-collapse:separate;border-spacing:0;overflow:hidden}.reports-workspace .data-table th{background:#f5eff8;padding:13px 16px}.reports-workspace .data-table td{padding:15px 16px}.reports-workspace .data-table tbody tr:nth-child(2n){background:#fdfbfe}.reports-workspace .data-table tbody tr:hover{background:#f8f1fc}.game-performance-page>.class-page-head{box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px 3px 0;overflow:visible}.game-performance-page>.class-page-head:after{display:none}.game-performance-page>.class-page-head h2{margin-bottom:4px;font-size:29px}.game-performance-page>.class-page-head p{font-size:11px}.game-performance-page .game-performance-toolbar{box-shadow:none;background:#faf7fc;border-color:#e9dfee;border-radius:18px;align-items:end;margin:18px 0;padding:15px}.game-performance-page .game-performance-toolbar .designed-select{max-width:none}.game-performance-page .game-performance-toolbar select{background:linear-gradient(#fff,#fdfbfe);border-radius:13px;height:45px}.game-performance-page .game-performance-refresh{border-radius:13px}.game-performance-page .game-performance-workspace{background:#fff;border-radius:24px;padding:24px}.game-performance-page .game-performance-viewbar{background:#faf7fc;border-radius:18px;grid-template-columns:repeat(3,minmax(180px,260px));padding:15px}.game-performance-page .game-performance-viewbar .designed-select{min-width:0;display:grid}.game-performance-page .game-performance-viewbar select{background:linear-gradient(#fff,#fdfbfe);border-radius:13px;height:45px;margin:0}.game-performance-page .game-score-sheet thead th{background:#f2eaf7}.game-performance-page .game-score-sheet tbody tr:nth-child(2n){background:#fdfbfe}.game-performance-page .game-score-sheet-parent{background:#f8f1fc!important}@media (width<=760px){.reports-title{flex-direction:column;align-items:flex-start}.reports-filterbar{flex-direction:column;align-items:stretch}.designed-select{width:100%;min-width:0}.report-build-button,.report-export-button,.report-refresh-button{width:100%}.student-score-report,.reports-masterlist{border-radius:20px;padding:17px}.game-performance-page .game-performance-toolbar{align-items:stretch}.game-performance-page .game-performance-viewbar{grid-template-columns:1fr}.reports-title>span{display:none}}.teacher-guide-page{max-width:1480px;padding-bottom:40px;display:block}.teacher-guide-shell{background:#fff;border:1px solid #e2d7e7;border-radius:27px;grid-template-columns:270px minmax(0,1fr);min-height:700px;display:grid;overflow:hidden;box-shadow:0 18px 45px #381d4413}.teacher-guide-contents{background:linear-gradient(#f8f2fc,#fbf9fc);border-right:1px solid #e8dfea;flex-direction:column;padding:25px 18px;display:flex}.teacher-guide-contents>div{padding:4px 8px 20px}.teacher-guide-contents>div>span{color:#fff;background:#792cba;border-radius:15px;place-items:center;width:46px;height:46px;margin-bottom:14px;display:grid;box-shadow:0 10px 23px #792cba33}.teacher-guide-contents>div>span svg{width:21px}.teacher-guide-contents>div small,.teacher-guide-manual>header small{color:#70a44b;letter-spacing:1.4px;font-size:8px;font-weight:900}.teacher-guide-contents h2{color:#3c2547;margin:5px 0;font:400 22px Jua,sans-serif}.teacher-guide-contents p{color:#87778e;margin:0;font-size:9px;line-height:1.55}.teacher-guide-contents nav{gap:3px;display:grid}.teacher-guide-contents nav a{color:#685570;border-radius:12px;grid-template-columns:31px 1fr 15px;align-items:center;gap:9px;padding:10px;text-decoration:none;transition:all .18s;display:grid}.teacher-guide-contents nav a:hover{color:#68289a;background:#fff;box-shadow:0 7px 18px #391e440f}.teacher-guide-contents nav a>svg:first-child{color:#8c61a9;width:16px;height:16px}.teacher-guide-contents nav a>svg:last-child{opacity:.45;width:13px}.teacher-guide-contents nav a span{font-size:10px;font-weight:900;display:grid}.teacher-guide-contents nav a small{color:#aa9aae;letter-spacing:.7px;font-size:7px}.teacher-guide-class-link{color:#fff;background:#7629b5;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding:12px 13px;font-size:9px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 9px 20px #7629b52e}.teacher-guide-class-link svg{width:14px}.teacher-guide-manual{min-width:0;padding:38px 44px 48px}.teacher-guide-manual>header{max-width:720px;padding-bottom:27px}.teacher-guide-manual>header h1{color:#382142;margin:7px 0 6px;font:400 31px Jua,sans-serif}.teacher-guide-manual>header p{color:#7d6d84;margin:0;font-size:11px;line-height:1.65}.teacher-guide-trust{border-top:1px solid #eee7f1;flex-wrap:wrap;gap:8px;padding:13px 0 25px;display:flex}.teacher-guide-trust span{color:#678d4b;background:#f4f8f0;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;font-size:8px;font-weight:900;display:flex}.teacher-guide-trust svg{width:13px}.teacher-guide-topic{border-top:1px solid #ebe3ee;padding:30px 0;scroll-margin-top:20px}.teacher-guide-topic-heading{grid-template-columns:48px 1fr;align-items:start;gap:15px;display:grid}.teacher-guide-topic-heading>span{color:#772bb0;background:#eee2f7;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.teacher-guide-topic-heading svg{width:21px}.teacher-guide-topic-heading small{color:#73a44f;letter-spacing:1.1px;font-size:8px;font-weight:900}.teacher-guide-topic-heading h2{color:#40254b;margin:4px 0;font:400 20px Jua,sans-serif}.teacher-guide-topic-heading p{color:#84748b;margin:0;font-size:10px}.teacher-guide-topic ol{gap:0;margin:20px 0 18px;padding:0 0 0 23px;list-style:none;display:grid}.teacher-guide-topic li{grid-template-columns:31px 1fr;gap:12px;padding-bottom:16px;display:grid;position:relative}.teacher-guide-topic li:not(:last-child):before{content:"";background:#dfd2e7;width:1px;position:absolute;top:31px;bottom:0;left:15px}.teacher-guide-topic li>span{z-index:1;color:#742baa;background:#fff;border:1px solid #d7c2e5;border-radius:10px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:900;display:grid;position:relative}.teacher-guide-topic li>div{padding-top:2px}.teacher-guide-topic li small{color:#a092a5;letter-spacing:.7px;font-size:7px;font-weight:900}.teacher-guide-topic li p{color:#5f4d68;margin:3px 0 0;font-size:10px;line-height:1.55}.teacher-guide-topic>a{color:#702ba4;border:1px solid #d8c6e4;border-radius:11px;align-items:center;gap:7px;margin-left:66px;padding:10px 13px;font-size:9px;font-weight:900;text-decoration:none;display:inline-flex}.teacher-guide-topic>a:hover{background:#f3e9fa}.teacher-guide-topic>a svg{width:14px}.teacher-guide-manual>footer{background:#f6fbf2;border:1px solid #dce8d4;border-radius:18px;grid-template-columns:47px 1fr;align-items:center;gap:14px;margin-top:10px;padding:20px;display:grid}.teacher-guide-manual>footer>svg{color:#fff;background:#75a950;border-radius:14px;width:47px;height:47px;padding:12px}.teacher-guide-manual>footer small{color:#699849;letter-spacing:1px;font-size:8px;font-weight:900}.teacher-guide-manual>footer h3{color:#405234;margin:4px 0;font-size:13px}.teacher-guide-manual>footer p{color:#76866c;margin:0;font-size:9px}@media (width<=900px){.teacher-guide-shell{grid-template-columns:220px minmax(0,1fr)}.teacher-guide-manual{padding:31px 28px 40px}}@media (width<=700px){.teacher-guide-shell{border-radius:21px;display:block}.teacher-guide-contents{border-bottom:1px solid #e8dfea;border-right:0;padding:19px}.teacher-guide-contents>div{padding-bottom:13px}.teacher-guide-contents nav{padding-bottom:5px;display:flex;overflow-x:auto}.teacher-guide-contents nav a{background:#fff;border:1px solid #e5d8eb;flex:none;grid-template-columns:18px auto}.teacher-guide-contents nav a>svg:last-child,.teacher-guide-contents nav a small{display:none}.teacher-guide-class-link{width:max-content}.teacher-guide-manual{padding:25px 19px 34px}.teacher-guide-topic>a{margin-left:0}.teacher-guide-trust{grid-template-columns:1fr 1fr;display:grid}.teacher-guide-manual>footer{grid-template-columns:1fr}.teacher-guide-manual>footer>svg{width:42px;height:42px}}.lesson-class-picker{background:#fbf8fd;border:1px solid #e4d7e9;border-radius:16px;gap:10px;margin:0;padding:16px;display:grid}.lesson-class-picker legend{color:#493052;padding:0 6px;font-size:11px;font-weight:900}.lesson-class-picker>p{color:#8e7d96;margin:0;font-size:9px;line-height:1.5}.lesson-class-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lesson-class-picker button{color:#4a3153;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1d4e7;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:1px 9px;padding:11px;display:grid}.lesson-class-picker button>span{color:#8241a8;background:#f0e7f5;border-radius:9px;grid-row:1/3;place-items:center;width:30px;height:30px;display:grid}.lesson-class-picker button svg{width:15px}.lesson-class-picker button b{font-size:10px}.lesson-class-picker button small{color:#9a8ba0;font-size:8px}.lesson-class-picker button.selected{background:#f5ecfb;border-color:#8c43bf;box-shadow:0 0 0 2px #ead9f5}.lesson-class-picker button.selected>span{color:#fff;background:#7b2fbb}.lesson-class-picker>small{color:#75a84d;font-size:8px;font-weight:900}.slate-directory-title{align-items:center}.slate-directory-title>div:first-child{grid-template-columns:auto 1fr;column-gap:11px;display:grid}.slate-directory-title .slate-heading-icon{grid-row:1/4}.slate-directory-title p{margin:2px 0 0}.slate-how-it-works{background:#faf7fc;border:1px solid #e5d8eb;border-radius:15px;margin:14px 0 18px}.slate-how-it-works summary{color:#653283;cursor:pointer;align-items:center;gap:8px;padding:13px 15px;list-style:none;display:flex}.slate-how-it-works summary::-webkit-details-marker{display:none}.slate-how-it-works summary svg{width:17px}.slate-how-it-works summary b{font-size:10px}.slate-how-it-works summary span{color:#a18cae;margin-left:auto;font-size:8px;font-weight:800}.slate-how-it-works[open] summary{border-bottom:1px solid #e8deed}.slate-how-it-works>div{grid-template-columns:repeat(3,1fr);gap:10px;padding:13px;display:grid}.slate-how-it-works article{background:#fff;border-radius:11px;gap:9px;padding:10px;display:flex}.slate-how-it-works article>strong{color:#7a2db3;background:#eee2f7;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.slate-how-it-works article p{gap:2px;margin:0;display:grid}.slate-how-it-works article b{color:#4b3155;font-size:9px}.slate-how-it-works article small{color:#95849d;font-size:8px;line-height:1.45}@media (width<=760px){.lesson-class-picker>div,.slate-how-it-works>div{grid-template-columns:1fr}.slate-directory-title{align-items:flex-start}.slate-directory-title .session-controls{width:100%}.slate-directory-title .session-controls button{flex:1}}.activity-hub{gap:22px;display:grid}.activity-hub-intro{background:linear-gradient(135deg,#fff,#f8f1fd);border:1px solid #e9e0ef;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px;display:flex}.activity-hub-intro h2{color:#3e2749;margin:8px 0;font-size:27px}.activity-hub-intro p{color:#83738c;max-width:720px;margin:0;font-size:13px;line-height:1.65}.activity-guide-button{color:#713b94;cursor:pointer;background:#fff;border:1px solid #dcc9e8;border-radius:12px;flex:none;align-items:center;gap:8px;padding:12px 15px;font:800 11px DM Sans,sans-serif;display:flex}.activity-guide-button svg{width:18px}.live-slate-card{color:#fff;background:linear-gradient(125deg,#35124d,#7720ba 60%,#9136d8);border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px #53207c2b}.live-slate-card:after{content:"文";color:#ffffff0c;font:900 190px Nunito,sans-serif;position:absolute;top:-55px;right:20%}.live-slate-icon{z-index:1;background:#ffffff1c;border:1px solid #ffffff29;border-radius:21px;place-items:center;width:68px;height:68px;display:grid}.live-slate-icon svg{width:30px}.live-slate-copy{z-index:1;min-width:0}.live-slate-copy>span{color:#d8ff88;letter-spacing:1.2px;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.live-slate-copy>span svg{width:14px}.live-slate-copy h3{color:#fff;margin:7px 0 5px;font-size:23px}.live-slate-copy p{color:#eadcf3;max-width:720px;margin:0;font-size:11px;line-height:1.6}.live-slate-copy>div{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.live-slate-copy>div small{color:#f5eafa;background:#ffffff13;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-weight:800;display:flex}.live-slate-copy>div svg{width:12px}.live-slate-action{z-index:1;color:#542070;white-space:nowrap;background:#fff;border-radius:13px;align-items:center;gap:8px;padding:13px 15px;font-size:10px;font-weight:900;display:flex}.live-slate-action svg{width:16px}.activity-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:6px;display:flex}.activity-section-heading>div{align-items:center;gap:12px;display:flex}.activity-section-heading h3{color:#422a4c;margin:0;font-size:17px}.activity-section-heading p{color:#95869c;margin:3px 0 0;font-size:10px}.activity-section-heading>span,.activity-section-heading>a{color:#82579d;background:#f3eafb;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;text-decoration:none}.activity-section-heading>a{align-items:center;gap:6px;display:flex}.activity-section-heading>a svg{width:13px}.activity-section-icon{color:#792dbc;background:#eee3f8;border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.activity-section-icon svg{width:19px}.activity-section-heading.exercises .activity-section-icon{color:#679b3e;background:#edf6e7}.activity-game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.activity-game-card{background:#fff;border:1px solid #eae1ef;border-radius:18px;flex-direction:column;min-width:0;padding:18px;transition:all .2s;display:flex}.activity-game-card:hover{transform:translateY(-3px);box-shadow:0 13px 25px #42204f12}.activity-game-icon{color:#782dbd;background:#eee2f9;border-radius:14px;place-items:center;width:43px;height:43px;display:grid}.activity-game-icon svg{width:20px}.activity-game-card>small{color:#997fa8;letter-spacing:.75px;text-transform:uppercase;margin-top:15px;font-size:8px;font-weight:900}.activity-game-card h3{color:#42284c;margin:5px 0;font-size:16px}.activity-game-card p{color:#918396;flex:1;margin:0;font-size:9px;line-height:1.55}.activity-availability{color:#70a248;align-items:center;gap:5px;margin-top:16px;font-size:8px;font-weight:900;display:flex}.activity-availability svg{width:13px}.activity-game-card.green .activity-game-icon{color:#5a9736;background:#ecf6e6}.activity-game-card.pink .activity-game-icon{color:#c04e79;background:#f9e8ef}.activity-game-card.blue .activity-game-icon{color:#447eae;background:#e8f2fa}.activity-game-card.violet .activity-game-icon{color:#6540b1;background:#eee8fa}.activity-exercise-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.activity-exercise-grid article{background:#fbfdf9;border:1px solid #e3ecd9;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:17px;display:grid}.activity-exercise-grid article>span{color:#82a65e;font:900 13px Nunito,sans-serif}.activity-exercise-grid article>div{min-width:0}.activity-exercise-grid small{color:#80a05f;letter-spacing:.7px;font-size:7px;font-weight:900}.activity-exercise-grid h3{color:#435337;margin:4px 0;font-size:13px}.activity-exercise-grid p{color:#899480;margin:0;font-size:8px;line-height:1.45}.activity-exercise-grid svg{color:#79a44f;width:17px}.activity-guide-dialog{color:#3f2949;background:#fff;border:0;border-radius:27px;width:min(560px,100vw - 30px);padding:30px;font-family:DM Sans,sans-serif;box-shadow:0 30px 100px #1e0c4260}.activity-guide-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2615338c}.activity-guide-close{color:#8d7299;cursor:pointer;background:#f6f0f8;border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;right:18px}.activity-guide-close svg{width:17px}.activity-guide-icon{color:#7a2fc0;background:#efe3f8;border-radius:19px;place-items:center;width:58px;height:58px;display:grid}.activity-guide-icon svg{width:26px}.activity-guide-dialog>small{color:#72a449;letter-spacing:1.2px;margin-top:17px;font-size:9px;font-weight:900;display:block}.activity-guide-dialog h2{margin:7px 0;font-size:25px}.activity-guide-dialog>p{color:#83738b;margin:0;font-size:12px;line-height:1.6}.activity-guide-steps{gap:9px;margin:20px 0;display:grid}.activity-guide-steps article{background:#faf7fc;border-radius:14px;grid-template-columns:auto 1fr;gap:12px;padding:13px;display:grid}.activity-guide-steps article>span{color:#fff;background:#7d31c1;border-radius:9px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:grid}.activity-guide-steps b{font-size:11px;display:block}.activity-guide-steps p{color:#8a7a91;margin:3px 0 0;font-size:9px;line-height:1.5}.activity-guide-primary,.activity-guide-secondary{box-sizing:border-box;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font:800 11px DM Sans,sans-serif;text-decoration:none;display:flex}.activity-guide-primary{color:#fff;background:#7a2dc2}.activity-guide-primary svg{width:16px}.activity-guide-secondary{color:#765884;background:#f4eff6;margin-top:8px}@media (width<=1100px){.activity-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.activity-hub-intro{flex-direction:column;align-items:flex-start;padding:20px}.activity-hub-intro h2{font-size:23px}.live-slate-card{grid-template-columns:auto 1fr;padding:20px}.live-slate-action{grid-column:1/-1;justify-content:center}.activity-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-section-heading{align-items:flex-start}.activity-guide-dialog{padding:24px}}@media (width<=480px){.activity-game-grid,.activity-exercise-grid,.live-slate-card{grid-template-columns:1fr}.live-slate-icon{width:55px;height:55px}.activity-section-heading>span{display:none}}.lesson-library{gap:22px;display:grid}.lesson-library-hero{background:linear-gradient(135deg,#fff,#f8f1fd);border:1px solid #e9e0ef;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:24px;padding:27px;display:flex}.lesson-library-hero h2{color:#40284b;margin:8px 0;font-size:27px}.lesson-library-hero p{color:#85768d;max-width:700px;margin:0;font-size:12px;line-height:1.65}.lesson-hero-actions{gap:9px;display:flex}.lesson-hero-actions a{white-space:nowrap;align-items:center;gap:7px;text-decoration:none;display:flex}.lesson-library-toolbar{background:#fff;border:1px solid #e9e1ed;border-radius:17px;align-items:end;gap:10px;padding:15px;display:flex}.lesson-library-toolbar label{color:#77677f;letter-spacing:.7px;flex:1;gap:5px;font-size:9px;font-weight:900;display:grid}.lesson-library-toolbar select{color:#452b50;background:#fff;border:1px solid #ded3e5;border-radius:11px;height:42px;padding:0 12px}.lesson-library-toolbar>div{border-left:1px solid #ece5ef;min-width:110px;padding:9px 14px}.lesson-library-toolbar b{color:#452a51;font-size:16px;display:block}.lesson-library-toolbar small{color:#99899f;font-size:8px}.lesson-section-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.lesson-section-title>div{align-items:center;gap:11px;display:flex}.lesson-section-title>div>svg{color:#7b31bc;width:20px}.lesson-section-title span{gap:2px;display:grid}.lesson-section-title b{color:#41294b;font-size:14px}.lesson-section-title small{color:#95859c;font-size:9px}.lesson-section-title em{color:#83549d;background:#f1e8f8;border-radius:999px;padding:6px 10px;font-size:8px;font-style:normal;font-weight:900}.lesson-section-title>a{color:#762cb8;align-items:center;gap:6px;font-size:10px;font-weight:900;text-decoration:none;display:flex}.lesson-section-title>a svg{width:14px}.lesson-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.lesson-path-card{background:#fff;border:1px solid #e9dfef;border-radius:19px;flex-direction:column;padding:20px;display:flex}.lesson-path-card>span{color:#792fbd;background:#eee2f8;border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.lesson-path-card>span svg{width:21px}.lesson-path-card>small{color:#967ba6;letter-spacing:.8px;margin-top:15px;font-size:8px;font-weight:900}.lesson-path-card h3{color:#3f2949;margin:5px 0;font-size:18px}.lesson-path-card p{color:#918397;flex:1;margin:0;font-size:9px;line-height:1.6}.lesson-path-card>div{margin-top:17px}.lesson-path-card label{color:#94859a;justify-content:space-between;font-size:8px;display:flex}.lesson-path-card label b{color:#51305e}.lesson-path-card.green>span{color:#609d38;background:#edf7e7}.lesson-path-card.orange>span{color:#d7821d;background:#fff0dc}.teacher-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.teacher-lesson-grid>article{background:#fff;border:1px solid #e8dfed;border-radius:18px;flex-direction:column;padding:20px;display:flex}.teacher-lesson-type{color:#7937ad;background:#f0e5f8;border-radius:8px;align-self:flex-start;padding:6px 8px;font-size:8px;font-weight:900}.teacher-lesson-grid h3{color:#3f2949;margin:12px 0 5px;font-size:16px}.teacher-lesson-grid p{color:#908195;flex:1;margin:0;font-size:9px;line-height:1.55}.teacher-lesson-meta{color:#826e8b;flex-wrap:wrap;gap:10px;margin:15px 0;font-size:8px;display:flex}.teacher-lesson-meta span{align-items:center;gap:4px;display:flex}.teacher-lesson-meta svg{width:12px}.teacher-lesson-grid footer{border-top:1px solid #eee6f2;align-items:center;padding-top:12px;display:flex}.teacher-lesson-grid footer a{color:#7830b6;flex:1;align-items:center;gap:5px;font-size:9px;font-weight:900;text-decoration:none;display:flex}.teacher-lesson-grid footer svg{width:14px}.teacher-lesson-grid footer button{color:#bd6274;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.lesson-library-empty{text-align:center;background:#fcf9fe;border:1px dashed #d9c8e3;border-radius:20px;padding:38px}.lesson-library-empty>svg{color:#8b52ad}.lesson-library-empty h3{margin:10px 0 5px}.lesson-library-empty p{color:#93849a;font-size:10px}.lesson-library-empty a{color:#772db7;align-items:center;gap:6px;margin-top:10px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.lesson-builder-page,.lesson-detail-page{gap:20px;display:grid}.lesson-builder-head{background:linear-gradient(135deg,#fff,#f7f0fc);border:1px solid #e8deee;border-radius:22px;justify-content:space-between;align-items:end;gap:20px;padding:24px;display:flex}.lesson-builder-head h2{color:#3d2747;margin:7px 0;font-size:25px}.lesson-builder-head p{color:#89798f;margin:0;font-size:11px}.lesson-builder-head>span{color:#7836aa;background:#eee2f8;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}.lesson-builder-steps{background:#efe9f3;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;display:grid}.lesson-builder-steps button{color:#9c8aa5;cursor:default;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px;display:flex}.lesson-builder-steps button.active{color:#762db8;background:#fff;box-shadow:0 4px 11px #4420550c}.lesson-builder-steps button.done{color:#65993e;cursor:pointer}.lesson-builder-steps button span{background:#ffffff80;border-radius:9px;place-items:center;width:27px;height:27px;display:grid}.lesson-builder-steps svg{width:15px}.lesson-builder-steps b{font-size:10px}.lesson-builder-card{box-sizing:border-box;background:#fff;border:1px solid #e9dfef;border-radius:23px;justify-self:center;width:100%;max-width:900px;padding:27px}.lesson-builder-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.builder-intro{border-bottom:1px solid #eee6f2;grid-column:1/-1;align-items:center;gap:12px;padding-bottom:16px;display:flex}.builder-intro>svg{color:#7a30ba;width:24px}.builder-intro h3{color:#43294e;margin:0}.builder-intro p{color:#95859d;margin:4px 0 0;font-size:10px}.lesson-builder-form>label,.quiz-question-list label{color:#604d69;gap:6px;font-size:9px;font-weight:900;display:grid}.lesson-builder-form input,.lesson-builder-form select,.lesson-builder-form textarea,.quiz-question-list input,.quiz-question-list select{box-sizing:border-box;color:#3f2b48;background:#fff;border:1px solid #dfd4e5;border-radius:11px;width:100%;padding:11px;font:500 11px DM Sans,sans-serif}.lesson-builder-form textarea{resize:vertical;min-height:85px}.lesson-content-input{min-height:230px!important}.pdf-drop{cursor:pointer;background:#fbf7fe;border:2px dashed #d9c1e8;border-radius:18px;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:150px;position:relative;color:#7b39aa!important;align-items:center!important;display:flex!important}.pdf-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.pdf-drop svg{width:28px}.pdf-drop b{font-size:12px}.pdf-drop small{color:#9986a3;font-size:9px}.builder-divider{text-align:center;color:#a08ca9;grid-column:1/-1;font-size:8px;font-weight:900}.quiz-timer-row{background:#f8f3fb;border-radius:13px;grid-column:1/-1;align-items:center;gap:16px;padding:13px;display:flex}.quiz-timer-row label{color:#634970;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.quiz-timer-row input[type=checkbox]{width:auto}.quiz-timer-row input[type=number]{width:75px}.quiz-question-list{grid-column:1/-1;gap:12px;display:grid}.quiz-question-list article{background:#fcf9fd;border:1px solid #e8dced;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px;display:grid}.quiz-question-list header{grid-column:1/-1;justify-content:space-between;display:flex}.quiz-question-list header button{color:#bd6072;cursor:pointer;background:0 0;border:0}.quiz-question-list header svg{width:16px}.choice-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.add-quiz-question{color:#782fab;cursor:pointer;background:#fbf7fd;border:1px dashed #cdaadd;border-radius:13px;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;padding:13px;font-weight:800;display:flex}.add-quiz-question svg{width:16px}.quiz-optional-note{color:#6c9847;background:#f2f7ec;border-radius:13px;grid-column:1/-1;align-items:center;gap:10px;padding:13px;display:flex}.quiz-optional-note span{display:grid}.quiz-optional-note b{font-size:10px}.quiz-optional-note small{font-size:8px}.lesson-builder-actions{border-top:1px solid #eee6f2;justify-content:space-between;margin-top:23px;padding-top:18px;display:flex}.lesson-builder-actions button{align-items:center;gap:7px;display:flex}.lesson-builder-actions svg{width:16px}.lesson-detail-hero{color:#fff;background:linear-gradient(135deg,#3b174d,#7b2abd);border-radius:22px;align-items:center;gap:16px;padding:25px;display:flex}.lesson-detail-hero>span{background:#ffffff18;border-radius:19px;place-items:center;width:60px;height:60px;display:grid}.lesson-detail-hero small{color:#d8f696;font-weight:900}.lesson-detail-hero h2{color:#fff;margin:5px 0}.lesson-detail-hero p{color:#eadff0;margin:0;font-size:10px}.lesson-detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;display:grid}.lesson-detail-grid>main,.lesson-detail-grid>aside,.lesson-results-card{background:#fff;border:1px solid #e8dfee;border-radius:21px;align-content:start;gap:12px;padding:21px;display:grid}.lesson-preview-card{background:#faf7fc;border-radius:15px;grid-template-columns:auto 1fr;gap:12px;padding:17px;display:grid}.lesson-preview-card>span{color:#8a5aa2;font-weight:900}.lesson-preview-card h3{color:#43294c;margin:0}.lesson-preview-card p{white-space:pre-wrap;color:#7f7186;margin:6px 0 0;font-size:10px;line-height:1.7}.quiz-preview-card{border:1px solid #e9dfed;border-radius:14px;gap:5px;padding:14px;display:grid}.quiz-preview-card small{color:#8b60a1;font-size:8px}.quiz-preview-card b{font-size:11px}.quiz-preview-card p{color:#64963e;align-items:center;gap:5px;margin:2px 0 0;font-size:8px;display:flex}.quiz-preview-card svg{width:13px}@media (width<=900px){.teacher-lesson-grid,.lesson-path-grid{grid-template-columns:1fr 1fr}.lesson-detail-grid{grid-template-columns:1fr}.lesson-library-hero{flex-direction:column;align-items:flex-start}}@media (width<=620px){.teacher-lesson-grid,.lesson-path-grid{grid-template-columns:1fr}.lesson-library-toolbar{flex-direction:column;align-items:stretch}.lesson-library-toolbar>div{border-top:1px solid #ece5ef;border-left:0}.lesson-hero-actions{flex-wrap:wrap;width:100%}.lesson-builder-steps button b{display:none}.lesson-builder-card{padding:18px}.lesson-builder-form,.quiz-question-list article,.choice-grid{grid-template-columns:1fr}.builder-intro,.pdf-drop,.builder-divider,.quiz-timer-row,.quiz-question-list{grid-column:1}.lesson-builder-head{flex-direction:column;align-items:flex-start}}.slate-page-tools{justify-content:flex-end;margin-bottom:12px;display:flex}.slate-page-tools>button{color:#71309c;cursor:pointer;background:#fff;border:1px solid #dfd1e7;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font:800 10px DM Sans,sans-serif;display:flex;box-shadow:0 7px 20px #41224e0d}.slate-page-tools svg{width:16px}.slate-inline-guide{color:#4d3158;text-align:left;cursor:pointer;background:linear-gradient(120deg,#faf5fd,#f4eafb);border:1px solid #dfd0e9;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;margin:14px 0 18px;padding:14px;display:grid}.slate-inline-guide>span{color:#fff;background:#7b2cbd;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.slate-inline-guide>span svg,.slate-inline-guide>svg{width:17px}.slate-inline-guide>div{gap:3px;display:grid}.slate-inline-guide b{font-size:10px}.slate-inline-guide small{color:#8f7c97;font-size:8px}.slate-inline-guide>svg{color:#8d54b1}.slate-tutorial-dialog{color:#40284a;background:#fff;border:0;border-radius:28px;width:min(920px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto;box-shadow:0 28px 90px #210d2b4d}.slate-tutorial-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f0e279e}.slate-tutorial-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:20px;right:20px}.slate-tutorial-close svg{width:18px}.slate-tutorial-heading{color:#fff;background:linear-gradient(125deg,#4a1764,#852bd0 58%,#a346eb);padding:34px 78px 31px 34px;position:relative;overflow:hidden}.slate-tutorial-heading:after{content:"";border:42px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;top:-110px;right:-70px}.slate-tutorial-heading>span{color:#812bc5;background:#fff;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid;box-shadow:0 12px 30px #220a3033}.slate-tutorial-heading>span svg{width:23px}.slate-tutorial-heading small{color:#caff73;letter-spacing:1.5px;font-size:9px;font-weight:900}.slate-tutorial-heading h2{color:#fff;margin:7px 0 8px;font:400 27px Jua,sans-serif}.slate-tutorial-heading p{color:#eadcf0;max-width:650px;margin:0;font-size:11px;line-height:1.65}.slate-tutorial-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:25px 25px 14px;display:grid}.slate-tutorial-steps article{background:#fff;border:1px solid #e8dfeb;border-radius:18px;align-content:start;gap:9px;min-height:190px;padding:17px;display:grid;box-shadow:0 9px 24px #3a20430d}.slate-tutorial-steps article>span{color:#7a2db6;background:#f0e4f8;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.slate-tutorial-steps article:nth-child(2)>span{color:#659e3b;background:#e9f5df}.slate-tutorial-steps article:nth-child(3)>span{color:#d58216;background:#fff0d9}.slate-tutorial-steps article:nth-child(4)>span{color:#397fb9;background:#e4f0fb}.slate-tutorial-steps article:nth-child(5)>span{color:#ca4978;background:#fbe5ee}.slate-tutorial-steps svg{width:19px}.slate-tutorial-steps article>div{gap:5px;display:grid}.slate-tutorial-steps small{color:#75a84d;letter-spacing:1px;font-size:7px;font-weight:900}.slate-tutorial-steps b{font-size:10px}.slate-tutorial-steps p{color:#89778f;margin:0;font-size:8px;line-height:1.55}.slate-tutorial-note{color:#694b22;background:#fff9e9;border:1px solid #f0d69d;border-radius:14px;align-items:flex-start;gap:12px;margin:4px 25px 18px;padding:13px 15px;display:flex}.slate-tutorial-note>svg{color:#df941e;flex:none;width:20px}.slate-tutorial-note p{margin:0;font-size:9px;line-height:1.55}.slate-tutorial-actions{background:#fcfafc;border-top:1px solid #eee5f1;justify-content:flex-end;align-items:center;gap:11px;padding:18px 25px;display:flex}.slate-tutorial-actions a,.slate-tutorial-actions button{cursor:pointer;border-radius:12px;align-items:center;gap:7px;padding:11px 15px;font:800 9px DM Sans,sans-serif;text-decoration:none;display:flex}.slate-tutorial-actions a{color:#72309d;background:#fff;border:1px solid #dfd1e7}.slate-tutorial-actions button{color:#fff;background:#7c2cbd;border:0;box-shadow:0 8px 20px #7c2cbd38}.slate-tutorial-actions svg{width:15px}.teacher-guide-page{gap:22px;max-width:1450px;margin:0 auto;padding-bottom:40px;display:grid}.teacher-guide-intro{background:linear-gradient(125deg,#fff 45%,#f2e6fa);border:1px solid #e3d6ea;border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:27px 30px;display:grid;overflow:hidden;box-shadow:0 14px 36px #3b1f4612}.teacher-guide-hero-icon{color:#fff;background:linear-gradient(145deg,#6d23aa,#9333da);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 12px 28px #7126a938}.teacher-guide-hero-icon svg{width:29px}.teacher-guide-intro small{color:#72a64c;letter-spacing:1.5px;font-size:9px;font-weight:900}.teacher-guide-intro h2{color:#392243;margin:6px 0;font:400 25px Jua,sans-serif}.teacher-guide-intro p{color:#88758e;margin:0;font-size:10px}.teacher-guide-intro>a{color:#fff;background:#792abb;border-radius:13px;align-items:center;gap:8px;padding:12px 16px;font-size:10px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 9px 23px #792abb33}.teacher-guide-intro>a svg{width:16px}.teacher-guide-jump{background:#fff;border:1px solid #e8deec;border-radius:15px;flex-wrap:wrap;gap:7px;padding:10px;display:flex}.teacher-guide-jump a{color:#745d80;background:#f8f4fa;border-radius:9px;padding:8px 11px;font-size:8px;font-weight:900;text-decoration:none}.teacher-guide-jump a:hover{color:#7129a8;background:#eee2f7}.teacher-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.teacher-guide-grid article{background:#fff;border:1px solid #e6dbe9;border-radius:21px;flex-direction:column;min-height:235px;padding:22px;scroll-margin-top:20px;transition:all .2s;display:flex;box-shadow:0 11px 28px #3b20450d}.teacher-guide-grid article:hover{border-color:#ceb7dd;transform:translateY(-3px);box-shadow:0 17px 35px #3b204517}.teacher-guide-card-top{justify-content:space-between;align-items:center;display:flex}.teacher-guide-card-top>span{color:#792db4;background:#eee2f7;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.teacher-guide-card-top svg{width:21px}.teacher-guide-card-top small{color:#d8cadd;font-size:17px;font-weight:900}.teacher-guide-grid h3{color:#42264d;margin:16px 0 7px;font:400 18px Jua,sans-serif}.teacher-guide-grid p{color:#8b7a92;margin:0;font-size:9px;line-height:1.65}.teacher-guide-grid ol{color:#816e89;gap:4px;margin:12px 0 0;padding-left:18px;font-size:8px;display:grid}.teacher-guide-grid article>a{color:#762bb0;align-items:center;gap:6px;width:max-content;margin-top:auto;padding-top:18px;font-size:9px;font-weight:900;text-decoration:none;display:flex}.teacher-guide-grid article>a svg{width:14px}.teacher-guide-support{background:linear-gradient(120deg,#fbfff8,#edf7e6);border:1px solid #dce9d3;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 25px;display:grid}.teacher-guide-support>span{color:#fff;background:#73a94c;border-radius:15px;place-items:center;width:49px;height:49px;display:grid}.teacher-guide-support>span svg{width:23px}.teacher-guide-support small{color:#6a9d44;letter-spacing:1.2px;font-size:8px;font-weight:900}.teacher-guide-support h3{color:#3d4d30;margin:4px 0;font-size:14px}.teacher-guide-support p{color:#7e8d73;margin:0;font-size:9px}.teacher-guide-support>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.teacher-guide-support>div:last-child span{color:#668447;background:#fff;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:flex}.teacher-guide-support>div:last-child svg{width:13px}@media (width<=1100px){.slate-tutorial-steps{grid-template-columns:repeat(2,1fr)}.slate-tutorial-steps article:last-child{grid-column:1/-1}.teacher-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-guide-support{grid-template-columns:auto 1fr}.teacher-guide-support>div:last-child{grid-column:1/-1;justify-content:flex-start}}@media (width<=700px){.slate-page-tools{justify-content:stretch}.slate-page-tools>button{justify-content:center;width:100%}.slate-tutorial-dialog{border-radius:21px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.slate-tutorial-heading{padding:27px 58px 24px 23px}.slate-tutorial-heading h2{font-size:23px}.slate-tutorial-steps{grid-template-columns:1fr;padding:17px}.slate-tutorial-steps article,.slate-tutorial-steps article:last-child{grid-column:auto;min-height:0}.slate-tutorial-note{margin:0 17px 15px}.slate-tutorial-actions{flex-direction:column-reverse;align-items:stretch;padding:15px 17px}.slate-tutorial-actions a,.slate-tutorial-actions button{justify-content:center}.teacher-guide-intro{grid-template-columns:auto 1fr;padding:22px}.teacher-guide-intro>a{grid-column:1/-1;justify-content:center}.teacher-guide-grid,.teacher-guide-support{grid-template-columns:1fr}.teacher-guide-support>div:last-child{grid-column:auto}.teacher-guide-jump{flex-wrap:nowrap;overflow-x:auto}.teacher-guide-jump a{white-space:nowrap}}