:root{--ink:#27364b;--muted:#687689;--teal:#168f83;--teal-dark:#0d6f70;--cream:#fffaf0;--line:#ebe8df;--white:#fff;--coral:#f47768;--purple:#8062d8;--yellow:#f3bf45;--sky:#44a9d5;--mint:#55b68a;--font:var(--font-rounded),sans-serif;--display:var(--font-playful),var(--font-rounded),sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:#fff;border-right:1px solid #eeede7;padding:25px 16px 15px;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s;z-index:3}.sidebar.collapsed{width:70px;padding-inline:12px}.sidebar.collapsed .brand>span,.sidebar.collapsed .class-switch>span:not(.switch-icon),.sidebar.collapsed .class-switch>svg:last-child,.sidebar.collapsed .collapse-btn,.sidebar.collapsed .group-list,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-label,.sidebar.collapsed .teacher-card>div:not(.teacher-avatar),.sidebar.collapsed .teacher-card>svg,.sidebar.collapsed .workspace-label{display:none}.sidebar.collapsed .brand,.sidebar.collapsed .class-switch{justify-content:center}.sidebar.collapsed .side-bottom>.nav-item,.sidebar.collapsed nav .nav-item{justify-content:center;padding-inline:0}.sidebar.collapsed .teacher-card{justify-content:center;padding:9px 0}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 27px;color:#286d66;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.8px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:#e5f4ef;border-radius:10px}.collapse-btn{margin-left:auto}.icon-btn{width:36px;height:36px;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;color:#89939a}.icon-btn:hover{background:#f3f5f3;color:var(--ink)}.nav-label,.workspace-label{font-size:10px;letter-spacing:1px;font-weight:700;color:#a4abae;padding:0 8px 9px}.class-switch{height:56px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #eeeee9;border-radius:11px;background:#fff;padding:7px 9px;margin-bottom:27px}.switch-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#f1f6ea;color:#71924e}.class-switch>span:nth-child(2){display:flex;flex:1 1;flex-direction:column;gap:3px}.class-switch strong{font-size:11px}.class-switch small{font-size:10px;color:var(--muted)}.class-switch>svg:last-child{color:#a0a6aa}nav{display:grid;grid-gap:4px;gap:4px}.nav-item{height:42px;width:100%;border:0;background:none;display:flex;align-items:center;gap:12px;padding:0 10px;text-align:left;border-radius:9px;color:#737e86;font-size:12px;font-weight:600;position:relative}.nav-item:hover{background:#f8f8f5}.nav-item.active{background:#eaf5f1;color:#337f74}.nav-item.active:before{content:"";position:absolute;left:-16px;height:25px;width:3px;border-radius:0 3px 3px 0;background:#4c9b8e}.nav-dot{width:6px;height:6px;background:var(--coral);border-radius:50%;margin-left:auto}.groups-label{display:flex;align-items:center;justify-content:space-between;margin-top:31px}.groups-label button{border:0;background:none;color:#95a09e;display:grid;place-items:center;padding:2px}.group-list{display:grid;grid-gap:4px;gap:4px}.group-item{height:35px;border:0;background:transparent;text-align:left;padding:0 9px;border-radius:8px;color:#738087;font-size:11px;display:flex;align-items:center;gap:10px}.group-item.selected,.group-item:hover{background:#f6f7f3;color:#44535a}.group-dot{height:8px;width:8px;border-radius:50%}.sun{background:#e7ba56}.robin{background:#85a6ca}.owl{background:#a68cc7}.side-bottom{margin-top:auto}.side-bottom>.nav-item{margin-bottom:13px}.teacher-card{border-top:1px solid #efefeb;padding:15px 5px 0;display:flex;align-items:center;gap:9px}.teacher-avatar{height:32px;width:32px;border-radius:50%;background:#f7e3dc;color:#9e6154;display:grid;place-items:center;font-size:10px;font-weight:700}.teacher-card>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1 1}.teacher-card strong{font-size:11px}.teacher-card small{font-size:10px;color:var(--muted)}.teacher-card>svg{color:#a8b0b2}.main-area{flex:1 1;min-width:0}.topbar{height:62px;border-bottom:1px solid #efeee9;background:#fff;justify-content:space-between;padding:0 39px}.crumb,.top-actions,.top-date,.topbar{display:flex;align-items:center}.crumb{gap:9px;color:#9aa3a7;font-size:11px}.crumb strong{color:#59676e;font-weight:600}.top-actions{gap:10px}.top-actions .icon-btn{width:32px;height:32px}.notification{position:relative}.notification i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--coral);border:1px solid white}.top-divider{height:23px;width:1px;background:#eee;margin:0 6px}.top-date{gap:8px;color:#68767d;font-size:11px}.top-date svg{color:#9aa5a4}.page-wrap{max-width:1210px;margin:0 auto;padding:30px 40px 24px}.welcome-row{display:flex;justify-content:space-between;min-height:148px;position:relative}.eyebrow,.kicker{margin:0 0 10px;color:#84918e;font-weight:700;font-size:9px;letter-spacing:1.45px}.eyebrow span{color:#e8bd55;margin-left:4px}.alternate>h1,.welcome-row h1{letter-spacing:-1.4px;font-size:32px;line-height:1.22;margin:0;font-weight:700;color:#30414a}.alternate h1 em,.draw-copy h3 em,.welcome-row h1 em{font-family:Georgia,serif;color:var(--teal);font-weight:400}.subhead{color:#849098;font-size:12px;margin:9px 0 0}.hero-art{width:258px;height:145px;position:absolute;right:49px;top:-8px}.art-sun{position:absolute;width:96px;height:96px;background:#f7e7b5;border-radius:50%;right:42px;top:11px;opacity:.75}.art-cloud{position:absolute;font-size:76px;color:#d8e9e4;right:0;top:42px;transform:scaleX(1.7);opacity:.82}.art-book{position:absolute;font-size:39px;right:104px;top:52px;transform:rotate(-12deg);filter:drop-shadow(0 7px 5px #b9b4a63f)}.art-flower{position:absolute;right:8px;top:17px;font-size:29px;color:#df9f87}.art-note{position:absolute;right:12px;top:99px;color:#b58c5c;font:italic 11px Georgia;transform:rotate(-4deg)}.toolbar{display:flex;align-items:center;gap:10px;padding:13px 0 18px;border-top:1px solid #eeede7}.date-picker,.group-picker{height:37px;background:#fff;border:1px solid #eaeae4;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#7d8a8d}.date-picker select,.group-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:#4c5b62;font-size:11px;font-weight:600;min-width:130px}.date-picker select{min-width:118px}.outline-btn{height:37px;border:1px solid #e4e8e3;border-radius:8px;background:white;color:#5f706f;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:11px;font-weight:600}.outline-btn:hover{border-color:#9cc8bb;background:#fbfdfb}.toolbar .outline-btn{margin-left:auto}.stats-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:13px;gap:13px}.stat-card{min-height:124px;background:#fff;border:1px solid #efeee9;border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#66757b;font-size:10px;font-weight:600}.stat-icon{height:29px;width:29px;border-radius:8px;display:grid;place-items:center}.stat-icon.teal{color:#3c9587;background:#e9f5f0}.stat-icon.purple{color:#8876b7;background:#f1edf8}.stat-icon.gold{color:#c3983b;background:#fbf3dd}.stat-main{display:flex;align-items:baseline;gap:10px;margin-top:9px}.stat-main>strong{font-size:27px;letter-spacing:-1px;color:#30414a}.stat-main>strong small{font-size:16px}.trend{font-size:9px;display:inline-flex;align-items:center;gap:2px}.trend.positive{color:#488e79}.trend .muted{color:#99a2a4;margin-left:2px}.progress-track{height:5px;background:#edf2ef;border-radius:8px;margin:6px 0}.progress-track span{display:block;height:100%;border-radius:8px;background:#52a292;transition:width .4s}.stat-caption{color:#94a0a2;font-size:9px}.mini-avatars{display:flex;position:absolute;bottom:15px;right:17px;align-items:center}.mini-avatars b,.mini-avatars span{width:23px;height:23px;border-radius:50%;background:#f4eee3;border:2px solid white;display:grid;place-items:center;font-size:11px;margin-left:-5px}.mini-avatars b{background:#f3f4f1;color:#727e82;font-size:8px}.sparkline{height:28px;position:absolute;bottom:13px;left:17px;right:17px;display:flex;gap:5px;align-items:end}.sparkline i{flex:1 1;border-radius:3px 3px 0 0;background:#e4f1eb}.sparkline i:nth-child(3n){background:#cfe7dc}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.section-heading h2{margin:0;font-family:var(--display);font-size:16px;letter-spacing:-.3px}.section-heading p{margin:4px 0 0;color:#929da0;font-size:10px}.live-badge{display:inline-flex;align-items:center;gap:4px;vertical-align:3px;margin-left:5px;padding:3px 5px;border-radius:4px;background:#eef6ef;color:#65a17e;font:700 8px var(--font);letter-spacing:.6px}.live-badge i{width:5px;height:5px;border-radius:50%;background:#70b78a}.text-link{display:flex;align-items:center;gap:6px;background:none;border:0;color:#448b7e;font-size:10px;font-weight:700;padding:8px}.text-link:hover{color:#286d66}.roster-card{background:white;border:1px solid #efeee9;border-radius:12px;overflow:hidden}.roster-head{min-height:56px;padding:0 16px;justify-content:space-between;border-bottom:1px solid #f0f0eb}.roster-head,.roster-title{display:flex;align-items:center}.roster-title{gap:10px}.roster-title strong{font-size:11px}.roster-title span{color:#9aa4a5;font-size:9px}.roster-title i{font-style:normal;margin:0 3px}.roster-tools{gap:5px}.roster-tools,.searchbox{display:flex;align-items:center}.searchbox{height:29px;width:142px;border:1px solid #eceeea;border-radius:7px;gap:6px;padding:0 8px;color:#a0a8a9}.searchbox input{width:100%;border:0;outline:0;font-size:9px;color:#526169}.searchbox input::placeholder{color:#a0a8a9}.icon-btn.subtle{height:29px;width:29px}.criteria-head,.student-row{display:grid;grid-template-columns:minmax(178px,1.5fr) repeat(6,minmax(63px,1fr)) 62px;align-items:center;padding:0 15px}.criteria-head{height:41px;background:#fcfcfa;border-bottom:1px solid #efeee9;color:#929b9c;font-size:8px;font-weight:700;letter-spacing:.6px}.criteria-head>span:not(:first-child,:last-child){text-align:center;line-height:1.2}.criteria-head>span:last-child{text-align:right}.criterion-index{display:none}.student-row{min-height:57px;border-bottom:1px solid #f1f1ed;transition:background .15s}.student-row:hover{background:#fdfdfb}.student-cell{display:flex;align-items:center;gap:9px;min-width:0}.student-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex:none}.student-avatar.peach{background:#fff0e8}.student-avatar.blue{background:#eaf2fb}.student-avatar.lilac{background:#f1ecfa}.student-avatar.yellow{background:#fbf3d9}.student-avatar.mint{background:#e9f4e8}.student-name{display:flex;flex-direction:column;gap:4px}.student-name strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-name small{font-size:8px;color:#9ca5a5}.flame{color:#e8a552;font-size:9px;margin-right:3px}.check-cell{display:flex;justify-content:center}.check-button{width:22px;height:22px;border:1.5px solid #dfe4df;border-radius:7px;background:#fff;color:#fff;display:grid;place-items:center;padding:0;transition:.15s}.check-button:hover{border-color:#6baa9b;transform:scale(1.06)}.check-button.checked{background:#55a18f;border-color:#55a18f}.points-cell{text-align:right;white-space:nowrap}.points-cell strong{font-family:var(--display);font-size:14px}.points-cell span{font-size:9px;color:#a4adad}.roster-foot{height:39px;background:#fcfcfa;justify-content:space-between;padding:0 16px;color:#80908e;font-size:9px}.roster-foot,.roster-foot>span{display:flex;align-items:center}.roster-foot>span{gap:6px}.roster-foot>span svg{color:#5ca28e}.roster-foot button{border:0;background:transparent;color:#8b9996;font-size:9px;display:flex;align-items:center;gap:5px}.empty-search{text-align:center;padding:25px;color:#8b9697;font-size:11px}.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:13px;gap:13px;margin-top:15px}.draw-card,.insight-card{background:#fff;border:1px solid #efeee9;border-radius:12px;min-height:195px;padding:15px 17px}.card-heading{display:flex;align-items:start;justify-content:space-between}.kicker{display:block;font-size:8px;margin-bottom:5px;color:#a1aaa6}.card-heading h3,.draw-copy h3{font-family:var(--display);font-size:15px;letter-spacing:-.3px;margin:0}.card-heading select{height:27px;background:#fff;border:1px solid #eee;border-radius:6px;padding:0 7px;color:#728087;font-size:9px}.chart-wrap{display:flex;height:91px;margin-top:7px}.chart-y{width:23px;display:flex;flex-direction:column;justify-content:space-between;color:#b0b8b7;font-size:8px;padding:1px 0 14px}.chart-area{position:relative;flex:1 1}.grid-lines{position:absolute;inset:1px 0 16px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{height:1px;border-top:1px dashed #eee}.bars{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:space-around}.bar-column{width:4%;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.bar-column>span{width:72%;background:#d5e9df;border-radius:4px 4px 0 0;z-index:1}.bar-column>span.today-bar{background:#4b9e8e}.bar-column small{height:10px;color:#aab2b1;font-size:8px}.chart-legend{display:flex;justify-content:space-between;align-items:center;margin-left:23px;padding-top:3px;color:#899795;font-size:8px}.chart-legend>span:first-child{display:flex;align-items:center;gap:5px}.chart-legend i{height:7px;width:7px;border-radius:2px;background:#68aa96}.chart-total{font-family:var(--display);font-size:12px;font-weight:700;color:#4e8074}.chart-total small{font:9px var(--font);color:#9aa5a2;font-weight:400}.draw-card{background:#eff5ec;position:relative;overflow:hidden;display:flex;align-items:center;padding:17px 19px}.draw-copy{position:relative;z-index:1;width:67%}.draw-copy h3{font-size:19px;line-height:1.2}.draw-copy p{font-size:9px;color:#87938b;line-height:1.5;max-width:190px}.primary-btn{height:37px;border:0;border-radius:8px;background:#3b8e80;color:#fff;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700;box-shadow:0 3px 7px #397e7025;transition:background .2s,transform .2s}.primary-btn:hover{background:#2d796d}.primary-btn:disabled{opacity:.75;cursor:wait;transform:none}.draw-copy .primary-btn{height:32px;font-size:9px}.draw-illustration{position:absolute;right:14px;bottom:17px;width:110px;height:118px}.giftbox{width:69px;left:20px;bottom:8px;background:#e78c79;border-radius:5px;box-shadow:0 7px 0 #cb6f62}.giftbox,.giftbox:before{position:absolute;height:51px}.giftbox:before{content:"";left:29px;width:12px;background:#f6d56e;z-index:1}.giftbox .lid{position:absolute;left:-6px;top:-10px;width:81px;height:14px;border-radius:5px;background:#ed9a82;z-index:2}.giftbox .lid:after{content:"";position:absolute;left:32px;top:-18px;width:22px;height:21px;border:5px solid #f4d36b;border-radius:20px 20px 0 20px;transform:rotate(20deg)}.spark{position:absolute;color:#dfad50}.s1{font-size:18px;top:7px;left:7px}.s2{font-size:22px;right:0;top:35px}.confetti{position:absolute;width:6px;height:11px;border-radius:3px;transform:rotate(30deg)}.c1{top:22px;left:66px;background:#88b19b}.c2{top:55px;left:2px;background:#f2cf6e}.c3{top:5px;right:23px;background:#df9280}.page-footer{margin-top:20px;display:flex;justify-content:space-between;color:#a8afad;font-size:8px}.page-footer span:first-child{display:flex;align-items:center;gap:5px}.page-footer svg{color:#dc988a}.alternate{padding-top:36px;min-height:calc(100vh - 62px)}.alternate>h1{font-size:32px}.draw-page-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-top:28px}.panel{background:#fff;border:1px solid #efeee9;border-radius:12px}.draw-setup{padding:21px 23px}.panel-title{display:flex;align-items:center;gap:11px;margin-bottom:20px}.panel-icon{height:37px;width:37px;border-radius:11px;display:grid;place-items:center}.panel-icon.coral{background:#fff0ec;color:#df806e}.panel-icon.purple{background:#f2eef9;color:#8874b5}.panel-icon.gold{background:#fcf4df;color:#c69c43}.panel-title h2{margin:0;font:700 14px var(--display)}.panel-title p{margin:3px 0 0;color:#99a3a4;font-size:10px}.field-label{display:block;font-size:10px;font-weight:700;color:#66767a;margin:15px 0 7px}.field-select{height:40px;width:100%;border:1px solid #e9ebe5;border-radius:8px;padding:0 11px;background:#fff;color:#4d5d63;font-size:11px;outline-color:#84b8a8}.pick-option{border:1px solid #b7d8cd;background:#f5faf7;padding:10px;border-radius:9px}.selected-option{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left}.selected-option>span:nth-child(2){display:flex;flex:1 1;flex-direction:column;gap:4px}.selected-option strong{font-size:11px}.selected-option small{font-size:9px;color:#97a29e}.selected-option>svg{color:#4e9b87}.fair-note{margin:13px 0;background:#faf8f0;border-radius:8px;padding:10px;display:flex;gap:8px;align-items:start;color:#87918b;font-size:9px;line-height:1.5}.fair-note svg{color:#b09247;flex:none}.draw-now{width:100%;height:43px;margin-top:6px}.small-center{text-align:center;font-size:9px;color:#9ba5a4;margin:11px 0 0}.spinner{height:13px;width:13px;border:2px solid #ffffff70;border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.basket-panel{background:#f3f4ea;border:1px solid #efeee9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:344px;overflow:hidden}.basket-scene{width:240px;height:226px;position:relative;display:grid;place-items:center}.basket-emoji{font-size:120px;filter:drop-shadow(0 11px 10px #766b4930);z-index:1}.scene-star{position:absolute;color:#d9ae53;font-size:24px}.star-a{top:20px;left:45px}.star-b{top:49px;right:33px}.scene-prize{position:absolute;font-size:32px;z-index:2}.p-a{top:31px;left:90px}.p-b{top:17px;right:75px}.p-c{top:44px;right:43px;font-size:27px}.basket-caption{display:flex;align-items:center;flex-direction:column;gap:5px}.basket-caption strong{font:700 13px var(--display)}.basket-caption span{font-size:9px;color:#919c96}.shake{animation:shake .2s infinite alternate}@keyframes shake{0%{transform:rotate(-5deg) translateX(-4px)}to{transform:rotate(5deg) translateX(4px)}}.recent-panel{margin-top:15px;padding:17px 20px}.section-heading.compact{margin:0 0 12px}.draw-history{height:52px;display:flex;align-items:center;gap:10px;border-top:1px solid #f1f1ed}.history-avatar{height:31px;width:31px;display:grid;place-items:center;background:#f6f0e5;border-radius:9px;font-size:18px}.draw-history>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1 1}.draw-history strong{font-size:10px}.draw-history small{font-size:9px;color:#939d9e}.history-time{font-size:9px;color:#a4adad}.empty-state{height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#9aa4a0}.empty-state>div{font-size:23px}.empty-state strong{font-size:10px;color:#66766e}.empty-state span{font-size:9px}.classroom-top{margin-top:30px;display:flex;align-items:center;justify-content:space-between}.classroom-top h2{margin:0;font:700 16px var(--display)}.classroom-top p{margin:5px 0;color:#929da0;font-size:10px}.classroom-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.classroom-card{border:1px solid #edede8;border-radius:12px;background:#fff;overflow:hidden}.classroom-banner{height:107px;display:flex;justify-content:space-between;align-items:flex-start;padding:12px}.classroom-banner>span{font-size:45px;filter:drop-shadow(0 5px 4px #6662)}.classroom-banner.sunflower{background:#f2ecd7}.classroom-banner.creative{background:#e9e7f3}.classroom-body{padding:13px}.classroom-body h3{margin:0;font:700 13px var(--display)}.classroom-body>p{display:flex;align-items:center;gap:5px;color:#98a2a1;font-size:9px;margin:6px 0 12px}.group-chips{display:grid;grid-gap:5px;gap:5px}.add-group,.group-chips button{border:0;background:#f8f9f6;border-radius:7px;min-height:31px;padding:0 8px;display:flex;align-items:center;gap:7px;text-align:left;font-size:9px;color:#64736e}.group-chips button span{height:7px;width:7px;border-radius:50%;background:#e1bb63}.group-chips button svg{margin-left:auto;color:#adb5b1}.add-group{background:transparent;color:#438b7c;font-weight:700;margin-top:8px}.new-class-card{border:1px dashed #d9ded6;border-radius:12px;background:#fbfcf8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:278px;color:#83928a}.new-class-card>span{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#eef4eb;color:#63927c}.new-class-card strong{font-size:11px;color:#64746d}.new-class-card small{font-size:9px}.report-toolbar{margin-top:25px;display:flex;justify-content:space-between;align-items:center}.segmented{border:1px solid #e9ebe5;background:#fff;border-radius:8px;padding:3px;display:flex}.segmented button{border:0;background:transparent;border-radius:6px;padding:7px 11px;color:#82908f;font-size:10px}.segmented button.selected{background:#eaf5f0;color:#378476;font-weight:700}.report-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:12px;gap:12px;margin:14px 0}.report-hero{position:relative;overflow:hidden;border-radius:12px;background:#eaf4ed;padding:16px 20px;display:flex;flex-direction:column;min-height:132px}.report-hero>span,.report-stat>span{font-size:8px;letter-spacing:1px;color:#8a9c90;font-weight:700}.report-hero>strong{font:700 34px var(--display);color:#408574;line-height:1.2;margin-top:4px}.report-hero>small,.report-stat>small{font-size:9px;color:#8b9891}.report-doodles{position:absolute;right:15px;top:25px;color:#d7b85e;font-size:25px;opacity:.8}.report-stat{border:1px solid #eeeee8;border-radius:12px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:16px}.report-stat>span{color:#a2aaa5}.report-stat>strong{font:700 16px var(--display);margin:8px 0 5px;color:#50625f}.report-stat>strong small{font-size:11px;color:#88938f}.report-table{padding:16px 18px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px;margin-top:9px}th{text-align:right;color:#9aa4a1;font-size:8px;letter-spacing:.4px;padding:10px 8px;border-bottom:1px solid #eeefe9}td:first-child,th:first-child{text-align:left}td{text-align:right;padding:10px 8px;border-bottom:1px solid #f1f1ed;color:#71807c;font-size:10px}td b{color:#3d8878;font:700 12px var(--display)}.table-student{display:flex;align-items:center;gap:8px}.table-student i{font-style:normal;font-size:17px}.table-student strong{font-size:10px;color:#526168}.tfoot,tfoot td{background:#fbfcf9;font-weight:700;color:#4a6660;border:0}.report-note{display:flex;align-items:center;gap:7px;margin:13px 1px;color:#97a19c;font-size:9px}.report-note svg{color:#78a891}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:28px}.settings-panel{padding:20px}.settings-panel .primary-btn{margin-top:18px}.prize-setting{height:39px;border-bottom:1px solid #f0f1ec;display:flex;align-items:center;gap:8px}.prize-setting>span{font-size:14px}.prize-setting strong{font-size:10px;font-weight:500;flex:1 1}.prize-setting button{border:0;background:transparent;color:#a4aeaa}.modal-backdrop,.reveal-backdrop{position:fixed;inset:0;z-index:10;background:#283b3875;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,390px);background:#fff;border-radius:17px;padding:25px;position:relative;box-shadow:0 20px 70px #1b39392b;animation:pop .2s ease-out}.modal-close{position:absolute;right:13px;top:13px}.modal-emoji{font-size:31px;margin-bottom:12px}.modal h2{font:700 19px var(--display);margin:0;color:#33454b}.modal>p{font-size:11px;color:#929d9c;line-height:1.5;margin:7px 0 19px}.modal-submit{width:100%;margin-top:15px}.modal-groups{display:grid;grid-gap:7px;gap:7px}.modal-groups button{height:42px;border:1px solid #eeeee8;background:#fbfcf8;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:11px;color:#576862}.reveal-backdrop{background:#eff5ebf2;overflow:hidden}.reveal-close{position:absolute;right:26px;top:24px;width:42px;height:42px;background:#ffffffb5}.reveal-card{width:min(100%,420px);position:relative;z-index:1;text-align:center;background:#fff;border:1px solid #eaece4;border-radius:22px;padding:33px 32px 28px;box-shadow:0 20px 60px #4560521b;animation:pop .35s ease-out}.reveal-spark{position:absolute;top:17px;right:22px;color:#e5bd5c;font-size:24px}.reveal-card .kicker{color:#a4a99c}.winner-avatar{margin:12px auto 8px;width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:#fff0e5;font-size:45px}.reveal-card>p{font-size:11px;color:#899592;margin:8px 0 2px}.reveal-card h2{font:700 26px var(--display);color:#35514a;margin:0}.prize-reveal{margin:18px 0 12px;background:#f4f7ef;border-radius:11px;padding:13px;display:flex;align-items:center;justify-content:center;gap:9px}.prize-reveal span{font-size:21px}.prize-reveal strong{font-size:12px;color:#536c60}.reveal-card .reveal-sub{margin-bottom:16px;color:#9ba49e;font-size:10px}.reveal-card .primary-btn{min-width:135px}.confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-layer i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:fall 3s ease-in forwards}.confetti-layer i:nth-child(3n){border-radius:50%;width:7px;height:7px}@keyframes fall{to{transform:translateY(110vh) rotate(740deg)}}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:10px;background:#314a45;color:#fff;box-shadow:0 8px 24px #273e3a35;font-size:11px;animation:pop .2s}.toast svg{color:#9ed0b7}@media(max-width:1100px){.page-wrap{padding-inline:26px}.sidebar{width:220px}.criteria-head,.student-row{grid-template-columns:minmax(150px,1.35fr) repeat(6,minmax(48px,1fr)) 54px}.criterion-label{font-size:7px}.stats-grid{gap:9px}.hero-art{right:0}}@media(max-width:820px){.sidebar{width:68px;padding:20px 10px}.sidebar .brand>span,.sidebar .class-switch>span:not(.switch-icon),.sidebar .class-switch>svg:last-child,.sidebar .collapse-btn,.sidebar .group-list,.sidebar .nav-item span,.sidebar .nav-label,.sidebar .teacher-card>div:not(.teacher-avatar),.sidebar .teacher-card>svg,.sidebar .workspace-label{display:none}.sidebar .brand{justify-content:center;padding-inline:0}.sidebar .class-switch{justify-content:center;padding:6px}.sidebar .side-bottom>.nav-item,.sidebar nav .nav-item{justify-content:center;padding-inline:0}.sidebar .teacher-card{justify-content:center;padding:14px 0 0}.main-area{min-width:0}.topbar{padding:0 22px}.page-wrap{padding:25px 22px}.hero-art{opacity:.65;right:0}.criteria-head,.student-row{grid-template-columns:minmax(135px,1.5fr) repeat(6,minmax(39px,1fr)) 49px;padding-inline:10px}.criterion-label{font-size:0}.criterion-index{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#f0f4ef;color:#71847b;font-size:9px}.bottom-grid{grid-template-columns:1fr}.draw-card{min-height:175px}.classroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-class-card{min-height:260px}}@media(max-width:560px){.sidebar{width:54px;padding:16px 6px}.sidebar .brand-mark{width:29px;height:29px}.sidebar nav .nav-item{height:44px}.sidebar .nav-item.active:before{left:-6px}.topbar{height:54px;padding:0 13px}.top-date span{display:none}.top-actions{gap:5px}.top-divider{margin:0 2px}.page-wrap{padding:22px 13px}.welcome-row{min-height:126px}.alternate>h1,.welcome-row h1{font-size:26px;max-width:310px}.hero-art{width:115px;right:-6px;top:15px;opacity:.65;transform:scale(.7);transform-origin:top right}.art-note{display:none}.subhead{font-size:11px;max-width:280px}.toolbar{gap:6px;flex-wrap:wrap}.date-picker,.group-picker{height:34px;flex:1 1;min-width:0;padding:0 7px;gap:5px}.date-picker select,.group-picker select{min-width:0;width:100%;font-size:9px}.toolbar .outline-btn{height:34px;margin-left:0;padding:0 8px;font-size:9px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:110px;padding:12px}.stat-card:first-child{grid-column:span 2;min-height:112px}.stat-top{font-size:9px}.stat-main>strong{font-size:24px}.section-heading{margin-top:21px}.section-heading h2{font-size:14px}.section-heading p,.text-link{font-size:9px}.text-link{padding:6px 0}.roster-head{padding:0 10px}.roster-title{display:block}.roster-title strong{display:block;margin-bottom:4px}.roster-tools{gap:0}.searchbox{width:118px}.criteria-head,.student-row{grid-template-columns:minmax(110px,1.8fr) repeat(6,minmax(30px,1fr)) 37px;padding-inline:7px}.criteria-head{height:34px;font-size:7px}.criterion-index{width:17px;height:17px;font-size:8px}.student-row{min-height:55px}.student-cell{gap:5px}.student-avatar{height:29px;width:29px;font-size:17px;border-radius:8px}.student-name strong{font-size:8px}.student-name small{font-size:7px}.check-button{height:19px;width:19px;border-radius:6px}.points-cell strong{font-size:12px}.points-cell span,.roster-foot{font-size:8px}.roster-foot{padding:0 8px}.roster-foot button{font-size:8px}.bottom-grid{gap:9px}.draw-card,.insight-card{padding:13px}.page-footer{gap:10px;line-height:1.4}.page-footer span:last-child{text-align:right}.alternate{padding-top:29px}.draw-page-grid{grid-template-columns:1fr;margin-top:19px}.basket-panel{min-height:250px;grid-row:1}.basket-scene{height:160px;transform:scale(.8)}.draw-setup{padding:17px}.recent-panel{padding:14px}.classroom-top{margin-top:22px;align-items:start;gap:8px}.classroom-top h2{font-size:14px}.classroom-top .primary-btn{height:34px;font-size:9px;padding:0 8px}.classroom-grid{grid-template-columns:1fr 1fr;gap:9px}.classroom-banner{height:83px}.classroom-banner>span{font-size:35px}.classroom-body{padding:10px}.classroom-body h3{font-size:11px}.classroom-body>p{font-size:8px}.group-chips button{font-size:8px;padding:0 5px;gap:4px}.new-class-card{min-height:225px}.report-toolbar{gap:6px}.report-toolbar .group-picker{flex:1 1}.segmented button{padding:7px;font-size:8px}.report-summary{grid-template-columns:1fr 1fr;gap:8px}.report-hero{grid-column:span 2;min-height:110px}.report-stat{min-height:98px;padding:12px}.report-stat>strong{font-size:14px}.report-table{padding:13px 10px}.report-table .section-heading{align-items:start}.report-table .section-heading .outline-btn{height:30px;padding:0 7px;font-size:8px}.settings-grid{grid-template-columns:1fr;gap:10px}.settings-panel{padding:15px}.reveal-card{padding:30px 20px 24px}.reveal-close{right:12px;top:12px}.reveal-card h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shake{animation:none}}.login-page{min-height:100vh;background:#f5f5ef;position:relative;overflow:hidden;padding:24px}.login-card{width:min(100%,410px);border:1px solid #efeee9;border-radius:18px;padding:34px 37px;box-shadow:0 16px 55px #344a3f0c;position:relative;z-index:1}.login-brand{padding:0 0 34px}.login-card h1{font:700 27px/1.25 var(--display);letter-spacing:-1px;margin:0;color:#33454b}.login-card h1 em{font:italic 400 25px Georgia;color:var(--teal)}.login-intro{color:#8a9697;font-size:11px;margin:11px 0 24px}.login-card form label{display:block;font-size:10px;font-weight:700;color:#60716f;margin:14px 0 6px}.login-card form input{width:100%;height:42px;border:1px solid #e6eae4;border-radius:8px;padding:0 11px;color:#40514f;outline-color:#74ad9d}.login-card form .primary-btn{width:100%;margin-top:22px;height:42px}.login-card form .primary-btn span{margin-left:auto}.login-foot{display:block;text-align:center;margin-top:18px;color:#a0aaa6;font-size:9px}.login-error{padding:9px 10px;border-radius:7px;background:#fff0ed;color:#ac5146;font-size:10px}.login-art{position:absolute;right:calc(50% - 420px);top:calc(50% - 125px);font-size:120px;transform:rotate(5deg);opacity:.85}.login-art span{position:absolute;left:100px;top:42px;color:#ac8c59;font:italic 15px Georgia;white-space:nowrap;transform:rotate(-8deg)}.login-art i{position:absolute;left:54px;top:10px;color:#e4bd5d;font-style:normal;font-size:25px}@media(max-width:850px){.login-art{display:none}}@media(max-width:500px){.login-card{padding:27px 23px}}body{font-size:15px;background:var(--cream);color:var(--ink)}.brand{color:#27766d}.brand-mark{background:#e3f7ed;color:var(--teal);border-radius:12px}.nav-label,.workspace-label{font-size:11px;color:#748197}.class-switch{background:#fffdf7;border-color:#f1e5c8;border-radius:14px}.nav-item{height:44px;border-radius:13px;color:#5d6a7d;font-size:13px}.nav-item.active{background:#e6f5ff;color:#2279a2}.nav-item.active:before{background:var(--sky)}.group-item{font-size:12px;border-radius:11px}.alternate>h1,.welcome-row h1{font-family:var(--display);font-size:36px;letter-spacing:-.4px;color:#27364b}.alternate h1 em,.draw-copy h3 em,.login-card h1 em,.welcome-row h1 em{font-family:inherit;font-style:normal;font-weight:600;color:var(--coral)}.subhead{color:#65748a;font-size:14px}.modal h2,.reveal-card h2,.section-heading h2{font-family:var(--display)}.panel,.roster-card,.stat-card{border-radius:17px;border-color:#ece7da;box-shadow:0 8px 22px #63532b0b}.stat-card:first-child{background:linear-gradient(145deg,#fff 55%,#e9f8ef)}.stat-card:nth-child(2){background:linear-gradient(145deg,#fff 55%,#f1edff)}.stat-card:nth-child(3){background:linear-gradient(145deg,#fff 55%,#fff5d8)}.stat-icon.teal{color:#12816f;background:#e0f7ed}.stat-icon.purple{color:#7053c5;background:#eee8ff}.stat-icon.gold{color:#916600;background:#fff0bf}.stat-main>strong{font-family:var(--display)}.primary-btn{height:42px;border-radius:13px;background:#7152cd;font-size:13px;box-shadow:0 4px 0 #553ca8}.primary-btn:hover{background:#5f43b5;transform:translateY(-1px)}.outline-btn{height:40px;font-size:12px}.date-picker,.field-select,.group-picker,.login-card form input,.outline-btn,.searchbox{border-radius:12px}.field-select:focus,.login-card form input:focus,.searchbox:focus-within{outline:3px solid #c9eafa;border-color:#48a8d1}.student-avatar{border-radius:12px}.classroom-card,.draw-card,.login-card,.modal,.reveal-card{border-radius:22px}.classroom-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #6d5d3818}.login-page{background:radial-gradient(circle at 15% 16%,#fff0c7 0 10%,transparent 28%),radial-gradient(circle at 86% 78%,#e5dcff 0 11%,transparent 30%),#f2fbf6}.login-card{border-color:#eee6d5;box-shadow:0 22px 65px #485c4b18}.login-card h1{font-family:var(--display);font-size:31px;letter-spacing:-.3px}.login-intro{font-size:13px;color:#65748a}.login-card form label{font-size:12px;color:#46566c}.login-card form input{height:46px;font-size:15px}.login-foot{font-size:11px;color:#718096}.modal{box-shadow:0 24px 70px #283d4826}@media(max-width:560px){.alternate>h1,.welcome-row h1{font-size:30px}.subhead{font-size:13px}.primary-btn{height:40px;min-height:40px;font-size:12px;padding-inline:10px}.classroom-card:hover{transform:none}}.student-manage{display:flex;gap:2px;margin-left:auto}.student-name{min-width:0}.student-manage .icon-btn{width:25px;height:25px;border-radius:7px;color:#788594}.student-manage .icon-btn:hover{background:#eee9ff;color:#6447b7}.photo-import{margin-top:18px;padding-top:16px;border-top:1px solid #eee8dd;display:grid;grid-gap:9px;gap:9px}.photo-import input[type=file]{width:100%;font-size:12px;padding:10px;background:#fff;border:1px dashed #c9c4b8;border-radius:11px}.photo-import small{color:var(--muted);font-size:11px;line-height:1.5}.photo-import textarea{resize:vertical;line-height:1.6}.photo-import .form-error{margin:0;color:#b34338;font-size:12px}.modal{max-height:calc(100vh - 32px);overflow-y:auto}.modal-submit:disabled{opacity:.65;cursor:wait}@media(max-width:560px){.student-manage{gap:0}.student-manage .icon-btn{width:21px;height:22px}.student-manage svg{width:12px}.photo-import input[type=file]{font-size:10px}}:root{--ink:#263c56;--muted:#687d91;--cream:#fffdf4;--teal:#218c79;--coral:#ee7259;--purple:#7057c9;--sky:#35a6d0;--yellow:#ffd052;--mint:#55b887}body{background:radial-gradient(ellipse at 95% 4%,#fff3c9 0 8%,transparent 24%),#fffdf4}.brand{color:#176f67;font-size:21px}.brand-mark{background:#dcf6e9;color:#168b73;box-shadow:0 3px 0 #b8e4d2}.welcome-row{min-height:163px}.welcome-row h1{font-size:37px;line-height:1.16}.welcome-row h1 em{color:#e7654f;text-shadow:1px 1px 0 #ffd5a1}.hero-art{right:45px;top:-6px;width:248px;height:151px;border-radius:45% 55% 52% 48%;background:linear-gradient(140deg,#e6f7ff,#f5f0ff 64%,#fff6d8);border:3px solid #fff;box-shadow:0 7px 0 #daeef0,0 10px 20px #526b7914;overflow:hidden}.art-sun{background:#ffd052;border:3px solid #f5b939;opacity:1;box-shadow:0 3px 0 #e9a92e}.art-sun:after{content:"•  •";position:absolute;left:31px;top:26px;color:#855d31;font:700 14px var(--font);letter-spacing:5px}.art-cloud{color:#fff;filter:drop-shadow(0 3px 0 #badfe8)}.art-book{filter:drop-shadow(0 5px 0 #d1b8e6);transform:rotate(-10deg) scale(1.1)}.art-flower{color:#f16b62;text-shadow:0 2px #fff}.art-note{color:#3c7683;font-family:var(--display);font-weight:700;font-style:normal;font-size:12px;transform:rotate(-5deg)}.nav-item.active{background:#e5f5ff;color:#1b7197}.nav-item.active:before{background:#35a6d0}.group-item.selected{background:#e8f7f0;color:#237662}.primary-btn{background:#236f91;box-shadow:0 4px 0 #174f6b;border-radius:14px}.primary-btn:hover{background:#185c7b}.outline-btn{border-color:#bfd9e1;color:#285c72;background:#fff}.panel,.roster-card,.stat-card{border:2px solid #f0e9d7;box-shadow:0 5px 0 #efe9d8,0 9px 22px #6b5e3c0b}.stat-card:first-child{background:linear-gradient(145deg,#fff 52%,#e4f8ee)}.stat-card:nth-child(2){background:linear-gradient(145deg,#fff 52%,#e7f5ff)}.stat-card:nth-child(3){background:linear-gradient(145deg,#fff 52%,#fff3cb)}.stat-icon.teal{color:#14866f;background:#d8f5e7}.stat-icon.purple{color:#6349bd;background:#e9e2ff}.stat-icon.gold{color:#805a00;background:#ffe8a2}.progress-track span{background:#36a480}.check-button.checked{background:#259b79;border-color:#259b79}.classroom-card,.new-class-card{border-radius:18px;box-shadow:0 4px 0 #eee6d3}.classroom-card:nth-child(3n+1) .classroom-banner{background:#fff0bf}.classroom-card:nth-child(3n+2) .classroom-banner{background:#dff2ff}.classroom-card:nth-child(3n+3) .classroom-banner{background:#e4f6e8}.classroom-banner>span{filter:drop-shadow(0 5px 2px #42556520);transform:rotate(-5deg)}.classroom-body h3{font-size:15px}.classroom-body .add-group{color:#166b8f;font-size:11px}.new-class-card{border-color:#a9d4e1;background:linear-gradient(145deg,#f5fcff,#fffcf2)}.classroom-top h2,.panel-title h2,.section-heading h2{color:#243e58}.live-badge{border-radius:999px;background:#dcf7eb;color:#247355}.live-badge i{background:#46b480}.modal{border:3px solid #fff0c7;box-shadow:0 7px 0 #ecdcae,0 24px 70px #283d4826}.modal-emoji{filter:drop-shadow(0 2px 0 #ffe29c)}.field-select:focus,.searchbox:focus-within{outline-color:#bbeaff}.login-page{background:radial-gradient(circle at 15% 16%,#fff0c7 0 10%,transparent 28%),radial-gradient(circle at 86% 78%,#dff3ff 0 11%,transparent 30%),#f8fcf2}.login-card{border:2px solid #f2e9d6;box-shadow:0 7px 0 #eee4ce,0 22px 65px #485c4b18}.login-art{filter:drop-shadow(0 8px 4px #6f58701a)}@media(max-width:820px){.hero-art{right:0;opacity:.95}}@media(max-width:560px){.welcome-row{min-height:130px}.alternate>h1,.welcome-row h1{font-size:28px}.hero-art{right:-6px;top:15px;opacity:.65}.classroom-card,.new-class-card{box-shadow:0 3px 0 #eee6d3}}.champion-section{margin:0 0 20px;padding:14px 16px 16px;border:2px solid #f2e4b9;border-radius:20px;background:linear-gradient(110deg,#fff9e8,#fff 45%,#f2fbff);box-shadow:0 5px 0 #f1e6c9}.champion-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.champion-heading .eyebrow{margin:0 0 3px;color:#c18a2b}.champion-heading h2{margin:0;color:#2b4760;font:700 20px var(--display)}.champion-heading h2 span{font:inherit}.champion-heading .subhead{margin-top:3px;font-size:11px}.champion-hint{padding:7px 11px;border-radius:999px;background:#e6f5ff;color:#287b9d;font:700 10px var(--display);white-space:nowrap}.champion-bubbles{display:flex;align-items:center;justify-content:space-around;gap:10px;min-height:122px}.champion-bubble{--bubble:#b8e9f4;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:104px;height:104px;flex:0 1 104px;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 33% 24%,#ffffffde 0 5%,transparent 6%),radial-gradient(circle at 39% 31%,#ffffff9c 0 15%,transparent 36%),linear-gradient(145deg,#fff9,#fff2 45%,#ffffffb3),var(--bubble);box-shadow:inset -7px -8px 14px #56758a18,inset 5px 5px 9px #ffffffc7,0 4px 0 #7994a32d,0 8px 15px #436a7a20;color:#28435a;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;animation:champion-float 3.2s ease-in-out infinite}.champion-bubble:hover{transform:translateY(-5px) scale(1.06);box-shadow:inset -7px -8px 14px #56758a18,inset 5px 5px 9px #ffffffc7,0 7px 0 #7994a32d,0 12px 18px #436a7a25}.champion-bubble:active{transform:scale(.86)}.champion-bubble:focus-visible{outline:4px solid #394fbd;outline-offset:3px}.champion-bubble-0{--bubble:#b8e9f4;animation-delay:-.3s}.champion-bubble-1{--bubble:#ffe59b;animation-delay:-1.1s}.champion-bubble-2{--bubble:#d5c7ff;animation-delay:-1.8s}.champion-bubble-3{--bubble:#bcebcf;animation-delay:-.8s}.champion-bubble-4{--bubble:#ffc9b8;animation-delay:-2.2s}.champion-bubble-5{--bubble:#ffc8df;animation-delay:-1.5s}.champion-rank{position:absolute;top:7px;left:12px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fffef0;color:#8b641e;font:700 10px var(--display);box-shadow:0 2px 3px #6c5f4020}.champion-avatar{font-size:27px;line-height:1.1;filter:drop-shadow(0 2px 1px #40505b20)}.champion-bubble strong{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 10px var(--display)}.champion-bubble small{font-size:8px;color:#536d81}.champion-empty{padding:18px 12px;color:#73849a;font:600 12px var(--display)}@keyframes champion-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}.champion-celebration{position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow:hidden;padding:20px;background:radial-gradient(ellipse at center,#fffdf1ed 0 24%,#fff7dff2 66%,#def6ffef);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.celebration-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.celebration-confetti i{position:absolute;top:-18px;width:10px;height:17px;border-radius:3px;opacity:0;animation:champion-confetti 3.8s cubic-bezier(.15,.65,.5,1) forwards}.celebration-confetti i:nth-child(3n){width:9px;height:9px;border-radius:50%}.celebration-confetti i:nth-child(4n){width:7px;height:19px;border-radius:2px;transform:rotate(25deg)}@keyframes champion-confetti{0%{opacity:0;transform:translateY(-3vh) rotate(0)}10%{opacity:1}to{opacity:1;transform:translateY(110vh) rotate(760deg)}}.celebration-close{position:absolute;right:22px;top:18px;z-index:2;width:44px;height:44px;border-radius:50%;background:#ffffffce;color:#35536a}.champion-celebration-card{position:relative;z-index:1;width:min(100%,420px);padding:35px 30px 28px;border:4px solid #fff;border-radius:35px;background:linear-gradient(155deg,#fff 0 70%,#fff8df);box-shadow:0 8px 0 #ead99d,0 20px 60px #3a617125;text-align:center;animation:champion-entrance .45s cubic-bezier(.2,1.35,.4,1) both}@keyframes champion-entrance{0%{opacity:0;transform:scale(.65) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}.celebration-kicker{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff0b9;color:#9a6b14;font:700 10px var(--display);letter-spacing:1px}.celebration-student-avatar{width:92px;height:92px;margin:17px auto 6px;display:grid;place-items:center;border:4px solid white;border-radius:32px;background:linear-gradient(145deg,#dff6ff,#fff0c9);box-shadow:0 5px 0 #cce5e5;font-size:53px;animation:champion-bounce 1.1s ease-in-out infinite alternate}@keyframes champion-bounce{to{transform:translateY(-6px) rotate(4deg)}}.champion-celebration-card>p{margin:8px 0 2px;color:#73849a;font-size:13px}.champion-celebration-card h2{margin:0;color:#29435c;font:700 34px var(--display)}.celebration-score{display:inline-block;margin-top:10px;padding:8px 13px;border-radius:999px;background:#edf9ee;color:#397653;font:700 11px var(--display)}.applause-cheer{margin-top:15px;font-size:29px;letter-spacing:5px;animation:applause-bounce .36s ease-in-out infinite alternate}@keyframes applause-bounce{to{transform:scale(1.1) rotate(2deg)}}.champion-celebration-card .applause-caption{margin:2px 0 16px;color:#aa704e;font:700 13px var(--display)}.champion-celebration-card .primary-btn{min-width:150px}.celebration-spark{position:absolute;color:#efbd36;font-size:30px;animation:champion-spin 3s linear infinite}@keyframes champion-spin{to{transform:rotate(1turn) scale(1.15)}}.spark-left{top:28px;left:27px}.spark-right{right:25px;bottom:73px;color:#ed7b64}@media(max-width:800px){.champion-bubbles{justify-content:center;flex-wrap:wrap;gap:7px}.champion-bubble{width:92px;height:92px;flex:0 1 92px}.champion-bubble strong{max-width:74px;font-size:9px}.champion-avatar{font-size:24px}.champion-section{padding:12px}.champion-heading h2{font-size:18px}}@media(max-width:560px){.champion-heading{align-items:flex-start}.champion-hint{font-size:9px;padding:6px 8px}.champion-heading .subhead{font-size:10px}.champion-bubbles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;grid-gap:5px;gap:5px}.champion-bubble{width:82px;height:82px;flex:none}.champion-rank{top:4px;left:7px;width:20px;height:20px;font-size:9px}.champion-avatar{font-size:21px}.champion-bubble strong{max-width:65px;font-size:8px}.champion-bubble small{font-size:7px}.champion-empty{grid-column:1/-1;text-align:center}.champion-celebration-card{padding:30px 20px 24px}.champion-celebration-card h2{font-size:29px}.celebration-close{right:12px;top:10px}}@media(prefers-reduced-motion:reduce){.applause-cheer,.celebration-confetti i,.celebration-spark,.celebration-student-avatar,.champion-bubble,.champion-celebration-card{animation:none!important}.celebration-confetti i{opacity:.8;transform:translateY(45vh)}}.milestone-fullscreen{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(ellipse at 50% 44%,#fff 0 13%,#fff4c9 53%,#dff7ff 100%);text-align:center}.milestone-fullscreen .celebration-confetti i{animation-iteration-count:infinite;animation-duration:4.8s}.milestone-content{position:relative;z-index:1;width:min(100%,1000px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,22px);animation:champion-entrance .55s cubic-bezier(.2,1.35,.4,1) both}.milestone-badge{padding:11px 20px;border-radius:999px;background:#fff;border:2px solid #ffe29b;color:#a76711;font:900 clamp(12px,2vw,20px) var(--display);letter-spacing:.08em;box-shadow:0 5px 0 #f3d786}.milestone-avatar{width:clamp(70px,12vw,140px);height:clamp(70px,12vw,140px);display:grid;place-items:center;border:5px solid #fff;border-radius:38%;background:linear-gradient(145deg,#dff6ff,#fff0c9);box-shadow:0 7px 0 #cce5e5;font-size:clamp(42px,8vw,88px);animation:champion-bounce .8s ease-in-out infinite alternate}.milestone-content>p{margin:0;color:#536f87;font-size:clamp(16px,3vw,28px);font-weight:800}.milestone-content h2{max-width:100%;margin:0;color:#26385a;font:900 clamp(46px,11vw,128px)/1.05 var(--display);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 5px 0 #fff,0 9px 0 #f5dc92}.milestone-fullscreen .applause-cheer{font-size:clamp(38px,7vw,78px);letter-spacing:.12em}.milestone-caption{padding:10px 18px;border-radius:999px;background:#fff9;color:#a64b45}@media(prefers-reduced-motion:reduce){.milestone-fullscreen .celebration-confetti i{animation-duration:30s}.milestone-avatar,.milestone-content,.milestone-fullscreen .applause-cheer{animation:none}}.theme-settings{grid-column:1/-1}.theme-setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #f0f1ec}.theme-setting-row:last-child{border-bottom:0}.theme-setting-row>div{display:flex;flex-direction:column;gap:4px}.theme-setting-row strong{font-size:11px;color:#42565f}.theme-setting-row small{font-size:9px;color:#8d9a9d}.theme-setting-row .field-select{width:min(100%,230px);margin:0}.app-shell[data-theme=sunshine]{--theme-accent:#d99a18;--theme-dark:#805900;--theme-canvas:#fff9e8;--theme-side:#fffdf6;--theme-soft:#fff0bf;--theme-line:#f1dfb0}.app-shell[data-theme=ocean]{--theme-accent:#2589ad;--theme-dark:#17617e;--theme-canvas:#eef9fc;--theme-side:#f8fdff;--theme-soft:#dff2f8;--theme-line:#c9e7ef}.app-shell[data-theme=lavender]{--theme-accent:#8066b7;--theme-dark:#5f478f;--theme-canvas:#f6f2ff;--theme-side:#fcfaff;--theme-soft:#ece4fb;--theme-line:#ded2f3}.app-shell[data-theme=coral]{--theme-accent:#d66f60;--theme-dark:#9f493d;--theme-canvas:#fff3f0;--theme-side:#fffaf8;--theme-soft:#ffe2db;--theme-line:#f4d0c8}.app-shell[data-theme=forest]{--theme-accent:#638b48;--theme-dark:#466633;--theme-canvas:#f2f8ee;--theme-side:#fbfdf8;--theme-soft:#e3efd9;--theme-line:#d5e5ca}.app-shell[data-theme=mint]{--theme-accent:#31967f;--theme-dark:#176b59;--theme-canvas:#effaf6;--theme-side:#fbfefc;--theme-soft:#d9f1e8;--theme-line:#c9e8dc}.app-shell[data-theme=sky]{--theme-accent:#4789d2;--theme-dark:#2d5f9c;--theme-canvas:#f0f7ff;--theme-side:#fbfdff;--theme-soft:#dfedff;--theme-line:#cfdef2}.app-shell[data-theme=peach]{--theme-accent:#dc854a;--theme-dark:#9b5225;--theme-canvas:#fff6ef;--theme-side:#fffdfa;--theme-soft:#ffe8d5;--theme-line:#f3dccb}.app-shell[data-theme=berry]{--theme-accent:#c4507b;--theme-dark:#8d2e55;--theme-canvas:#fff2f6;--theme-side:#fffbfc;--theme-soft:#f9dfeb;--theme-line:#efd0dd}.app-shell[data-theme=grape]{--theme-accent:#795fc7;--theme-dark:#554093;--theme-canvas:#f5f2ff;--theme-side:#fcfbff;--theme-soft:#e8e1fb;--theme-line:#d9d0f2}.app-shell[data-theme=lagoon]{--theme-accent:#168f91;--theme-dark:#10686b;--theme-canvas:#eefafa;--theme-side:#faffff;--theme-soft:#d9f1f0;--theme-line:#c7e7e6}.app-shell[data-theme]{--teal:var(--theme-accent);--teal-dark:var(--theme-dark)}.app-shell[data-theme],.app-shell[data-theme] .main-area{background:var(--theme-canvas)}.app-shell[data-theme] .sidebar{background:var(--theme-side);border-color:var(--theme-line)}.app-shell[data-theme] .topbar{background:#fff;border-color:var(--theme-line)}.app-shell[data-theme] .toolbar{border-color:var(--theme-line)}.app-shell[data-theme] .nav-item.active{background:var(--theme-soft);color:var(--theme-dark)}.app-shell[data-theme] .nav-item.active:before{background:var(--theme-accent)}.app-shell[data-theme] .group-item.selected,.app-shell[data-theme] .live-badge{background:var(--theme-soft);color:var(--theme-dark)}.app-shell[data-theme] .check-button.checked,.app-shell[data-theme] .primary-btn{background:var(--theme-accent);border-color:var(--theme-accent)}.app-shell[data-theme] .primary-btn{box-shadow:0 4px 0 color-mix(in srgb,var(--theme-dark),transparent 18%)}.app-shell[data-theme] .primary-btn:hover{background:var(--theme-dark)}.app-shell[data-theme] .nav-dot,.app-shell[data-theme] .progress-track span{background:var(--theme-accent)}.app-shell[data-theme] .brand,.app-shell[data-theme] .classroom-body .add-group,.app-shell[data-theme] .text-link{color:var(--theme-dark)}.app-shell[data-theme] .brand-mark,.app-shell[data-theme] .switch-icon{background:var(--theme-soft);color:var(--theme-dark);box-shadow:none}.app-shell[data-theme] .class-switch:hover,.app-shell[data-theme] .group-item:hover,.app-shell[data-theme] .nav-item:hover,.app-shell[data-theme] .outline-btn:hover{background:var(--theme-soft);border-color:var(--theme-line);color:var(--theme-dark)}.app-shell[data-theme] .champion-section,.app-shell[data-theme] .classroom-card,.app-shell[data-theme] .new-class-card,.app-shell[data-theme] .panel,.app-shell[data-theme] .roster-card,.app-shell[data-theme] .stat-card{background:#fff;border-color:var(--theme-line);box-shadow:0 4px 0 color-mix(in srgb,var(--theme-line),white 28%),0 9px 22px #27364b0b}.app-shell[data-theme] .classroom-banner{filter:saturate(.8)}.app-shell[data-theme] .champion-section{background:linear-gradient(120deg,var(--theme-soft),#fff 50%,var(--theme-canvas))}.app-shell[data-theme] .champion-heading .eyebrow,.app-shell[data-theme] .champion-hint{color:var(--theme-dark)}.app-shell[data-theme] .champion-hint{background:var(--theme-soft)}.app-shell[data-theme] .classroom-top h2,.app-shell[data-theme] .panel-title h2,.app-shell[data-theme] .section-heading h2{color:var(--ink)}.app-shell[data-theme] .field-select:focus,.app-shell[data-theme] .searchbox:focus-within{outline-color:var(--theme-accent);border-color:var(--theme-accent)}.app-shell[data-theme] .theme-setting-row{border-color:var(--theme-line)}@media(max-width:560px){.theme-setting-row{align-items:flex-start;flex-direction:column;gap:8px}.theme-setting-row .field-select{width:100%}.theme-settings{grid-column:auto}}.forgot-password-link{display:block;width:max-content;max-width:100%;margin:14px auto 0;color:#39877a;font-size:10px;font-weight:700;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.login-success{padding:10px 11px;border-radius:8px;background:#eaf5ef;color:#397667;font-size:10px;line-height:1.55}.student-name-line{display:flex;align-items:center;gap:4px;min-width:0;width:100%}.student-name-line>strong{flex:1 1;min-width:0}.student-actions{position:relative;flex:0 0 auto}.student-options-button{width:27px;height:27px;border-radius:8px;color:#788594}.student-options-button:hover,.student-options-button[aria-expanded=true]{background:#eee9ff;color:#6447b7}.student-options-menu{position:absolute;right:0;bottom:calc(100% + 3px);z-index:12;min-width:146px;padding:5px;background:#fff;border:1px solid #e8e8e3;border-radius:10px;box-shadow:0 8px 24px #27364b24;display:grid;grid-gap:2px;gap:2px}.student-options-menu button{display:flex;align-items:center;gap:8px;width:100%;height:33px;padding:0 9px;border:0;border-radius:7px;background:#fff;text-align:left;color:#46566c;font-size:11px}.student-options-menu button:focus-visible,.student-options-menu button:hover{background:#f3f1fa;outline:none}.student-options-menu .delete-option{color:#ad4d4d}.student-options-menu .delete-option:focus-visible,.student-options-menu .delete-option:hover{background:#fff0ef}.student-options-button:focus-visible{outline:2px solid #8066b7;outline-offset:1px}.app-shell[data-theme=cherry]{--theme-accent:#cf3f57;--theme-dark:#8f293b;--theme-canvas:#fff1f2;--theme-side:#fffbfb;--theme-soft:#ffdde1;--theme-line:#f0cbd1}.app-shell[data-theme=lemon]{--theme-accent:#c49708;--theme-dark:#806300;--theme-canvas:#fffbe9;--theme-side:#fffef8;--theme-soft:#fff1b5;--theme-line:#f0e3ae}.app-shell[data-theme=aqua]{--theme-accent:#15a4bd;--theme-dark:#087184;--theme-canvas:#edfbfe;--theme-side:#fbfeff;--theme-soft:#d7f4f8;--theme-line:#c4eaf0}.app-shell[data-theme=tangerine]{--theme-accent:#e57818;--theme-dark:#a94908;--theme-canvas:#fff5e9;--theme-side:#fffdfa;--theme-soft:#ffe5c5;--theme-line:#f3d7b8}.app-shell[data-theme=rose]{--theme-accent:#d85888;--theme-dark:#98335c;--theme-canvas:#fff2f8;--theme-side:#fffafd;--theme-soft:#f9ddec;--theme-line:#edcddd}.app-shell[data-theme=indigo]{--theme-accent:#5969cb;--theme-dark:#354394;--theme-canvas:#f1f3ff;--theme-side:#fbfbff;--theme-soft:#e0e5ff;--theme-line:#d1d8f4}.app-shell[data-theme=seafoam]{--theme-accent:#42a995;--theme-dark:#247666;--theme-canvas:#effaf7;--theme-side:#fcfefd;--theme-soft:#d9f1eb;--theme-line:#cde8df}.app-shell[data-theme=denim]{--theme-accent:#4c78ae;--theme-dark:#315477;--theme-canvas:#f0f6fc;--theme-side:#fbfdff;--theme-soft:#dfeaf6;--theme-line:#cfdeed}.app-shell[data-theme=orchid]{--theme-accent:#ad5dc1;--theme-dark:#74398a;--theme-canvas:#fbf2ff;--theme-side:#fffbff;--theme-soft:#f1def8;--theme-line:#e7d0ee}.app-shell[data-theme=cocoa]{--theme-accent:#9b674b;--theme-dark:#69442f;--theme-canvas:#faf4ef;--theme-side:#fffdfb;--theme-soft:#f0e2d6;--theme-line:#e8d8cb}.app-shell[data-theme=lime]{--theme-accent:#70a92d;--theme-dark:#4b741b;--theme-canvas:#f5faed;--theme-side:#fdfff9;--theme-soft:#e7f2d5;--theme-line:#dae9c6}.landing-page{--landing-ink:#293553;min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:22px clamp(20px,5vw,76px) 18px;background:radial-gradient(ellipse at 12% 10%,#fff18b 0 8%,transparent 31%),radial-gradient(ellipse at 88% 80%,#7ce8e5 0 8%,transparent 31%),linear-gradient(130deg,#ffb34f,#ff7384 34%,#c76cda 68%,#7775ed);color:var(--landing-ink)}.landing-page:after,.landing-page:before{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.landing-page:before{width:48vw;height:48vw;min-width:360px;min-height:360px;right:-12vw;top:-21vw;background:linear-gradient(135deg,#ffef8f88,#fff9)}.landing-page:after{width:43vw;height:43vw;min-width:330px;min-height:330px;left:-17vw;bottom:-23vw;background:linear-gradient(135deg,#75e5e688,#fff8)}.landing-footer,.landing-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.landing-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font:700 17px var(--display);text-shadow:0 2px 8px #67348a35}.landing-brand img{width:38px;height:38px;object-fit:contain;border-radius:11px;background:#fff1c7;box-shadow:0 4px 0 #743eaa24}.landing-brand span{display:inline}.landing-header-note{color:#fff;font-size:12px;font-weight:700;text-shadow:0 2px 8px #67348a35}.landing-hero{position:relative;display:grid;place-items:center;width:min(100%,1040px);min-height:610px;margin:0 auto}.landing-hero-card{position:relative;z-index:2;width:min(100%,620px);padding:clamp(34px,6vw,62px) clamp(24px,6vw,60px) 35px;text-align:center;background:#ffffffed;border:3px solid #fff;border-radius:36px;box-shadow:0 12px 0 #593c8f25,0 30px 85px #46315c35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff3ce;color:#78571c;font-size:10px;font-weight:800;letter-spacing:1px}.landing-pill span{width:8px;height:8px;border-radius:50%;background:#f2a932;box-shadow:0 0 0 4px #f2a9322a}.landing-wordmark{margin:24px 0 0;font-family:var(--display);line-height:.98;letter-spacing:-2px}.landing-wordmark span,.landing-wordmark strong{display:block}.landing-wordmark span{font-size:clamp(42px,8vw,68px);font-weight:700;color:#3c5baa}.landing-wordmark strong{font-size:clamp(60px,12vw,100px);font-weight:700;letter-spacing:-4px;background:linear-gradient(95deg,#ff765d,#f24688 48%,#865de4);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #f5dcef)}.landing-hero-card h1{margin:23px 0 0;color:#293553;font:700 clamp(25px,4vw,34px)/1.15 var(--display)}.landing-hero-card>p{max-width:400px;margin:10px auto 23px;color:#718096;font-size:14px;line-height:1.65}.landing-signin{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:186px;padding:15px 23px;border:0;border-radius:16px;background:linear-gradient(100deg,#ff765d,#f14888);box-shadow:0 6px 0 #b7366852,0 12px 25px #dc4b8035;color:#fff;text-decoration:none;font:700 16px var(--display);transition:transform .16s,box-shadow .16s}.landing-signin span{font-size:23px;line-height:16px}.landing-signin:hover{transform:translateY(-3px);box-shadow:0 9px 0 #b7366852,0 16px 28px #dc4b8038}.landing-signin:focus-visible{outline:4px solid #343d91;outline-offset:4px}.landing-cheer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;color:#8590a2;font-size:10px;font-weight:700}.landing-cheer span{font-size:15px}.landing-sticker{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #fff;border-radius:19px;background:#fff;box-shadow:0 8px 0 #593c8f20,0 14px 26px #44275220;font:800 10px/1.2 var(--display);letter-spacing:.3px}.landing-sticker span{font-size:27px}.landing-sticker-left{left:2%;top:21%;transform:rotate(-9deg);color:#7c5b12}.landing-sticker-right{right:2%;top:20%;transform:rotate(8deg);color:#bd4265}.landing-floating{position:absolute;z-index:3;padding:11px 16px;border:2px solid #fff;border-radius:15px;background:#d8ffdc;color:#368457;box-shadow:0 6px 0 #3a754329;font:800 17px var(--display);transform:rotate(-6deg)}.landing-floating span{font-size:10px}.landing-floating-left{left:7%;bottom:17%}.landing-floating-right{right:8%;bottom:18%;background:#dcf6ff;color:#377da0;font-size:12px;transform:rotate(5deg)}.landing-sparkle{position:absolute;color:#fff9b8;font-size:46px;text-shadow:0 3px 10px #63348e30;animation:landing-twinkle 2.6s ease-in-out infinite}.landing-sparkle-a{top:10%;right:25%}.landing-sparkle-b{left:22%;bottom:12%;font-size:32px;animation-delay:-1.3s}.landing-sunburst{position:absolute;color:#fff2a5;opacity:.8;font-size:58px}.landing-sunburst-one{right:8%;top:18%}.landing-sunburst-two{left:8%;top:39%;color:#ffdbef}.landing-orbit{position:absolute;width:17px;height:17px;border:4px solid #fff8;border-radius:50%}.landing-orbit-one{left:27%;top:13%}.landing-orbit-two{right:26%;bottom:11%;width:23px;height:23px;border-color:#fff7}.landing-footer{color:#ffffffd9;font-size:10px;font-weight:700;text-shadow:0 2px 6px #56327336}.landing-footer>span:first-child{letter-spacing:1.5px}.landing-footer i{margin:0 5px;color:#fff2a5;font-style:normal}@keyframes landing-twinkle{50%{transform:scale(.7) rotate(28deg);opacity:.65}}@media(max-width:700px){.landing-page{padding:16px 18px}.landing-hero{min-height:calc(100svh - 106px)}.landing-hero-card{border-radius:28px}.landing-sticker{padding:8px 10px}.landing-sticker span{font-size:21px}.landing-sticker-left{left:0;top:9%}.landing-sticker-right{right:0;top:9%}.landing-floating-left{left:0;bottom:7%}.landing-floating-right{right:0;bottom:7%}.landing-sparkle-a{top:4%;right:10%}.landing-sparkle-b{left:10%;bottom:5%}.landing-footer{justify-content:center;text-align:center}.landing-footer>span:last-child{display:none}}@media(max-width:420px){.landing-header-note{font-size:10px}.landing-hero{min-height:calc(100svh - 95px)}.landing-pill,.landing-sticker{font-size:8px}.landing-hero-card>p{font-size:12px}.landing-cheer{font-size:9px}.landing-floating-right{font-size:10px}}@media(prefers-reduced-motion:reduce){.landing-sparkle{animation:none}.landing-signin{transition:none}}.student-name-bubble{--bubble:#fff;position:relative;display:flex;flex:0 0 var(--bubble-size);width:var(--bubble-size);height:var(--bubble-size);flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:var(--bubble);box-shadow:0 4px 0 #2633561b,0 0 0 1px #ffffffa8;color:#283553;cursor:pointer;animation:student-bubble-float 3.1s ease-in-out infinite;animation-delay:var(--bubble-delay);transition:transform .16s,box-shadow .16s}.student-name-bubble:focus-visible,.student-name-bubble:hover{z-index:2;transform:translateY(-4px) scale(1.06);box-shadow:0 7px 0 #26335620,0 0 0 3px #fff8;outline:none}.student-bubble-0{--bubble:#ffe28a}.student-bubble-1{--bubble:#a9e9e3}.student-bubble-2{--bubble:#e8d7ff}.student-bubble-3{--bubble:#ffb8ab}.student-bubble-4{--bubble:#c3edb9}.student-bubble-5{--bubble:#b8dcff}.student-bubble-avatar{font-size:23px;line-height:1.05;filter:drop-shadow(0 2px 1px #26335618)}.student-bubble-name{max-width:calc(var(--bubble-size) - 12px);overflow:hidden;color:#27364b;font-size:8px;font-weight:900;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.student-bubble-points{color:#56627a;font-size:7px;font-weight:800;line-height:1}.student-bubble-burst{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:18px;opacity:0;pointer-events:none;text-shadow:0 1px 5px #805bd4}.student-name-bubble.is-popping{animation:student-bubble-pop .42s ease-in forwards;pointer-events:none}.student-name-bubble.is-popping .student-bubble-burst{animation:student-bubble-spark .42s ease-out forwards}@keyframes student-bubble-float{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes student-bubble-pop{0%{scale:1;opacity:1}35%{scale:1.22;opacity:.9}to{scale:.08;opacity:0}}@keyframes student-bubble-spark{0%{opacity:0;scale:.5}35%{opacity:1;scale:1.6}to{opacity:0;scale:2}}@media(prefers-reduced-motion:reduce){.student-name-bubble{animation:none}.student-name-bubble.is-popping{animation-duration:.01ms}}.student-bubble-screen{position:fixed;inset:0;z-index:12;pointer-events:none}.student-bubble-screen .student-name-bubble{position:fixed;margin:0;pointer-events:auto}.student-bubble-screen .student-bubble-all-popped{position:fixed;left:50%;bottom:14px;z-index:13;transform:translateX(-50%);width:max-content;max-width:90vw;padding:10px 16px;border:2px solid #fff;border-radius:999px;background:#fff5d4;box-shadow:0 5px 0 #26335620;color:#6246a2;text-align:center;pointer-events:none}.avatar-picker-modal{width:min(100%,570px);max-height:calc(100dvh - 32px);overflow:auto}.avatar-picker-modal>p{margin-bottom:13px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:9px;gap:9px;max-height:min(360px,48dvh);overflow-y:auto;padding:4px 3px 9px}.avatar-choice{aspect-ratio:1;min-width:0;border:2px solid transparent;border-radius:15px;background:#f2f6ff;display:grid;place-items:center;transition:transform .14s,box-shadow .14s,border-color .14s}.avatar-choice span{font-size:clamp(22px,4vw,31px);line-height:1}.avatar-choice:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 5px 0 #28385a1a}.avatar-choice.selected{border-color:#765de0;box-shadow:0 0 0 3px #765de02b}.avatar-choice:nth-child(6n+1){background:#fff0cb}.avatar-choice:nth-child(6n+2){background:#e6f7ff}.avatar-choice:nth-child(6n+3){background:#ffe9f1}.avatar-choice:nth-child(6n+4){background:#e5f8e9}.avatar-choice:nth-child(6n+5){background:#f0eaff}.avatar-choice:nth-child(6n){background:#ffede2}.avatar-choice.selected{background:#f0eaff}@media(max-width:480px){.avatar-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.avatar-picker-modal{padding:20px}.avatar-choice{border-radius:12px}}.login-page{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,4vw,50px);overflow:auto;background:radial-gradient(circle at 12% 12%,#fff18a 0 8%,transparent 28%),radial-gradient(circle at 88% 84%,#6de5e2 0 9%,transparent 30%),linear-gradient(130deg,#ffb34f,#ff7384 34%,#c76cda 68%,#7775ed)}.login-card{width:min(100%,1000px);min-height:570px;display:grid;grid-template-columns:.9fr 1.1fr;padding:0;overflow:hidden;border:3px solid #fff;border-radius:32px;background:#fff;box-shadow:0 12px 0 #593c8f25,0 30px 85px #46315c35}.login-welcome-panel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(30px,5vw,58px);display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#ff9d49,#f65a87 48%,#8a63e6)}.login-welcome-panel:after,.login-welcome-panel:before{content:"";position:absolute;z-index:-1;border:2px solid #ffffff50;border-radius:50%}.login-welcome-panel:before{width:360px;height:360px;right:-180px;top:-105px;box-shadow:0 0 0 22px #ffffff13,0 0 0 48px #ffffff10}.login-welcome-panel:after{width:230px;height:230px;left:-125px;bottom:-95px;background:#ffda6040}.login-welcome-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 19px var(--display);text-shadow:0 2px 8px #45265d45}.login-welcome-brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#fff;color:#ef5b88;text-shadow:none}.login-rainbow{position:absolute;right:36px;top:105px;font-size:58px;transform:rotate(11deg);filter:drop-shadow(0 6px 0 #56317720)}.login-welcome-eyebrow{margin:52px 0 13px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#fff4c2}.login-welcome-panel h1{margin:0;font:700 clamp(38px,5vw,58px)/1.02 var(--display);letter-spacing:-1.8px;color:#fff}.login-welcome-panel h1 em{font-style:normal;color:#fff1a1}.login-welcome-panel>p:not(.login-welcome-eyebrow){max-width:340px;margin:20px 0 0;color:#fff9;font-size:14px;line-height:1.7}.login-welcome-bubbles{display:flex;gap:10px;margin-top:28px}.login-welcome-bubbles span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff8;border-radius:14px;background:#ffffff25;font-size:22px;box-shadow:0 4px 0 #56317720}.login-form-panel{align-self:center;width:100%;max-width:530px;margin:auto;padding:clamp(32px,5.5vw,72px)}.login-form-panel .login-brand{display:flex;align-items:center;gap:10px;padding:0 0 34px;color:#365090;font:700 19px var(--display);text-decoration:none}.login-form-panel .brand-mark{width:34px;height:34px;border-radius:12px;background:#ffebf1;color:#ed5b83;box-shadow:0 3px 0 #f7cfdb}.login-form-panel .eyebrow{color:#d45c84}.login-form-panel h2{margin:0;color:#293553;font:700 clamp(28px,4vw,36px)/1.1 var(--display);letter-spacing:-.6px}.login-form-panel .login-intro{margin:10px 0 27px;color:#748196;font-size:14px}.login-form-panel form label{display:block;margin:17px 0 7px;color:#43516c;font-size:13px;font-weight:800}.login-form-panel form input{width:100%;height:50px;border:1px solid #dfe4ed;border-radius:12px;padding:0 14px;background:#fff;color:#293553;font-size:15px;outline-color:#ae91f5}.login-form-panel form input:focus{border-color:#9275df;box-shadow:0 0 0 4px #9275df20}.login-form-panel form .primary-btn{width:100%;height:52px;margin-top:25px;border:0;border-radius:14px;background:linear-gradient(100deg,#ff765d,#f14888);box-shadow:0 5px 0 #b7366852;color:#fff;font:700 16px var(--display)}.login-form-panel form .primary-btn:hover{background:linear-gradient(100deg,#f16350,#d93d78)}.login-form-panel form .primary-btn span{margin-left:auto}.login-form-panel .login-foot{margin-top:19px;color:#8893a5;font-size:11px}.login-home-link{display:block;margin-top:17px;text-align:center;color:#6959b1;text-decoration:none;font-size:12px;font-weight:800}.login-home-link:hover{text-decoration:underline}@media(max-width:760px){.login-page{padding:16px}.login-card{width:min(100%,560px);min-height:0;grid-template-columns:1fr}.login-welcome-panel{min-height:285px;padding:26px 30px}.login-welcome-eyebrow{margin-top:27px}.login-welcome-panel h1{font-size:38px}.login-welcome-panel>p:not(.login-welcome-eyebrow){max-width:390px;margin-top:10px}.login-welcome-bubbles{position:absolute;right:26px;bottom:24px;margin:0}.login-welcome-bubbles span{width:35px;height:35px;font-size:18px}.login-rainbow{right:32px;top:22px;font-size:42px}.login-form-panel{max-width:none;padding:32px 34px 35px}.login-form-panel .login-brand{display:none}.login-form-panel .eyebrow{margin-bottom:9px}.login-form-panel .login-intro{margin-bottom:19px}}@media(max-width:420px){.login-page{padding:10px}.login-card{border-radius:24px}.login-welcome-panel{min-height:250px;padding:22px}.login-welcome-eyebrow{font-size:8px;margin-top:22px}.login-welcome-panel h1{font-size:33px}.login-welcome-panel>p:not(.login-welcome-eyebrow){font-size:12px;max-width:280px}.login-welcome-bubbles{right:19px;bottom:15px;gap:5px}.login-welcome-bubbles span{width:29px;height:29px;font-size:15px}.login-form-panel{padding:26px 23px}.login-form-panel form input{height:47px}}.app-shell[data-theme]{--theme-pop:#f06691;--theme-violet:#8465e8;--theme-sun:#ffca45}.app-shell[data-theme] .main-area{background:radial-gradient(ellipse at 92% 4%,color-mix(in srgb,var(--theme-accent) 22%,white),transparent 34%),radial-gradient(ellipse at 4% 34%,color-mix(in srgb,var(--theme-pop) 11%,white),transparent 28%),var(--theme-canvas)}.app-shell[data-theme] .topbar{box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--theme-accent) 24%,white)}.app-shell[data-theme] .alternate>.eyebrow,.app-shell[data-theme] .page-wrap>.eyebrow{color:var(--theme-dark)}.app-shell[data-theme] .alternate>h1 em,.app-shell[data-theme] .draw-copy h3 em,.app-shell[data-theme] .welcome-row h1 em{background:linear-gradient(95deg,var(--theme-accent),var(--theme-pop),var(--theme-violet))}.app-shell[data-theme] .section-heading{position:relative}.app-shell[data-theme] .section-heading h2:before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 2px 0;border-radius:50%;background:linear-gradient(135deg,var(--theme-accent),var(--theme-pop));box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-accent) 14%,white)}.app-shell[data-theme] .stat-card{border-color:color-mix(in srgb,var(--theme-accent) 24%,white);border-top:4px solid var(--theme-accent);box-shadow:0 5px 0 color-mix(in srgb,var(--theme-accent) 13%,white),0 12px 25px #27364b0d}.app-shell[data-theme] .stat-card:nth-child(2){border-top-color:var(--theme-pop)}.app-shell[data-theme] .stat-card:nth-child(3){border-top-color:var(--theme-violet)}.app-shell[data-theme] .stat-icon.teal{background:color-mix(in srgb,var(--theme-accent) 17%,white);color:var(--theme-dark)}.app-shell[data-theme] .stat-icon.purple{background:#efe9ff;color:#684bc0}.app-shell[data-theme] .stat-icon.gold{background:#fff1c9;color:#a36b00}.app-shell[data-theme] .progress-track{background:color-mix(in srgb,var(--theme-accent) 12%,white)}.app-shell[data-theme] .classroom-card{border-color:color-mix(in srgb,var(--theme-accent) 27%,white);box-shadow:0 5px 0 color-mix(in srgb,var(--theme-accent) 12%,white),0 12px 24px #27364b0c}.app-shell[data-theme] .classroom-card:nth-child(3n+1) .classroom-banner{background:linear-gradient(120deg,#ffe17a,#ffb6a2 78%,#ff9ab6)}.app-shell[data-theme] .classroom-card:nth-child(3n+2) .classroom-banner{background:linear-gradient(120deg,#9ce6ef,#a9d5ff 60%,#cab9ff)}.app-shell[data-theme] .classroom-card:nth-child(3n+3) .classroom-banner{background:linear-gradient(120deg,#a8edc6,#c4ef9b 60%,#ffe08a)}.app-shell[data-theme] .classroom-banner{position:relative}.app-shell[data-theme] .classroom-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 20%,#ffffffaa 0 2px,transparent 3px),radial-gradient(circle at 68% 72%,#ffffff90 0 3px,transparent 4px);pointer-events:none}.app-shell[data-theme] .new-class-card{border:2px dashed color-mix(in srgb,var(--theme-accent) 50%,white);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--theme-soft) 62%,white));color:var(--theme-dark)}.app-shell[data-theme] .new-class-card>span{background:linear-gradient(135deg,var(--theme-accent),var(--theme-violet));color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--theme-dark) 28%,white)}.app-shell[data-theme] .report-hero{background:linear-gradient(120deg,#ffba5a,#ff7b8d 48%,#9b70e7);box-shadow:0 6px 0 #9b70e733}.app-shell[data-theme] .report-hero>span{opacity:.9}.app-shell[data-theme] .report-stat{border:1px solid color-mix(in srgb,var(--theme-accent) 23%,white);box-shadow:0 4px 0 color-mix(in srgb,var(--theme-accent) 11%,white)}.app-shell[data-theme] .report-stat>span{color:var(--theme-dark)}.app-shell[data-theme] .report-stat>strong{color:var(--ink)}.app-shell[data-theme] .draw-card,.app-shell[data-theme] .recent-panel,.app-shell[data-theme] .report-table,.app-shell[data-theme] .settings-panel{border-color:color-mix(in srgb,var(--theme-accent) 22%,white);box-shadow:0 5px 0 color-mix(in srgb,var(--theme-accent) 11%,white),0 12px 24px #27364b0a}.app-shell[data-theme] .panel-icon{box-shadow:0 3px 0 #27364b0b}.app-shell[data-theme] .panel-icon.teal{background:#daf6ee;color:#16856e}.app-shell[data-theme] .panel-icon.purple{background:#eee5ff;color:#7654c5}.app-shell[data-theme] .panel-icon.gold{background:#fff0c2;color:#a36b00}.app-shell[data-theme] .panel-icon.coral{background:#ffe0e4;color:#c34a67}.app-shell[data-theme] .report-note,.app-shell[data-theme] .text-link{color:var(--theme-dark)}.app-shell[data-theme] .live-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 20%,white)}.app-shell[data-theme] .draw-history{border-color:color-mix(in srgb,var(--theme-accent) 16%,white)}.app-shell[data-theme] .history-avatar{background:linear-gradient(135deg,#fff0c7,#f7ddff)}.app-shell[data-theme] .champion-section{border-color:color-mix(in srgb,var(--theme-accent) 35%,white);box-shadow:0 6px 0 color-mix(in srgb,var(--theme-pop) 15%,white)}.app-shell[data-theme] .champion-heading h2{background:linear-gradient(90deg,var(--theme-dark),var(--theme-pop),var(--theme-violet))}.app-shell[data-theme] .champion-bubble{box-shadow:inset -7px -8px 14px #56758a18,inset 5px 5px 9px #ffffffc7,0 5px 0 color-mix(in srgb,var(--theme-accent) 22%,white),0 9px 16px #436a7a20}@media(max-width:680px){.app-shell[data-theme] .stat-card{min-height:116px}.app-shell[data-theme] .section-heading h2:before{width:7px;height:7px;margin-right:6px}}.app-shell[data-theme]{--inner-night:#191f3c;--inner-mid:#29254f;--inner-glow:color-mix(in srgb,var(--theme-accent) 52%,#28213e);background:linear-gradient(135deg,#171e3b,var(--inner-glow) 52%,#392344)}.app-shell[data-theme] .main-area{background:radial-gradient(ellipse at 90% 6%,color-mix(in srgb,var(--theme-accent) 74%,transparent),transparent 37%),radial-gradient(ellipse at 8% 34%,#f0669145,transparent 31%),linear-gradient(135deg,#171e3b 0,var(--inner-glow) 56%,#392344 100%)}.app-shell[data-theme] .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 52%,#1b2040),#191f3c 80%);border-color:#ffffff26;color:#fff}.app-shell[data-theme] .brand{color:#fff}.app-shell[data-theme] .nav-label,.app-shell[data-theme] .workspace-label{color:#ffffffa6}.app-shell[data-theme] .nav-item{color:#ffffffcf}.app-shell[data-theme] .group-item:hover,.app-shell[data-theme] .nav-item:hover{background:#ffffff1c;color:#fff}.app-shell[data-theme] .group-item.selected,.app-shell[data-theme] .nav-item.active{background:color-mix(in srgb,var(--theme-accent) 32%,white);color:#252341}.app-shell[data-theme] .nav-item.active:before{background:var(--theme-sun);box-shadow:0 0 12px color-mix(in srgb,var(--theme-sun) 75%,transparent)}.app-shell[data-theme] .group-item{color:#ffffffc9}.app-shell[data-theme] .group-dot{box-shadow:0 0 10px currentColor}.app-shell[data-theme] .teacher-card{border-color:#ffffff30}.app-shell[data-theme] .teacher-card strong{color:#fff}.app-shell[data-theme] .teacher-card small,.app-shell[data-theme] .teacher-card>svg{color:#ffffffad}.app-shell[data-theme] .teacher-avatar{background:linear-gradient(135deg,#ffcf62,#ff8e9f);color:#442b51}.app-shell[data-theme] .topbar{background:linear-gradient(100deg,#202643,#2b2348);border-color:#ffffff25;box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--theme-accent) 72%,white)}.app-shell[data-theme] .crumb,.app-shell[data-theme] .crumb strong,.app-shell[data-theme] .top-actions .icon-btn,.app-shell[data-theme] .top-date,.app-shell[data-theme] .top-date svg{color:#fff}.app-shell[data-theme] .top-divider{background:#ffffff45}.app-shell[data-theme] .top-actions .icon-btn:hover{background:#ffffff1d;color:#fff}.app-shell[data-theme] .notification i{background:#ffdc59;border-color:#272446}.app-shell[data-theme] .alternate>.eyebrow,.app-shell[data-theme] .page-wrap>.eyebrow{color:#ffe77a}.app-shell[data-theme] .alternate>h1,.app-shell[data-theme] .welcome-row h1{color:#fff;text-shadow:0 3px 22px #12162f55}.app-shell[data-theme] .alternate>h1 em,.app-shell[data-theme] .draw-copy h3 em,.app-shell[data-theme] .welcome-row h1 em{background:linear-gradient(95deg,#ffe17a,#ff91ae,#c1a2ff);background-clip:text;-webkit-background-clip:text;color:transparent}.app-shell[data-theme] .alternate>.subhead,.app-shell[data-theme] .page-wrap>.subhead{color:#f3edff}.app-shell[data-theme] .toolbar{border-color:#ffffff55}.app-shell[data-theme] .toolbar>.text-link{color:#fff1a8}.app-shell[data-theme] .page-footer,.app-shell[data-theme] .section-heading>div>p{color:#e5e4f5}.app-shell[data-theme] .champion-section{background:linear-gradient(115deg,#fff0a8,#fff 43%,#ffc2d6 76%,#d9cbff);border:2px solid #fff;box-shadow:0 7px 0 #171a3745,0 16px 35px #11152e38}.app-shell[data-theme] .champion-heading .eyebrow{color:#835010}.app-shell[data-theme] .champion-heading h2{background:linear-gradient(90deg,#d95832,#d03379,#6549bc);background-clip:text;-webkit-background-clip:text;color:transparent}.app-shell[data-theme] .bottom-grid,.app-shell[data-theme] .classroom-grid,.app-shell[data-theme] .draw-page-grid,.app-shell[data-theme] .report-summary,.app-shell[data-theme] .settings-grid,.app-shell[data-theme] .stats-grid{filter:drop-shadow(0 10px 18px #10142b1f)}.app-shell[data-theme] .classroom-card,.app-shell[data-theme] .draw-card,.app-shell[data-theme] .new-class-card,.app-shell[data-theme] .panel,.app-shell[data-theme] .report-stat,.app-shell[data-theme] .roster-card,.app-shell[data-theme] .stat-card{border-color:#ffffff;border-radius:16px}.app-shell[data-theme] .stat-card{border-top:5px solid var(--theme-accent)}.app-shell[data-theme] .stat-card:nth-child(2){border-top-color:#f06691}.app-shell[data-theme] .stat-card:nth-child(3){border-top-color:#8465e8}.app-shell[data-theme] .classroom-banner{filter:saturate(1.28)}.app-shell[data-theme] .report-hero{background:linear-gradient(120deg,#ffb539,#f2558e 50%,#7359dc);border:1px solid #ffffff85;box-shadow:0 7px 0 #16173455}.app-shell[data-theme] .report-hero>small,.app-shell[data-theme] .report-hero>span,.app-shell[data-theme] .report-hero>strong{color:#fff}.app-shell[data-theme] .report-note{color:#fff1aa}.app-shell[data-theme] .section-heading h2,.app-shell[data-theme] .settings-panel .panel-title h2{color:var(--ink)}.app-shell[data-theme] .date-picker,.app-shell[data-theme] .field-select,.app-shell[data-theme] .group-picker,.app-shell[data-theme] .outline-btn,.app-shell[data-theme] .searchbox{background:#fff;color:#293553}.app-shell[data-theme] .class-switch{border-color:#ffffff70;box-shadow:0 4px 0 #11162e3d}.app-shell[data-theme] .page-wrap>.toolbar>.text-link{color:#fff0a0}.app-shell[data-theme=lemon] .check-button.checked,.app-shell[data-theme=lemon] .primary-btn,.app-shell[data-theme=lime] .check-button.checked,.app-shell[data-theme=lime] .primary-btn,.app-shell[data-theme=sunshine] .check-button.checked,.app-shell[data-theme=sunshine] .primary-btn{color:#342600}.app-shell[data-theme] .page-wrap>.section-heading h2{color:#fff}.app-shell[data-theme] .page-wrap>.section-heading>div>p{color:#eee9ff}.app-shell[data-theme] .panel .section-heading>div>p{color:#8995a8}.brand-home{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.brand-logo-icon{width:38px;height:38px;object-fit:contain;flex:none;border-radius:11px;background:#fff1c7}.sidebar.collapsed .brand-home{justify-content:center}.sidebar.collapsed .brand-home>span{display:none}.sidebar.collapsed .collapse-btn{display:grid;flex:none;margin-left:0}.brand-home:hover .brand-mark{transform:scale(1.05)}.brand-mark{transition:transform .16s ease}.landing-logo{display:block;width:min(100%,285px);height:auto;max-height:285px;object-fit:contain;margin:12px auto 0;filter:drop-shadow(0 9px 8px #29355320)}.login-form-panel .login-brand img{width:40px;height:40px;object-fit:contain;border-radius:12px;background:#fff1c7}.mobile-menu-btn{display:none;flex:none;color:#fff!important}.landing-shortcut{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #ffffff42;border-radius:10px;color:#fff;text-decoration:none;font-size:11px;font-weight:700;transition:background .15s ease,transform .15s ease}.landing-shortcut:hover{background:#ffffff1c;transform:translateY(-1px)}.mobile-sidebar-backdrop{display:none}@media(max-width:820px){.sidebar,.sidebar.collapsed{position:fixed;inset:0 auto 0 0;width:min(286px,86vw);height:100dvh;padding:21px 16px 15px;transform:translateX(-105%);transition:transform .22s ease;z-index:20;box-shadow:12px 0 34px #10142b38}.sidebar.mobile-open{transform:translateX(0)}.sidebar .brand{justify-content:space-between;padding:0 4px 24px}.sidebar .brand-home{justify-content:flex-start}.sidebar .brand-home>span,.sidebar.collapsed .brand-home>span,.sidebar.mobile-open.collapsed .brand-home>span,.sidebar.mobile-open.collapsed .nav-item span{display:inline}.sidebar.mobile-open.collapsed .nav-label,.sidebar.mobile-open.collapsed .workspace-label{display:block}.sidebar.mobile-open.collapsed .group-list{display:grid}.sidebar.mobile-open.collapsed .class-switch>span:not(.switch-icon){display:flex}.sidebar.mobile-open.collapsed .class-switch>svg:last-child{display:block}.sidebar.mobile-open.collapsed .teacher-card>div:not(.teacher-avatar),.sidebar.mobile-open.collapsed .teacher-card>svg{display:flex}.sidebar.mobile-open.collapsed .teacher-card>svg{display:block}.sidebar .collapse-btn{display:none}.sidebar .class-switch>span:not(.switch-icon),.sidebar .class-switch>svg:last-child,.sidebar .group-list,.sidebar .nav-item span,.sidebar .nav-label,.sidebar .teacher-card>div:not(.teacher-avatar),.sidebar .teacher-card>svg,.sidebar .workspace-label{display:initial}.sidebar .nav-label,.sidebar .workspace-label{display:block}.sidebar .group-list{display:grid}.sidebar .side-bottom>.nav-item,.sidebar nav .nav-item{justify-content:flex-start;padding-inline:10px}.sidebar .class-switch{justify-content:flex-start;padding:7px 9px}.sidebar .class-switch>span:nth-child(2){display:flex}.sidebar .teacher-card{justify-content:flex-start;padding:15px 5px 0}.sidebar .teacher-card>div:nth-child(2){display:flex}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:19;border:0;background:#11142cb0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-area{width:100%;min-width:0}.topbar{justify-content:flex-start;gap:9px;padding-inline:14px}.mobile-menu-btn{display:grid;background:#ffffff15}.crumb{flex:1 1;min-width:0}.top-actions{gap:6px}.top-actions>.icon-btn[aria-label=Help]{display:none}}@media(max-width:560px){.topbar{gap:7px;padding-inline:10px}.top-actions{gap:4px}.landing-shortcut{width:34px;padding:0}.landing-shortcut span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top-date,.top-divider{display:none}}@media(prefers-reduced-motion:reduce){.brand-mark,.landing-shortcut,.sidebar{transition:none}}.fun-page-wrap{max-width:1230px}.classroom-fun-page{--fun-pink:#f35b98;--fun-purple:#7751d2;--fun-blue:#24a9c0;--fun-gold:#f4b832;color:#273451}.fun-page-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-3px 0 21px;padding:26px 30px;border:1px solid #ffffff80;border-radius:25px;background:radial-gradient(circle at 95% 10%,#ffe77d99,transparent 23%),linear-gradient(115deg,#f06f94,#8b5de0 58%,#3faac8);box-shadow:0 9px 0 #16152e35,0 20px 42px #13152e38;color:#fff;overflow:hidden;position:relative}.fun-page-hero:after{content:"✦　✧　✿";position:absolute;right:130px;bottom:13px;color:#ffffff50;font-size:26px;letter-spacing:15px;pointer-events:none}.fun-eyebrow{margin:0 0 9px;color:#ffec9a;font-size:9px;font-weight:900;letter-spacing:2px}.fun-page-hero h1{margin:0;font:800 clamp(24px,3vw,36px)/1.13 var(--display);letter-spacing:-1px;color:#fff}.fun-page-hero h1 em{font-style:normal;color:#fff09b;text-shadow:0 3px 12px #30184b45}.fun-page-hero p:last-child{margin:9px 0 0;color:#fffdf2d9;font-size:12px}.fun-mascot-bubble{position:relative;display:grid;place-items:center;flex:none;width:98px;height:98px;border:3px solid #fff;border-radius:31px;background:linear-gradient(145deg,#fff6cf,#ffe2ee);box-shadow:0 8px 0 #39195037,0 12px 25px #24144555;font-size:53px;transform:rotate(5deg)}.fun-mascot-bubble i{position:absolute;right:-11px;top:-13px;color:#ffe077;font-size:25px;font-style:normal;text-shadow:0 2px #794bb1}.fun-goal-strip{display:flex;align-items:center;gap:13px;margin:0 0 20px;padding:12px 17px;border:1px solid #ffffffb5;border-radius:16px;background:#fff;box-shadow:0 5px 0 #1417311d,0 11px 25px #11163018}.fun-goal-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:14px;background:linear-gradient(140deg,#ffebb0,#ffd1e4);font-size:24px}.fun-goal-copy{display:grid;grid-gap:3px;gap:3px;flex:1 1;min-width:0}.fun-goal-copy strong{font:800 14px var(--display);color:#2c3554}.fun-goal-copy>span{color:#758099;font-size:10px}.fun-goal-track{height:9px;overflow:hidden;border-radius:99px;background:#eeeafa}.fun-goal-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffbd3c,#f2649b 57%,#8960e2);transition:width .45s ease}.fun-goal-percent{font:900 14px var(--display);color:#754ed0}.fun-card,.fun-goal-card,.fun-preferences{border:1px solid #fff;border-radius:19px;background:#fff;box-shadow:0 6px 0 #12152b28,0 15px 30px #10142d1c}.fun-goal-card{padding:21px 23px;margin-bottom:18px;background:linear-gradient(120deg,#fff5d1,#fff 47%,#ffe5f0 79%,#f0e8ff)}.fun-goal-top{display:flex;align-items:center;gap:14px}.fun-feature-emoji{display:grid;place-items:center;width:57px;height:57px;flex:none;border-radius:18px;background:#fff;box-shadow:0 5px 0 #584c7440;font-size:32px}.fun-kicker{color:#9b5aa3;font-size:8px;font-weight:900;letter-spacing:1.4px}.fun-goal-top h2{margin:3px 0 2px;color:#28334f;font:800 20px var(--display)}.fun-goal-top p{margin:0;color:#738096;font-size:11px}.fun-goal-medal{margin-left:auto;font-size:34px}.fun-goal-track.large{height:15px;margin:18px 0 13px;background:#e6dcf2}.fun-goal-track.large i{box-shadow:0 0 16px #f165a899}.fun-goal-bottom{display:flex;justify-content:space-between;align-items:center}.fun-goal-bottom>strong{color:#453569;font:900 19px var(--display)}.fun-goal-bottom small{color:#7d8498;font:600 10px var(--font)}.fun-goal-bottom label{display:flex;align-items:center;gap:8px;color:#80869a;font-size:10px;font-weight:700}.fun-goal-bottom input{width:84px;height:34px;border:1px solid #e6e0ee;border-radius:10px;padding:0 9px;color:#343b58;font-weight:800;outline-color:#a486ec}.fun-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.fun-card{padding:19px;min-width:0}.fun-card-title,.fun-timer-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}.fun-panel-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:13px;color:#fff;box-shadow:0 4px 0 #15152b22}.picker-icon{background:linear-gradient(140deg,#2dbad0,#638ee8)}.daily-icon{background:linear-gradient(140deg,#ffb848,#f67673)}.kindness-icon{background:linear-gradient(140deg,#f274af,#d65c89)}.vote-icon{background:linear-gradient(140deg,#f2be36,#ff8a5d)}.mascot-icon{background:linear-gradient(140deg,#8962e8,#ca65c6)}.certificate-icon{background:linear-gradient(140deg,#36bd9c,#25a9c8)}.timer-icon{background:linear-gradient(140deg,#444cd4,#8e58df)}.fun-card-title h2,.fun-timer-head h2{margin:0;color:#2b3655;font:800 15px var(--display)}.fun-card-title p,.fun-timer-head p{margin:3px 0 0;color:#8490a1;font-size:10px}.picker-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:168px;margin:0 0 13px;overflow:hidden;border:1px solid #e8e0fb;border-radius:17px;background:radial-gradient(circle at 50% 42%,#fff 0 18%,transparent 19%),linear-gradient(145deg,#f4eeff,#effbff 55%,#fff4e8)}.picker-stage:after,.picker-stage:before{content:"✦";position:absolute;color:#dda73b;font-size:25px;animation:fun-twinkle 2.1s ease-in-out infinite}.picker-stage:before{top:20px;left:19%}.picker-stage:after{right:19%;bottom:20px;animation-delay:.8s}.picker-stage.is-picking .picker-avatar{animation:fun-bounce .2s infinite alternate}.picker-avatar{display:grid;place-items:center;width:71px;height:71px;border:3px solid white;border-radius:25px;background:linear-gradient(145deg,#ffedbb,#ffdce9);box-shadow:0 5px 0 #35304b25;font-size:44px}.picker-stage>strong{margin-top:8px;color:#343452;font:800 14px var(--display)}.picker-stage>small{margin-top:3px;color:#81879b;font-size:9px}.picker-confetti{position:absolute;top:10px;right:25%;color:#ac7be0}.fun-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 13px;border:1px solid transparent;border-radius:11px;font-size:11px;font-weight:800;transition:transform .14s,filter .14s,box-shadow .14s}.fun-action:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.12)}.fun-action:disabled{opacity:.5;cursor:not-allowed}.fun-action.primary{background:linear-gradient(100deg,#f46c89,#9157db);box-shadow:0 4px 0 #56387c43;color:white}.fun-action.secondary{border-color:#e9e5f2;background:#fff;color:#625c83}.fun-action.full{width:100%}.fun-text-action{border:0;background:transparent;color:#7553c2;font-size:10px;font-weight:800}.picker-card>.fun-text-action{display:block;margin:9px auto 0}.daily-card{background:linear-gradient(145deg,#fff,#fff7e9)}.daily-surprise{display:flex;align-items:center;gap:13px;min-height:140px;padding:16px;border:1px solid #ffebce;border-radius:16px;background:radial-gradient(circle at 8% 5%,#fff 0 16%,transparent 17%),linear-gradient(130deg,#fff4ce,#ffebdd 60%,#f9e9ff)}.daily-surprise>span{display:grid;place-items:center;width:66px;height:66px;flex:none;border:2px solid white;border-radius:22px;background:#fff;box-shadow:0 5px 0 #e8bac044;font-size:39px}.daily-surprise small{color:#c27740;font-size:8px;font-weight:900;letter-spacing:1px}.daily-surprise h3{margin:4px 0;color:#453754;font:800 16px var(--display)}.daily-surprise p{margin:0;color:#776b7d;font-size:11px;line-height:1.5}.daily-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.daily-footer>span{color:#8d8792;font-size:9px}.fun-label{display:block;margin:12px 0 6px;color:#6e7890;font-size:9px;font-weight:800}.fun-input{width:100%;height:39px;padding:0 11px;border:1px solid #e1e4ec;border-radius:10px;background:#fff;color:#37405a;font-size:11px;outline-color:#a183e9}.kindness-badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:13px}.kindness-badge{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:92px;padding:9px 4px;border:1px solid #efe7fb;border-radius:14px;background:linear-gradient(145deg,#fff8e4,#fff0f7);color:#453d62}.kindness-badge:disabled{opacity:.92;cursor:default}.kindness-badge>span{font-size:24px}.kindness-badge strong{font-size:9px}.kindness-badge small{color:#9c88b6;font-size:8px}.kindness-badge.awarded{border-color:#f1cd69;background:linear-gradient(145deg,#fff1b5,#ffe3eb);box-shadow:0 3px 0 #ebc64d55}.earned-badges{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid #efedf2}.earned-badges>strong{color:#657087;font-size:10px}.badge-shelf{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.badge-shelf>span{display:flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid #f3e3a8;border-radius:10px;background:#fff8d9;color:#62647b;font-size:10px}.badge-shelf>span small{color:#9a7c38}.badge-shelf>p,.fun-empty{color:#8490a1;font-size:10px}.reward-vote-list{display:grid;grid-gap:7px;gap:7px;max-height:232px;overflow:auto;margin-top:12px}.reward-vote-option{display:grid;grid-template-columns:24px minmax(0,1fr) auto 17px;align-items:center;grid-gap:8px;gap:8px;min-height:43px;padding:5px 9px;border:1px solid #ece9f1;border-radius:11px;background:#fff;text-align:left;color:#4d536b}.reward-vote-option>span{font-size:17px}.reward-vote-option strong{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.reward-vote-option small{color:#9196a5;font-size:8px}.reward-vote-option>svg{color:#3aa58b}.reward-vote-option.voted{border-color:#e7be50;background:#fff8db;box-shadow:0 3px 0 #efd77465}.vote-result{display:flex;align-items:center;gap:5px;margin:12px 0 0;color:#858397;font-size:10px}.vote-result svg{color:#e1aa31}.vote-result strong{color:#55447d}.mascot-preview{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding:12px;border:1px solid #eae3fa;border-radius:15px;background:linear-gradient(110deg,#f3eaff,#fff0f5,#fff8dc)}.mascot-preview>span{display:grid;place-items:center;width:51px;height:51px;border:2px solid white;border-radius:16px;background:#fff;font-size:34px;box-shadow:0 4px 0 #40315b22}.mascot-preview>div{display:grid;grid-gap:3px;gap:3px;flex:1 1}.mascot-preview strong{color:#463760;font:800 14px var(--display)}.mascot-preview small{color:#858196;font-size:9px}.mascot-preview>i{color:#e5b53f;font-style:normal}.mascot-choices{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 13px}.mascot-choices button{display:grid;place-items:center;width:33px;height:33px;border:1px solid transparent;border-radius:10px;background:#f2edfb;font-size:20px}.mascot-choices button:nth-child(3n+2){background:#ffeff0}.mascot-choices button:nth-child(3n){background:#fff4d6}.mascot-choices button.selected{border-color:#7956d2;box-shadow:0 0 0 3px #7956d229}.certificate-preview{display:flex;align-items:center;gap:10px;margin:5px 0 13px;padding:15px 12px;border:2px dashed #ebca72;border-radius:15px;background:linear-gradient(120deg,#fff5cb,#fff 45%,#ffecf3)}.certificate-preview>span{font-size:34px}.certificate-preview>div{display:grid;grid-gap:3px;gap:3px;flex:1 1}.certificate-preview small{color:#ad8441;font-size:7px;font-weight:900;letter-spacing:.8px}.certificate-preview strong{color:#463663;font:800 13px var(--display)}.certificate-preview em{color:#90859c;font-size:9px;font-style:normal}.certificate-preview>svg{color:#cfab4b}.certificate-card>.fun-action{margin-top:12px}.timer-panel{margin-top:17px;padding:20px 22px;background:radial-gradient(circle at 90% 0,#f2e7ff,transparent 32%),linear-gradient(130deg,#fff,#f2faff)}.fun-timer-head{margin-bottom:12px}.fun-timer-head>div:nth-child(2){flex:1 1}.fun-expand{width:36px;height:36px;border:1px solid #e6e1f2;border-radius:10px;background:white;color:#7153be;font-size:22px}.fun-label[for=activity-name]{margin-top:4px}.fun-presets,.timer-full-presets{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.fun-presets button,.timer-full-presets button{min-width:51px;height:31px;border:1px solid #e4e3eb;border-radius:9px;background:#fff;color:#747c8e;font-size:9px;font-weight:800}.fun-presets button.chosen,.timer-full-presets button.chosen{border-color:#9c7bdf;background:#f0e9ff;color:#6242bb;box-shadow:0 3px 0 #7955c52a}.fun-presets button:disabled,.timer-full-presets button:disabled{opacity:.6}.fun-timer-clock{display:flex;justify-content:center;padding:10px 0 5px}.fun-clock-ring,.timer-full-ring{--timer-progress:0%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:210px;border-radius:50%;background:conic-gradient(from -90deg,#f3619a var(--timer-progress),#ece7f4 var(--timer-progress));box-shadow:0 7px 0 #29234325,0 12px 25px #5d438026;color:#634ac0}.fun-clock-ring:before,.timer-full-ring:before{content:"";position:absolute;inset:12px;border:1px solid #ede7f6;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#fff5e8);box-shadow:inset 0 4px 12px #7b609016}.fun-clock-ring>*,.timer-full-ring>*{z-index:1}.fun-clock-ring svg{margin-bottom:4px}.fun-clock-ring strong{color:#31385a;font:900 44px/1 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1px}.fun-clock-ring span{margin-top:6px;color:#8b839f;font-size:9px}.fun-timer-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.fun-timer-finished{margin-top:12px;padding:9px;border-radius:10px;background:#fff2c2;color:#806125;text-align:center;font-size:10px;font-weight:700}.fun-preferences{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:16px;padding:14px 18px;background:linear-gradient(105deg,#262146,#46316d 60%,#43244f);color:#fff}.fun-preferences>div{display:flex;align-items:center;gap:9px;flex:1 1;min-width:200px}.fun-preferences>div svg{color:#ffe275}.fun-preferences>div span{display:grid;grid-gap:3px;gap:3px}.fun-preferences>div strong{font:800 11px var(--display)}.fun-preferences>div small{color:#ffffffaa;font-size:8px}.fun-preferences>label{display:flex;align-items:center;gap:6px;color:#fffde9;font-size:9px;font-weight:700;cursor:pointer}.fun-preferences input{accent-color:#ffd14e}.classroom-timer-fullscreen{position:fixed;z-index:200;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:34px 20px;background:radial-gradient(circle at 50% 26%,#684ec1 0,#38275f 34%,#171b3a 77%);color:#fff;text-align:center}.classroom-timer-fullscreen:after,.classroom-timer-fullscreen:before{content:"✦";position:absolute;color:#ffe47a55;font-size:clamp(100px,17vw,250px);pointer-events:none}.classroom-timer-fullscreen:before{top:7%;left:8%;transform:rotate(-17deg)}.classroom-timer-fullscreen:after{right:9%;bottom:7%;transform:rotate(18deg)}.timer-exit{position:absolute;z-index:2;top:22px;right:24px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff15;color:#fff;font-size:10px;font-weight:800}.timer-full-mascot{z-index:1;margin-top:10px;font-size:clamp(39px,7vw,68px);filter:drop-shadow(0 6px 0 #11152d55)}.timer-full-kicker{z-index:1;margin:5px 0;color:#ffeb94;font-size:9px;font-weight:900;letter-spacing:2.5px}.classroom-timer-fullscreen h1{z-index:1;margin:4px 0 18px;color:#fff;font:900 clamp(25px,4vw,42px) var(--display);text-shadow:0 3px 16px #10132c80}.timer-full-ring{z-index:1;width:min(48vh,340px,78vw);height:min(48vh,340px,78vw);color:#ffc8e7;background:conic-gradient(from -90deg,#ffca55 0,#ff6ea2 var(--timer-progress),#ffffff25 var(--timer-progress));box-shadow:0 9px 0 #090d2466,0 20px 55px #07091b78}.timer-full-ring:before{inset:14px;border:1px solid #fff4;background:radial-gradient(circle at 35% 25%,#5b528a,#28284c 68%,#24213f);box-shadow:inset 0 10px 30px #0d102b90}.timer-full-ring>span{font:900 clamp(52px,9vh,94px)/1 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:2px;text-shadow:0 3px 13px #090b234b}.timer-full-ring small{margin-top:9px;color:#fffccf;font-size:10px}.timer-full-controls{z-index:1;display:flex;gap:10px;margin:19px 0 3px}.timer-full-controls button{display:flex;align-items:center;gap:8px;min-height:43px;padding:0 17px;border:1px solid #ffffff53;border-radius:13px;background:#ffffff16;color:white;font-size:11px;font-weight:800}.timer-full-controls button:first-child{border:0;background:linear-gradient(100deg,#f36d99,#8456d1);box-shadow:0 5px 0 #12132e75}.timer-full-controls svg{width:17px}.timer-full-presets{z-index:1;justify-content:center}.timer-full-presets button{background:#ffffff15;border-color:#ffffff35;color:#fff}.timer-full-presets button.chosen{background:#ffdf71;color:#443365}.timer-full-foot{z-index:1;margin:0;color:#ffffffa9;font-size:9px}.certificate-modal{position:fixed;z-index:220;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:22px;background:#17152dc9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.certificate-close{position:absolute;top:18px;right:20px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #fff6;border-radius:50%;background:#ffffff15;color:#fff}.certificate-print{width:min(720px,94vw);min-height:420px;padding:40px 46px;border:8px double #d9ad47;border-radius:20px;background:radial-gradient(circle at 8% 7%,#fff1b8,transparent 22%),radial-gradient(circle at 95% 90%,#f7dcff,transparent 25%),#fffef8;box-shadow:0 14px 0 #17152d55,0 26px 70px #05051577;text-align:center;color:#3a335a}.certificate-stars{display:block;margin:0 0 12px;color:#d8a83c;font-size:24px}.certificate-print>small{color:#987839;font-size:9px;font-weight:900;letter-spacing:2px}.certificate-print h2{margin:10px 0;color:#7044bc;font:900 clamp(26px,5vw,42px) var(--display)}.certificate-print>p{margin:12px 0 5px;color:#777589;font-size:12px}.certificate-print>strong{display:block;margin:10px 0;color:#e35c8e;font:900 clamp(27px,6vw,48px) var(--display)}.certificate-print>b{color:#453b71;font:800 17px var(--display)}.certificate-medal{margin:12px auto 15px;font-size:35px}.certificate-print footer{display:flex;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid #eadba9;color:#827c8b;font-size:9px}.certificate-print-button{min-width:200px;justify-content:center}@keyframes fun-bounce{to{transform:translateY(-7px) rotate(4deg)}}@keyframes fun-twinkle{50%{opacity:.35;transform:scale(.7) rotate(20deg)}}@media(max-width:850px){.fun-feature-grid{grid-template-columns:1fr}.fun-page-hero{padding:21px}.fun-goal-top h2{font-size:17px}}@media(max-width:560px){.fun-page-hero{padding:17px;border-radius:19px}.fun-mascot-bubble{width:69px;height:69px;border-radius:22px;font-size:40px}.fun-page-hero h1{font-size:25px}.fun-page-hero p:last-child{max-width:270px;font-size:10px}.fun-card{padding:14px}.fun-goal-card{padding:15px}.fun-goal-medal{font-size:25px}.fun-goal-top p{font-size:9px}.fun-goal-bottom strong{font-size:16px}.fun-goal-bottom label{gap:4px}.fun-goal-bottom input{width:65px}.daily-footer{align-items:flex-start;flex-direction:column}.fun-preferences{align-items:flex-start;gap:11px}.fun-preferences>div{min-width:100%}.timer-exit{top:12px;right:12px}.timer-exit span{display:none}.classroom-timer-fullscreen h1{margin-top:9px}.timer-full-ring{width:min(43vh,290px,76vw);height:min(43vh,290px,76vw)}.timer-full-controls button{min-height:39px;padding-inline:12px}.certificate-print{min-height:0;padding:27px 20px;border-width:5px}.certificate-print footer{font-size:8px}}@media print{body *{visibility:hidden!important}.certificate-modal,.certificate-modal *{visibility:visible!important}.certificate-modal{position:absolute;inset:0;display:block;padding:0;background:white!important}.certificate-print{width:100%;min-height:90vh;margin:0;border-width:8px;border-radius:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.certificate-close,.certificate-print-button{display:none!important}}.goal-celebrate-button{margin-top:13px}.goal-celebration-overlay{position:fixed;z-index:210;inset:0;display:grid;place-items:center;padding:20px;background:#15152dce;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.goal-celebration-card{position:relative;width:min(560px,94vw);padding:42px 30px;border:4px solid white;border-radius:30px;background:radial-gradient(circle at 10% 8%,#fff1a2,transparent 25%),linear-gradient(145deg,#ffcf5b,#f36d9e 50%,#7656da);box-shadow:0 11px 0 #100f2d75,0 30px 70px #07071988;text-align:center;color:white}.goal-celebration-card>button{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff8;border-radius:50%;background:#ffffff25;color:white}.goal-celebration-card>span{display:block;font-size:58px;filter:drop-shadow(0 5px 0 #42235445)}.goal-celebration-card>small{color:#fff2af;font-size:9px;font-weight:900;letter-spacing:2px}.goal-celebration-card h2{margin:9px 0;color:white;font:900 clamp(26px,5vw,38px) var(--display)}.goal-celebration-card p{max-width:400px;margin:0 auto 19px;color:#fffde5;font-size:13px;line-height:1.6}.goal-celebration-card>div{font-size:24px}.celebration-sound-choice select{height:30px;margin-left:6px;padding:0 9px;border:1px solid #ffffff4d;border-radius:9px;background:#352b57;color:#fff;font-size:9px}.celebration-sound-choice option{background:#fff;color:#273451}.site-home-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid #ffffffa6;border-radius:12px;background:#ffffffed;color:#6745b2;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 4px 0 #412b772b;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease}.site-home-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #412b772b}.public-home-button{flex:none}.login-home-button{position:fixed;z-index:5;top:20px;left:22px}@media(max-width:700px){.landing-header{flex-wrap:wrap}.landing-header-note{margin-left:auto}.public-home-button{min-height:32px;padding-inline:10px}.login-home-button{top:12px;left:12px}}.trivia-reveal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 12px;border:1px solid #e8dcff;border-radius:12px;background:linear-gradient(100deg,#f7f0ff,#fff9e7)}.trivia-reveal>p{margin:0;color:#51456d;font-size:11px;line-height:1.5}.trivia-reveal>p strong{color:#754fc4}.trivia-reveal>.fun-action{flex:none}@media(max-width:560px){.trivia-reveal{align-items:flex-start;flex-direction:column}}.theme-picker-icon{background:linear-gradient(140deg,#f3aa28,#f15d97 52%,#7951d4)}.theme-randomizer-display{display:flex;align-items:center;gap:13px;min-height:88px;margin:0 0 13px;padding:13px 15px;border:1px solid #eee6fa;border-radius:16px;background:linear-gradient(110deg,#fff8dc,#fff0f7 56%,#f2efff)}.theme-randomizer-orb{display:grid;place-items:center;width:56px;height:56px;flex:none;border:4px solid white;border-radius:20px;background:var(--theme-swatch);box-shadow:0 4px 0 #2920432b,0 0 24px color-mix(in srgb,var(--theme-swatch),transparent 45%);color:#fff;font-size:31px;transition:background .12s,transform .12s}.theme-randomizer-display.is-spinning .theme-randomizer-orb{animation:theme-orb-spin .24s linear infinite}.theme-randomizer-display>div:nth-child(2){display:grid;grid-gap:4px;gap:4px;min-width:0}.theme-randomizer-display small{color:#8a7c9c;font-size:8px;font-weight:900;letter-spacing:1px}.theme-randomizer-display strong{color:#343452;font:800 13px var(--display)}.theme-randomizer-dots{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto;max-width:67px}.theme-randomizer-dots i{width:10px;height:10px;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #25203930}.theme-randomizer-hint{margin:9px 0 0;color:#81879b;font-size:9px;text-align:center}.theme-picker-card>.fun-action{background:linear-gradient(100deg,#f1aa28,#f15b8d 55%,#8d53d8)}@keyframes theme-orb-spin{to{transform:rotate(1turn) scale(.9)}}@media(prefers-reduced-motion:reduce){.theme-randomizer-display.is-spinning .theme-randomizer-orb{animation:none}}.lesson-start-card{display:flex;align-items:center;gap:15px;margin:18px 0;padding:17px 21px;border:1px solid #fff;border-radius:20px;background:radial-gradient(circle at 90% 0,#ffe5a4,transparent 32%),linear-gradient(110deg,#fff,#fff4df 48%,#ffedf5);box-shadow:0 5px 0 #d7c28e66,0 14px 28px #40324f12}.lesson-start-icon{display:grid;place-items:center;width:50px;height:50px;flex:none;border:3px solid #fff;border-radius:17px;background:linear-gradient(145deg,#ffd45c,#ff8e63);box-shadow:0 4px 0 #c9795d42;color:white}.lesson-start-copy{flex:1 1}.lesson-start-copy .eyebrow{margin:0 0 3px;color:#ae7a31;font-size:8px;letter-spacing:1px}.lesson-start-copy h2{margin:0;color:#3b3552;font:800 16px var(--display)}.lesson-start-copy p{margin:4px 0 0;color:#7e7d8d;font-size:10px}.lesson-start-button,.lesson-stop-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(105deg,#f2a82b,#ee6c83 58%,#8654cf);box-shadow:0 4px 0 #66428944;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}.lesson-countdown{color:#573d8e;font:900 27px var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1px}.lesson-stop-button{min-height:35px;background:#fff;border:1px solid #ecdde4;box-shadow:none;color:#826174;font-size:10px}.routine-celebration{position:fixed;z-index:240;inset:0;display:grid;place-items:center;overflow:hidden;padding:22px;background:radial-gradient(ellipse at center,#fffdf1f2 0 23%,#fff5def2 65%,#dff6fff0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.routine-celebration-card{position:relative;z-index:1;width:min(560px,94vw);padding:40px 30px 32px;border:5px solid white;border-radius:34px;background:linear-gradient(145deg,#fff6c8,#fff 45%,#ffebf5 75%,#ede7ff);box-shadow:0 9px 0 #d6c6e3,0 24px 70px #46326436;text-align:center;animation:champion-entrance .45s cubic-bezier(.2,1.35,.4,1) both}.routine-emoji{display:block;margin-bottom:9px;font-size:66px;filter:drop-shadow(0 5px 0 #42335425);animation:champion-bounce .8s ease-in-out infinite alternate}.routine-celebration-card .celebration-kicker{background:#fff0bb}.routine-celebration-card h2{margin:13px 0 8px;color:#302c4b;font:900 clamp(27px,6vw,45px) var(--display)}.routine-celebration-card p{max-width:420px;margin:0 auto 18px;color:#686d84;font-size:15px;line-height:1.6}.routine-confetti-line{margin:0 0 20px;font-size:24px;letter-spacing:2px}.routine-celebration-card .primary-btn{min-width:160px}@media(max-width:620px){.lesson-start-card{align-items:flex-start;flex-wrap:wrap;padding:14px}.lesson-start-copy{min-width:calc(100% - 70px)}.lesson-countdown,.lesson-start-button,.lesson-stop-button{margin-left:65px}.routine-celebration-card{padding:34px 19px 25px}.routine-celebration-card p{font-size:13px}}.utility-panel-backdrop{position:fixed;z-index:250;inset:0;display:grid;place-items:center;overflow:auto;padding:20px;background:#25244485;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.utility-panel{position:relative;width:min(510px,96vw);max-height:min(88vh,760px);overflow:auto;padding:30px;border:4px solid white;border-radius:26px;background:linear-gradient(150deg,#fff8df,#fff 44%,#f5efff);box-shadow:0 9px 0 #51417455,0 28px 80px #17142e55;animation:pop .22s ease-out}.utility-panel-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #e9e1f1;border-radius:50%;background:#fff;color:#68568c}.utility-panel-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:16px;color:#fff;box-shadow:0 4px 0 #37304c38}.help-panel-icon{background:linear-gradient(140deg,#4aafe0,#8658d4)}.notification-panel-icon{background:linear-gradient(140deg,#f3b52f,#f06c88)}.utility-panel>.eyebrow{margin:0 0 4px;color:#8355c2;font-size:8px;font-weight:900;letter-spacing:1.2px}.utility-panel h2{margin:0;color:#2c3653;font:900 25px var(--display)}.utility-intro{margin:7px 0 17px;color:#798398;font-size:11px;line-height:1.5}.help-topic{display:grid;grid-gap:5px;gap:5px;margin-top:9px;padding:12px 14px;border:1px solid #eee6f4;border-radius:13px;background:#ffffffc9}.help-topic strong{color:#41415f;font:800 11px var(--display)}.help-topic span{color:#7d8497;font-size:10px;line-height:1.55}.help-topic b{color:#7352b0}.help-panel-actions{display:flex;gap:9px;margin-top:16px}.help-panel-actions>*{flex:1 1}.notification-panel>.eyebrow{margin-top:2px}.notification-item{display:flex;align-items:center;gap:11px;margin-top:9px;padding:11px 12px;border:1px solid #eee7f1;border-radius:12px;background:#ffffffcf}.notification-item>span{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:11px;background:#fff2d8;font-size:20px}.notification-item>div{display:grid;grid-gap:4px;gap:4px}.notification-item strong{color:#41415c;font-size:10px}.notification-item small{color:#8790a0;font-size:9px}.notification-item.active{border-color:#e9d797;background:#fff9e7}.notification-schedule-title{display:flex;align-items:center;justify-content:space-between;margin-top:19px;color:#4a4762;font-size:11px}.notification-schedule-title small{color:#9691a0;font-size:9px}.notification-footnote{margin:13px 0 0;color:#9690a0;font-size:9px;line-height:1.5}.notification-panel .help-panel-actions{margin-top:14px}@media(max-width:560px){.utility-panel-backdrop{align-items:end;padding:10px}.utility-panel{width:100%;max-height:88vh;padding:24px 19px;border-radius:23px}.utility-panel h2{font-size:22px}.help-panel-actions{flex-direction:column}.help-panel-actions>*{width:100%}.toolbar-actions{gap:6px}.toolbar-actions .outline-btn{padding-inline:9px;font-size:10px}}.toolbar-actions{display:flex;align-items:center;gap:9px}.mascot-trigger-button{color:#6e4bb8;border-color:#e2d6fa;background:#fff}.mascot-trigger-button:hover{background:#f4edff;border-color:#b99ce8}.mascot-parade{position:fixed;z-index:180;inset:auto 0 7px;height:174px;overflow:hidden;pointer-events:none}.mascot-parade-track{position:absolute;bottom:4px;left:0;display:flex;align-items:flex-end;width:325px;height:155px;animation:mascot-cross-screen 7.1s cubic-bezier(.35,.05,.42,.98) both}.mascot-cartoon{position:relative;flex:none;width:116px;height:150px;filter:drop-shadow(0 5px 3px #28214035)}.mascot-parade-head{position:absolute;z-index:2;top:0;left:22px;display:grid;place-items:center;width:77px;height:73px;border:4px solid white;border-radius:29px 29px 25px 25px;background:linear-gradient(145deg,#fff9d8,#fbe6ff);box-shadow:0 4px 0 #65538455;font-size:49px;animation:mascot-head-bob .28s ease-in-out infinite alternate}.mascot-parade-body{position:absolute;top:67px;left:30px;width:63px;height:53px;border:3px solid white;border-radius:24px 24px 15px 15px;background:linear-gradient(145deg,#ffca50,#fa7691 57%,#8e59d4);box-shadow:0 4px 0 #60428154;animation:mascot-body-bob .28s ease-in-out infinite alternate}.mascot-parade-arm{position:absolute;z-index:1;top:76px;left:9px;width:34px;height:14px;border:3px solid white;border-radius:999px;background:#f89a73;transform:rotate(-34deg);transform-origin:right center;animation:mascot-arm-swing .24s ease-in-out infinite alternate}.mascot-parade-arm.arm-right{left:78px;transform:rotate(34deg);transform-origin:left center;animation-delay:.12s}.mascot-parade-leg{position:absolute;z-index:0;top:110px;left:42px;width:16px;height:28px;border-radius:9px;background:#634fa8;transform-origin:top center;animation:mascot-leg-step .25s ease-in-out infinite alternate}.mascot-parade-leg.leg-right{left:65px;animation-delay:.12s}.mascot-parade-feet{position:absolute;z-index:2;top:131px;left:20px;font-size:19px;white-space:nowrap;animation:mascot-foot-bob .25s ease-in-out infinite alternate}.mascot-cartoon:after{position:absolute;z-index:4;top:36px;right:-6px;display:grid;place-items:center;width:49px;height:49px;border:3px solid white;border-radius:50%;background:linear-gradient(145deg,#fff6bd,#fff);box-shadow:0 4px 0 #57427545;font-size:31px;opacity:0;content:"";animation:mascot-gesture-pop .85s cubic-bezier(.2,1.3,.3,1) 5.55s both}.gesture-thumbs .mascot-cartoon:after{content:"👍"}.gesture-clap .mascot-cartoon:after{content:"👏"}.gesture-bow .mascot-cartoon:after{content:"🙇"}.gesture-karate .mascot-cartoon:after{content:"🥋"}.mascot-parade-cheer{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:195px;margin:0 0 34px -3px;padding:10px 13px;border:3px solid white;border-radius:16px 17px 17px 4px;background:linear-gradient(110deg,#fff3b9,#fff 51%,#f9e7ff);box-shadow:0 5px 0 #53427243;color:#343653;opacity:0;transform:scale(.65);animation:mascot-cheer-pop .7s cubic-bezier(.2,1.3,.3,1) 5.55s both}.mascot-parade-cheer>span{position:absolute;top:-21px;right:9px;font-size:29px}.mascot-parade-cheer strong{font:900 12px var(--display)}.mascot-parade-cheer small{color:#7e7795;font-size:9px}.mascot-parade-spark{position:absolute;color:#f0b332;font-size:22px;animation:mascot-sparkle .65s ease-in-out infinite alternate}.mascot-parade-spark.spark-one{left:38%;top:28px}.mascot-parade-spark.spark-two{left:74%;top:68px;animation-delay:.25s;color:#c06cd1}@keyframes mascot-cross-screen{0%{transform:translateX(-245px)}12%{transform:translateX(-65px)}78%{transform:translateX(calc(70vw - 150px))}90%,to{transform:translateX(calc(100vw - 325px))}}@keyframes mascot-head-bob{to{transform:translateY(-4px) rotate(3deg)}}@keyframes mascot-body-bob{to{transform:translateY(3px)}}@keyframes mascot-arm-swing{to{transform:rotate(31deg)}}@keyframes mascot-leg-step{to{transform:rotate(25deg) translateY(-3px)}}@keyframes mascot-foot-bob{to{transform:translateY(-3px)}}@keyframes mascot-gesture-pop{0%,10%{opacity:0;transform:scale(.4) rotate(-18deg)}75%{opacity:1;transform:scale(1.12) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes mascot-cheer-pop{0%,10%{opacity:0;transform:scale(.65) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mascot-sparkle{to{opacity:.35;transform:rotate(16deg) scale(.75)}}@media(prefers-reduced-motion:reduce){.mascot-parade-track{animation:none;transform:translateX(calc(100vw - 325px))}.mascot-parade-arm,.mascot-parade-body,.mascot-parade-feet,.mascot-parade-head,.mascot-parade-leg,.mascot-parade-spark{animation:none}.mascot-cartoon:after,.mascot-parade-cheer{animation:none;opacity:1;transform:none}}.classroom-sites-page{max-width:1340px}.classroom-site-add{padding:22px 25px;margin-top:26px}.classroom-site-form{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(260px,1.5fr) auto;align-items:end;grid-gap:14px;gap:14px}.classroom-site-form label{min-width:0}.classroom-site-form .field-label{display:block;margin:0 0 7px}.classroom-site-form .field-label small{color:#687689;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none}.classroom-site-form .field-select{margin:0}.classroom-site-form .primary-btn{height:44px;white-space:nowrap}.classroom-sites-page .form-error{margin:12px 0 0}.classroom-saved-sites{margin-top:28px}.classroom-saved-sites .section-heading{margin-bottom:14px}.classroom-site-list{display:flex;flex-wrap:wrap;gap:11px}.classroom-site-chip{display:flex;align-items:center;min-width:210px;max-width:290px;border:1px solid #d8c9f2;border-radius:15px;background:#fff;box-shadow:0 4px 12px #3429560d}.classroom-site-chip.selected{border-color:#8562cc;box-shadow:0 0 0 3px #ede5ff}.classroom-site-open{display:flex;align-items:center;gap:11px;min-width:0;flex:1 1;padding:12px 10px 12px 14px;border:0;background:transparent;color:#6945aa;text-align:left}.classroom-site-open>span{display:flex;flex-direction:column;gap:4px;min-width:0}.classroom-site-open small,.classroom-site-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-site-open strong{color:#303a4b;font-size:12px}.classroom-site-open small{color:#657487;font-size:10px}.classroom-site-remove{flex:none;margin-right:5px}.classroom-site-viewer{display:flex;flex-direction:column;min-height:570px;margin-top:25px;overflow:hidden;border:1px solid #d8c9f2;border-radius:19px;background:#fff;box-shadow:0 12px 30px #32205212}.classroom-site-viewer.enlarged{min-height:calc(100vh - 125px)}.classroom-site-viewer.fullscreen:-webkit-full-screen{width:100%;height:100%;min-height:100vh;margin:0;border:0;border-radius:0;background:#fff}.classroom-site-viewer.fullscreen:fullscreen{width:100%;height:100%;min-height:100vh;margin:0;border:0;border-radius:0;background:#fff}.classroom-site-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #eeeaf3;background:#fff}.classroom-site-viewer-title{display:flex;align-items:center;gap:10px;min-width:0;color:#6945aa}.classroom-site-viewer-title>div{display:flex;flex-direction:column;gap:3px;min-width:0}.classroom-site-viewer-title small,.classroom-site-viewer-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-site-viewer-title strong{color:#344052;font-size:12px}.classroom-site-viewer-title small{max-width:38vw;color:#647184;font-size:9px}.classroom-site-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.classroom-site-controls .outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:10px;white-space:nowrap}.classroom-site-controls .icon-btn{flex:none}.classroom-site-frame{display:block;width:100%;flex:1 1;min-height:510px;border:0;background:#fff}.classroom-site-viewer.enlarged .classroom-site-frame{min-height:calc(100vh - 215px)}.classroom-site-viewer.fullscreen .classroom-site-frame{min-height:0}.classroom-site-note{margin:0;padding:8px 14px;border-top:1px solid #eeeaf3;background:#fff;color:#536175;font-size:10px}.classroom-site-note a{color:#6945aa;font-weight:700}.classroom-site-viewer:-webkit-full-screen .classroom-site-note{flex:none}.classroom-site-viewer:fullscreen .classroom-site-note{flex:none}.roster-head{gap:12px}.roster-title strong{color:#263750;font-size:13px;font-weight:800}.roster-title span{color:#637386;font-size:10px}.roster-tools{gap:7px}.roster-tools .icon-btn.subtle{border:1px solid #d8dfe8;background:#fff;color:#44536a}.roster-tools .searchbox{border:1px solid #bfcbd8;background:#fff}.roster-tools .searchbox input{color:#29384d}.roster-toggle{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #bdb0df;border-radius:9px;background:#fff;color:#513c88;font-size:10px;font-weight:800;white-space:nowrap}.roster-toggle:hover{background:#f3edff;border-color:#8062d8}.roster-toggle svg{transition:transform .18s}.roster-is-collapsed .roster-toggle svg{transform:rotate(-90deg)}.roster-collapsed-summary{padding:9px 15px;border-top:1px solid #e5dfef;background:#f7f3ff;color:#4c3b77;font-size:11px;font-weight:700}.criteria-head{min-height:46px;color:#34445a;font-size:9px;font-weight:800;letter-spacing:.35px;background:#f5f7fa;border-top:1px solid #dce3eb;border-bottom:1px solid #cbd5e1}.criterion-label{color:#44536a;font-size:9px;font-weight:700;line-height:1.25}.criterion-index{background:#e8e0fa;color:#563d9b;font-weight:900}.student-name strong{color:#263750;font-weight:800}.points-cell strong{color:#27364b}@media(max-width:820px){.classroom-site-form{grid-template-columns:1fr 1.4fr}.classroom-site-form .primary-btn{grid-column:1/-1;justify-self:start}.classroom-site-viewer{min-height:64vh}.classroom-site-frame{min-height:58vh}.roster-tools .searchbox{width:130px}}@media(max-width:620px){.classroom-site-add{padding:18px 15px}.classroom-site-form{grid-template-columns:1fr}.classroom-site-form .primary-btn{width:100%}.classroom-site-viewer{min-height:65vh;border-radius:14px}.classroom-site-viewer-head{align-items:flex-start;flex-direction:column;padding:12px}.classroom-site-controls{justify-content:flex-start;width:100%}.classroom-site-controls .outline-btn{padding:8px}.classroom-site-viewer-title small{max-width:calc(100vw - 70px)}.classroom-site-frame{min-height:58vh}.classroom-site-chip{width:100%;max-width:none}.classroom-site-viewer.enlarged .classroom-site-frame{min-height:calc(100vh - 190px)}.roster-head{align-items:flex-start;flex-direction:column;padding:10px}.roster-tools{width:100%;justify-content:flex-end;flex-wrap:wrap}.roster-tools .searchbox{width:min(48vw,190px)}.roster-toggle{min-height:32px;padding:0 7px;font-size:9px}.criteria-head{min-height:42px;font-size:8px}}.classroom-material-add{padding:22px 25px;margin-top:16px}.material-upload-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:17px}.material-upload-label{display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;cursor:pointer;color:#503584;border-color:#d4c4ef;background:white}.material-upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.material-upload-label:has(input:disabled){opacity:.65;cursor:wait}.material-current{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1;padding:10px 12px;border:1px solid #d8c9f2;border-radius:12px;background:#fff;color:#6945aa}.material-current>span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.material-current small,.material-current strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-current strong{color:#303a4b;font-size:11px}.material-current small{color:#657487;font-size:9px}.material-open{padding:7px 9px;font-size:10px}.material-remove{border:0;background:transparent;color:#97566b;font-size:10px;font-weight:700;cursor:pointer}.material-upload-progress{width:min(300px,100%);height:11px;accent-color:#7050ca}.classroom-sites-error{margin:12px 0}.pdf-material-frame{background:#f0f0f0}.classroom-site-viewer:-webkit-full-screen .classroom-site-viewer-head{flex:none}.classroom-site-viewer:fullscreen .classroom-site-viewer-head{flex:none}@media(max-width:620px){.classroom-material-add{padding:18px 15px}.material-current{flex-wrap:wrap}.material-current>span{flex-basis:calc(100% - 32px)}.material-open{margin-left:24px}}.answer-reveal-panel{margin-top:20px;padding:24px;background:linear-gradient(135deg,#fff,#fbf7ff);border:1px solid #dfd2f7}.answer-reveal-heading{display:flex;align-items:flex-start;gap:13px}.answer-reveal-heading h2{margin:0 0 5px;color:#28354a}.answer-reveal-heading p:last-child{margin:0;color:#66768a;font-size:13px}.answer-reveal-heading .eyebrow{margin:0 0 5px;color:#7554bc;font-size:10px;font-weight:800;letter-spacing:.12em}.answer-reveal-select{display:block;max-width:760px;margin:20px 0 14px}.answer-reveal-select .field-label{display:block;margin-bottom:6px}.answer-reveal-select select{width:100%;min-height:44px}.answer-reveal-meta{display:flex;justify-content:space-between;gap:12px;color:#657487;font-size:11px;padding:11px 2px;border-bottom:1px solid #e8e1f3}.answer-reveal-list{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.answer-reveal-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:10px 14px;gap:10px 14px;padding:12px 13px;background:#fff;border:1px solid #ebe6f2;border-radius:13px}.answer-reveal-question{display:flex;align-items:flex-start;gap:10px;min-width:0}.answer-reveal-question p{margin:2px 0 0;color:#344255;font-size:13px;line-height:1.45}.answer-reveal-number{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#efe8ff;color:#5d3ba1;font-size:11px;font-weight:800}.answer-reveal-button{white-space:nowrap;min-height:36px;padding:7px 12px}.answer-reveal-answer{grid-column:1/-1;margin:0;padding:11px 13px;border-radius:10px;background:#f1fbf5;color:#245b43;font-size:13px;line-height:1.55}.answer-reveal-answer strong{color:#245b43}.answer-reveal-answer.matching-answer{border-left:4px solid #32a477;background:#effaf5}.answer-reveal-item.is-revealed{border-color:#cce9d9}@media(max-width:620px){.answer-reveal-panel{padding:18px 14px}.answer-reveal-item{grid-template-columns:1fr}.answer-reveal-button{justify-self:start}.answer-reveal-meta{align-items:flex-start;flex-direction:column}}.answer-reveal-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;color:#657487;font-size:11px}.answer-reveal-all-button{white-space:nowrap;min-height:36px;padding:7px 12px}@media(max-width:620px){.answer-reveal-tools{align-items:flex-start;flex-direction:column}}.answer-reveal-pdf-link{display:inline-flex;align-items:center;gap:4px;margin-top:5px;color:#6245a4;font-size:11px;font-weight:750;text-decoration:underline;text-underline-offset:2px}.answer-reveal-pdf-link:hover{color:#402778}.answer-reveal-pdf-link:focus-visible{outline:2px solid #7554bc;outline-offset:3px;border-radius:3px}.answer-reveal-sequential{display:flex;align-items:center;gap:10px}.answer-reveal-sequential small{color:#687689;font-size:11px;white-space:nowrap}.pdf-exercise-reveal{flex:none;padding:13px 16px;border-bottom:1px solid #e7def5;background:linear-gradient(100deg,#fffdf3,#f8f3ff)}.pdf-exercise-reveal-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.pdf-exercise-reveal-head>div:first-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.pdf-exercise-reveal-head small{color:#7554bc;font-size:9px;font-weight:900;letter-spacing:.09em}.pdf-exercise-reveal-head strong{overflow:hidden;color:#344052;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pdf-exercise-reveal-head>div:last-child{display:flex;flex:none;gap:7px}.pdf-exercise-reveal-head .fun-action{min-height:34px;padding:7px 11px;font-size:10px}.pdf-exercise-reveal-head .fun-action:disabled{opacity:.55;cursor:default}.pdf-exercise-answers{display:grid;grid-gap:5px;gap:5px;margin-top:8px}.pdf-exercise-answers:empty{display:none}.pdf-exercise-answers p{margin:0;padding:8px 10px;border-radius:9px;background:#effaf5;color:#245b43;font-size:12px;line-height:1.45}.pdf-exercise-answers p b{margin-right:4px}.pdf-exercise-answers p strong{margin-right:3px}.flipbook-stage{position:relative;display:grid;place-items:center;flex:1 1;min-height:510px;padding:24px 58px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff 0,#f1edf9 72%,#e7e1f1 100%)}.flipbook-page{position:relative;display:grid;place-items:center;width:min(100%,900px);max-height:calc(100vh - 280px);padding:12px 12px 12px 17px;border-radius:5px 14px 14px 5px;background:#fff;box-shadow:0 14px 35px #241c3a2e,0 2px 5px #241c3a1b;transform-origin:left center}.flipbook-page.turn-next{animation:flipbook-turn-next .48s ease both}.flipbook-page.turn-previous{animation:flipbook-turn-previous .48s ease both}.flipbook-canvas{display:block;width:100%;height:auto;max-height:calc(100vh - 310px);object-fit:contain;background:#fff}.flipbook-spine{position:absolute;z-index:1;inset:0 auto 0 9px;width:7px;background:linear-gradient(90deg,#e9e4ee,#fff,#e5e0eb);box-shadow:1px 0 3px #28203812;pointer-events:none}.flipbook-turn{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:42px;height:64px;transform:translateY(-50%);border:1px solid #ded6ed;border-radius:15px;background:#ffffffdd;color:#503b91;font:700 38px/1 var(--display);box-shadow:0 4px 12px #28203817}.flipbook-turn:hover:not(:disabled){background:#fff;border-color:#9e88d5}.flipbook-turn:disabled{opacity:.35;cursor:default}.flipbook-turn-previous{left:12px}.flipbook-turn-next{right:12px}.flipbook-message{padding:22px 28px;border:1px solid #e0d8ef;border-radius:16px;background:#fff;color:#42506a;font-weight:800;box-shadow:0 6px 18px #28203812}.flipbook-error{color:#9b3b47}@keyframes flipbook-turn-next{0%{transform:perspective(1300px) rotateY(0);filter:brightness(1)}45%{transform:perspective(1300px) rotateY(-9deg);filter:brightness(.88);box-shadow:0 18px 42px #241c3a3b}to{transform:perspective(1300px) rotateY(0);filter:brightness(1)}}@keyframes flipbook-turn-previous{0%{transform:perspective(1300px) rotateY(0);filter:brightness(1)}45%{transform:perspective(1300px) rotateY(9deg);filter:brightness(.88);box-shadow:0 18px 42px #241c3a3b}to{transform:perspective(1300px) rotateY(0);filter:brightness(1)}}@media(max-width:620px){.pdf-exercise-reveal{padding:11px}.pdf-exercise-reveal-head{align-items:flex-start;flex-direction:column}.pdf-exercise-reveal-head>div:last-child{width:100%;flex-wrap:wrap}.pdf-exercise-reveal-head .fun-action{flex:1 1}.flipbook-stage{min-height:60vh;padding:18px 43px}.flipbook-page{width:100%;max-height:calc(100vh - 350px);padding:8px 8px 8px 12px}.flipbook-canvas{max-height:calc(100vh - 370px)}.flipbook-turn{width:34px;height:54px;font-size:32px}.flipbook-turn-previous{left:5px}.flipbook-turn-next{right:5px}.answer-reveal-sequential{align-items:flex-start;flex-direction:column;gap:5px}}.pdf-exercise-arrow{position:absolute;right:8%;bottom:15%;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:3px solid white;border-radius:50%;background:#087ee7;color:#fff;font-size:24px;font-weight:900;line-height:1;box-shadow:0 3px 10px #102d5066;cursor:pointer;transition:transform .15s,background .15s}.pdf-exercise-arrow:hover{transform:scale(1.1);background:#0069ce}.pdf-exercise-arrow:focus-visible{outline:3px solid #ffcf54;outline-offset:3px}.answer-window-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:22px;background:#13243bc9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.answer-window{display:flex;flex-direction:column;width:min(900px,100%);max-height:min(88vh,850px);overflow:hidden;border:1px solid #d8e3f1;border-radius:14px;background:#fff;box-shadow:0 26px 90px #07182b66;animation:answer-window-enter .24s ease-out both}.answer-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#0783ed;color:#fff;font-size:14px;font-weight:800}.answer-window-bar button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff24;color:#fff;font-size:26px;line-height:1}.answer-window-body{overflow-y:auto;padding:23px 28px}.answer-window-body>.eyebrow{margin:0 0 5px;color:#7352b7;font-size:10px;font-weight:900;letter-spacing:.1em}.answer-window-body h2{margin:0;color:#27364b;font-size:24px}.answer-window-help{margin:6px 0 17px;color:#66768a;font-size:13px}.answer-window-list{display:grid;grid-gap:9px;gap:9px}.answer-window-list article{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;grid-gap:11px;gap:11px;padding:13px;border:1px solid #e5e8ed;border-radius:11px;background:#fbfcfe}.answer-window-list article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9f1fb;color:#38638e;font-size:12px;font-weight:900}.answer-window-list article>div{display:grid;grid-gap:6px;gap:6px}.answer-window-list article strong{color:#344255;font-size:13px;line-height:1.45}.answer-window-list article small{color:#8290a1;font-size:11px}.answer-window-list article p{margin:0;padding:9px 11px;border-left:4px solid #4ca72a;border-radius:7px;background:#f3faed;color:#244b24;font-size:13px;line-height:1.5}.answer-window-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #e6e9ee;background:#fff}.answer-window-actions button{min-height:42px;padding:9px 18px;border:0;border-radius:8px;background:#3d9d15;color:#fff;font-size:14px;font-weight:800;box-shadow:0 3px 0 #2b7610}.answer-window-actions button:hover:not(:disabled){background:#358b12}.answer-window-actions button:disabled{opacity:.5;cursor:default}.answer-window-actions .answer-window-restart{background:#1474bb;box-shadow:0 3px 0 #0e558b}.answer-window-actions .answer-window-restart:hover{background:#0f64a3}@keyframes answer-window-enter{0%{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:620px){.pdf-exercise-arrow{right:5%;bottom:12%;width:38px;height:38px}.answer-window-backdrop{padding:10px}.answer-window{max-height:92vh;border-radius:11px}.answer-window-body{padding:17px 15px}.answer-window-body h2{font-size:20px}.answer-window-actions{gap:9px;padding:11px}.answer-window-actions button{flex:1 1;min-width:128px;padding:8px 10px;font-size:12px}}.book-last,.book-note{margin:6px 0 0;font-size:13px;color:var(--muted)}.book-error{margin:8px 0 0;font-size:13px;color:#b3392f;font-weight:700}.bk-overlay{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#3a2d6b 0,#1b1840 55%,#0e0c26 100%);color:#fff;overflow:hidden}.bk-close{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff26;color:#fff;display:grid;place-items:center;cursor:pointer}.bk-close:hover{background:#ffffff40}.bk-stage{position:relative;width:100%;height:min(560px,70vh);perspective:1600px;display:grid;place-items:center}.bk-ring{position:relative;width:0;height:0}.bk-book,.bk-ring{transform-style:preserve-3d}.bk-book{position:absolute;left:50%;top:50%;will-change:transform}.bk-face{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bk-front{inset:0;transform:translateZ(calc(var(--t) / 2));border-radius:3px 7px 7px 3px;overflow:hidden;box-shadow:0 0 30px #00000066}.bk-front img{display:block;width:100%;height:100%;object-fit:cover}.bk-back{inset:0;background:linear-gradient(135deg,#34407a,#1f2447 70%);box-shadow:inset 0 0 0 3px #ffffff1a;transform:rotateY(180deg) translateZ(calc(var(--t) / 2));border-radius:7px 3px 3px 7px}.bk-spine{left:0;top:0;width:var(--t);height:100%;background:linear-gradient(90deg,#2a2f55,#4a4f86);transform-origin:left center;transform:translateZ(calc(var(--t) / -2)) rotateY(-90deg)}.bk-pages{left:100%;top:1.5%;width:var(--t);height:97%;background:repeating-linear-gradient(90deg,#f6f1e4 0 2px,#e3dccb 2px 3px);transform-origin:left center;transform:translateZ(calc(var(--t) / 2)) rotateY(90deg)}.bk-status{margin:0;font-family:var(--font-playful),sans-serif;font-size:20px;letter-spacing:.02em}.bk-skip,.bk-status{position:absolute;bottom:max(32px,8vh)}.bk-skip{right:max(20px,4vw);border:2px solid #ffffff55;background:transparent;color:#fff;border-radius:999px;padding:8px 18px;font-weight:700;cursor:pointer}.bk-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:12px 14px max(14px,env(safe-area-inset-bottom))}.bk-cover{--ar:.8;width:min(96vw,calc((100dvh - 128px) * var(--ar)));max-height:calc(100dvh - 128px);aspect-ratio:var(--ar);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #000a,0 0 0 4px #ffffff22;transform-origin:center;animation:bkReveal .85s cubic-bezier(.2,.9,.25,1.08) both}.bk-cover img{display:block;width:100%;height:100%;object-fit:cover}.bk-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:min(96vw,720px);animation:bkFade .5s .5s both}.bk-caption strong{display:block;font-family:var(--font-playful),sans-serif;font-size:clamp(18px,3.4vw,26px)}.bk-caption span{display:block;font-size:13px;opacity:.8}.bk-actions{display:flex;gap:10px}.bk-btn{border:0;border-radius:14px;padding:11px 18px;font-weight:800;background:#ffd052;color:#3b2a00;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.bk-btn.ghost{background:transparent;color:#fff;border:2px solid #ffffff55}@keyframes bkReveal{0%{opacity:0;transform:perspective(1200px) rotateY(-80deg) scale(.3)}to{opacity:1;transform:perspective(1200px) rotateY(0) scale(1)}}@keyframes bkFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.bk-caption,.bk-cover{animation:none}}.draw-history{height:auto;min-height:52px;padding-block:6px;flex-wrap:wrap}.book-returned{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:700;color:#4a5a5a;white-space:nowrap;cursor:pointer}.book-returned input{width:16px;height:16px;accent-color:#218c79}.mascot-img{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:middle;border-radius:22%;background:#fff}.mascot-choices button .mascot-img{width:1.15em;height:1.15em}.bookr-toolbar{margin-top:22px}.bookr-toggle{display:inline-flex;align-items:center;gap:8px}.bookr-panel{padding:22px 25px;margin-top:16px}.bookr-start{display:block;max-width:240px;margin-top:16px}.bookr-start .field-label{display:block;margin:0 0 7px}.bookr-start .field-select{margin:0}.bookr-weeks{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px;margin-top:18px}.bookr-week{padding:14px 16px;border:1px solid #d8c9f2;border-radius:15px;background:#fff;cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.bookr-week:focus-visible,.bookr-week:hover{border-color:#8c6bd1;box-shadow:0 4px 14px #4b327b18;outline:none;transform:translateY(-1px)}.bookr-week.expanded{border-color:#8b68ca}.bookr-week header{display:flex;justify-content:space-between;gap:8px;align-items:baseline;color:#303a4b;font-size:12px}.bookr-week header span{color:#6945aa;font-size:10px;font-weight:700}.bookr-week small{display:block;margin:4px 0 8px;color:#657487;font-size:10px}.bookr-week ul{margin:0;padding-left:18px;color:#303a4b;font-size:12px;line-height:1.7}.bookr-week.locked{background:#f6f3fb;border-style:dashed}.bookr-week.locked header span{color:#657487}.bookr-locked-note{margin:0;color:#657487;font-size:11px}.ti-page{max-width:1100px}.ti-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 4px}.ti-tabs button{padding:9px 15px;border:1px solid #d8c9f2;border-radius:999px;background:#fff;color:#503584;font-weight:700;font-size:12px;cursor:pointer}.ti-tabs button.active{background:#6945aa;border-color:#6945aa;color:#fff}.ti-panel{padding:22px 25px;margin-top:16px}.ti-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.ti-actions .outline-btn,.ti-add{display:inline-flex;align-items:center;gap:6px}.ti-status{color:#2d7a5b;font-size:12px;font-weight:700}.ti-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:12px;gap:12px;margin-top:18px}.ti-day{padding:12px;border:1px solid #d8c9f2;border-radius:15px;background:#fff}.ti-day h3{margin:0 0 8px;font-size:13px;color:#503584}.ti-slot{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;margin-bottom:6px;border-radius:10px;background:#f6f3fb;font-size:12px}.ti-slot span{color:#657487}.ti-slot.edit{display:grid;grid-template-columns:1fr 54px;grid-gap:6px;gap:6px;background:#f6f3fb}.ti-slot.edit .field-select{margin:0;min-width:0;padding:6px 8px;font-size:12px}.ti-slot.edit .icon-btn{justify-self:end}.ti-empty{color:#657487;font-size:12px;margin:6px 0}.ti-add{margin-top:6px;font-size:11px}.ti-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-top:16px;align-items:end}.ti-form label{min-width:0}.ti-form .field-label{display:block;margin:0 0 7px}.ti-form .field-label small{color:#687689;font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.ti-form .field-select{margin:0;width:100%}.ti-wide{grid-column:1/-1}.ti-photo{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.ti-photo input{position:absolute;inset:0;opacity:0;cursor:pointer}.ti-filters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.ti-filters .field-select{margin:0;width:auto;min-width:150px}.ti-notes{display:grid;grid-gap:12px;gap:12px}.ti-note{padding:14px 16px;border:1px solid #d8c9f2;border-radius:15px;background:#fff}.ti-note header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ti-note header div{display:flex;flex-direction:column;gap:3px}.ti-note small{color:#657487;font-size:10px}.ti-note p{margin:10px 0 0;white-space:pre-wrap;font-size:13px;line-height:1.55}.ti-ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.ti-idea{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid #d8c9f2;border-radius:15px;background:#fff}.ti-idea small{color:#6945aa;font-size:10px;font-weight:700}.ti-idea h3{margin:0;font-size:14px}.ti-idea p{margin:0;font-size:12px;line-height:1.5;color:#3d4a5c;flex:1 1}.ti-idea .outline-btn{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;font-size:11px}.ti-program-photo{position:relative;overflow:hidden}.ti-program-photo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sa-pick{display:block;max-width:340px;margin-top:16px}.sa-pick .field-label{display:block;margin:0 0 7px}.sa-pick .field-select{margin:0}.sa-name{margin:20px 0 4px;font-size:16px}.sa-name small{color:#657487;font-size:11px;font-weight:600;margin-left:6px}.sa-summary{display:grid;grid-gap:12px;gap:12px;padding:16px;margin-top:10px;border:1px solid #d8c9f2;border-radius:15px;background:#fff}.sa-score{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.sa-score strong{font-size:30px;color:#503584}.sa-score span{color:#657487;font-size:12px}.sa-trend{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-style:normal;font-weight:700}.sa-trend.up{color:#2d7a5b}.sa-trend.down{color:#b4493a}.sa-trend.steady{color:#657487}.sa-bars{display:grid;grid-gap:7px;gap:7px}.sa-bar{display:grid;grid-template-columns:minmax(120px,190px) 1fr 42px;grid-gap:10px;gap:10px;align-items:center;font-size:12px}.sa-bar>div{height:9px;border-radius:9px;background:#ece6f7;overflow:hidden}.sa-bar i{display:block;height:100%;background:#7050ca;border-radius:9px}.sa-bar b{text-align:right;font-size:11px}.sa-lines{margin:0;font-size:12px;line-height:1.6}.sa-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:18px;gap:18px;margin-top:18px}.sa-area h3{margin:0 0 8px;font-size:14px;color:#503584}.sa-form{display:grid;grid-gap:8px;gap:8px;margin-bottom:12px}.sa-form label{min-width:0}.sa-form .field-label{display:block;margin:0 0 6px}.sa-form .field-select{margin:0;width:100%}.sa-hint{margin:0;color:#657487;font-size:11px}.sa-form-actions{display:flex;gap:8px;flex-wrap:wrap}.sa-form-actions .primary-btn{display:inline-flex;gap:6px;align-items:center}.hub-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;margin:24px 0 6px}.hub-tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;border:2px solid transparent;border-radius:18px;background:#fff;color:#2b2540;text-align:left;cursor:pointer;box-shadow:0 6px 16px #2a1b4a1a;transition:transform .12s,border-color .12s}.hub-tile:hover{transform:translateY(-2px)}.hub-tile.active{border-color:#7050ca;box-shadow:0 8px 20px #7050ca44}.hub-tile-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:6px;border-radius:13px;background:#f1ebff;font-size:21px}.hub-tile.active .hub-tile-icon{background:#7050ca}.hub-tile strong{font-size:14px}.hub-tile small{color:#657487;font-size:11px}.nav-group+.nav-group{margin-top:10px}.nav-group-label{padding:6px 12px 4px;font-size:10px;font-weight:800;letter-spacing:.08em}.ti-today{display:grid;grid-template-columns:2fr 1fr 1.4fr;grid-gap:12px;gap:12px;margin-top:20px}.ti-today>div{display:flex;flex-direction:column;gap:4px;padding:13px 16px;border-radius:16px;background:#ffffffee;box-shadow:0 6px 16px #2a1b4a1a}.ti-today small{color:#7050ca;font-size:10px;font-weight:800;letter-spacing:.08em}.ti-today strong{font-size:15px;color:#2b2540}@media(max-width:620px){.ti-today{grid-template-columns:1fr}}.up-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.up-plan.current{border-color:#7050ca;box-shadow:0 0 0 3px #7050ca26}.up-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;background:#7050ca;color:#fff;font-size:10px;font-style:normal;font-weight:800;vertical-align:middle}.up-tools{display:flex;gap:6px;align-items:center}.up-tools .outline-btn{font-size:11px;padding:6px 10px}.ti-pill{padding:8px 16px;border:1px solid #d8c9f2;border-radius:999px;background:#fff;color:#503584;font-weight:700;font-size:12px;cursor:pointer}.ti-pill.active{background:#6945aa;border-color:#6945aa;color:#fff}.pyp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:14px;gap:14px}.pyp-card{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #d8c9f2;border-radius:18px;background:#fff}.pyp-card h3{margin:0;font-size:15px;color:#2b2540}.pyp-desc{margin:0;color:#4b5668;font-size:12px;line-height:1.55}.pyp-suggest{align-self:flex-start;display:inline-flex;gap:7px;align-items:center;font-size:12px}.pyp-result{display:grid;grid-gap:6px;gap:6px;padding:12px 14px;border-radius:14px;background:#f6f1ff;font-size:12px;line-height:1.55}.pyp-result small{color:#7050ca;font-size:10px;font-weight:800;letter-spacing:.08em}.pyp-result h4{margin:0;font-size:15px}.pyp-result p{margin:0}.pyp-result ul{margin:0;padding-left:18px}.pyp-result .outline-btn{justify-self:start;display:inline-flex;gap:6px;align-items:center;font-size:11px;margin-top:4px}.ti-panel .sa-hint a{color:#6945aa;font-weight:700}