@font-face{font-family:Nunito;src:url(/nunito-bold.ttf) format("truetype");font-weight:600 900;font-display:swap}@font-face{font-family:Nunito;src:url(/nunito.ttf) format("truetype");font-weight:400;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:#253d3c;font-family:Nunito,system-ui,sans-serif;font-size:15px}button,input,select{font:inherit}a,button,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #dce5e2;background:white;border-radius:9px;padding:9px 14px;color:#36524d;font-weight:700;transition:background .15s,transform .15s}button:hover{background:#f0f6f3}button:disabled{opacity:.55;cursor:wait}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,3.1vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:800;margin-bottom:19px}h2{font-size:25px;letter-spacing:-.65px;margin-bottom:8px}h3{font-size:19px;margin-bottom:10px}p{line-height:1.7;color:#6b7e79}small{font-size:12px;color:#72847f}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#608980;margin-bottom:17px}.brand{display:flex;align-items:center;gap:10px;line-height:1.05;font-size:26px;letter-spacing:-1.4px;font-weight:900;color:#253f3c}.brand img{width:43px;height:43px;border-radius:12px}.brand-school{display:block;letter-spacing:3.3px;font-size:9px;margin:5px 0 0 3px;color:#6a8780}.primary{display:flex;justify-content:center;align-items:center;gap:22px;background:#2c7062;border-color:#2c7062;color:white;box-shadow:0 3px 0 #20544620;padding:12px 19px}.primary:hover{background:#225d51;color:white}.primary.inline{display:inline-flex;text-decoration:none;margin-top:12px;border-radius:9px}.wide{width:100%;justify-content:space-between}.pill{display:inline-block;border:1px solid #d8e5df;border-radius:30px;background:#fff9;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:.2px;color:#55786c}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#e3efea;position:relative;overflow:hidden;padding:48px 10%;display:flex;flex-direction:column;justify-content:space-between;min-height:800px}.login-story>div:nth-child(2){margin-top:75px;z-index:1}.login-story h1{font-size:clamp(42px,4vw,62px);letter-spacing:-2.4px}.login-story p{color:#678179}.login-story>small{letter-spacing:1.6px;font-size:9px;margin-top:270px}.puzzle-art{position:absolute;width:310px;height:245px;right:9%;bottom:90px}.tile{position:absolute;display:grid;place-items:center;width:106px;height:114px;border-radius:26px;font-size:75px;font-weight:900;box-shadow:0 13px 0 #55786c16;z-index:2}.t1{background:#327667;color:#f8f3de;transform:rotate(-13deg);left:22px;top:55px}.t2{background:#eedc92;color:#8a7751;transform:rotate(10deg);left:145px;top:1px}.t3{background:#f7f4e8;color:#849b89;transform:rotate(8deg);left:142px;top:133px;font-size:64px}.t4{width:54px;height:59px;left:270px;top:130px;background:#c8dbd1;color:#618571;font-size:35px;transform:rotate(-15deg)}.orbit{position:absolute;border:1px solid #a7c2b666;width:350px;height:350px;border-radius:50%;left:-20px;top:-37px}.o2{width:470px;height:470px;left:-80px;top:-95px}.login-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px;background:#fdfdfb}.login-card{width:100%;max-width:375px;margin:auto}.login-card>.pill{margin-bottom:23px}.login-card h2{font-size:33px;letter-spacing:-1.2px}.login-card>p{font-size:14px}.tabs{display:flex;background:#edf2ef;border-radius:11px;padding:4px;margin:29px 0}.tabs button{width:50%;border:0;background:transparent;color:#74857e}.tabs button[aria-pressed=true]{background:white;color:#2b6356;box-shadow:0 2px 7px #35564d14}.login-card form label,.modal label{display:block;font-size:12px;font-weight:800;margin-bottom:19px;color:#516d63}input,select{display:block;width:100%;padding:12px 14px;margin-top:8px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;color:#294b3f;font-size:14px}input::placeholder{color:#a0afa7}.login-help{font-size:12px!important;text-align:center;margin:23px auto;max-width:320px}.text-button{border:0;background:transparent;padding:4px;color:#84968e;font-size:11px}.owner-link{display:block;margin:auto}.login-panel footer{font-size:11px;color:#99aaa1;margin-top:50px}.workspace{display:flex;min-height:100vh}.sidebar{width:228px;flex-shrink:0;border-right:1px solid #e5ebe7;background:#fff;padding:29px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin:5px 8px 62px}.sidebar-label{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#97a89f;margin:0 16px 16px}.sidebar nav button{display:flex;gap:12px;align-items:center;width:100%;border:0;text-align:left;font-size:13px;background:transparent;color:#81918a;margin:7px 0;padding:13px 16px}.sidebar nav button.selected{background:#eaf3ed;color:#3c7862}.sidebar nav button span{font-size:19px}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:8px;border-top:1px solid #edf0eb;padding-top:20px}.avatar{width:33px;height:33px;background:#edf3df;color:#87976b;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900}.sidebar-bottom strong{font-size:11px;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom small{font-size:9px}.sidebar-bottom button{border:0;padding:5px;background:transparent;font-size:22px;margin-left:auto}.main{margin-left:228px;width:calc(100% - 228px);padding:0 48px;max-width:1700px}.topbar{height:87px;border-bottom:1px solid #e5eae6;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7c9186}.slash{margin:0 12px;color:#becbc1}.topbar .pill{font-size:10px;background:#edf3df;border-color:transparent}.hero{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e9f0e9;border:1px solid #e1e8dc;border-radius:18px;margin:32px 0 23px;padding:35px 39px;position:relative;overflow:hidden}.hero h1{font-size:40px;letter-spacing:-1.6px;margin-bottom:12px}.hero p{font-size:13px;margin-bottom:0}.hero .eyebrow{font-size:9px;margin-bottom:17px;color:#739584}.class-code-card{width:215px;padding:23px;text-align:center;background:#fffaf0;border:1px solid #e8e5d6;border-radius:13px;box-shadow:5px 7px 0 #375c3820;transform:rotate(2deg);flex-shrink:0}.class-code-card>span{font-size:9px;letter-spacing:1.5px;color:#9a977c;font-weight:800}.class-code-card>strong{display:block;font-size:24px;letter-spacing:2px;margin:17px 0;color:#556d4d}.class-code-card button{font-size:10px;width:100%;border-color:#e5e4d5;background:transparent}.class-code-card small{display:block;font-size:9px;margin-top:12px;color:#939780}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:17px;gap:17px;margin-bottom:34px}.stats article{border:1px solid #e3e9e2;border-radius:12px;background:#fff;padding:23px 25px}.stats article>span{font-size:11px;font-weight:800;color:#7b8e83}.stats strong{display:block;font-size:34px;font-weight:800;margin:12px 0 6px}.stats strong small{font-size:17px;font-weight:500;color:#b2bcb5}.stats p{font-size:10px;margin:0;color:#9aa59e}.heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.heading{padding:42px 0 25px}.heading h1{margin-bottom:12px}.heading p{font-size:14px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px;margin:0}.section-heading .primary{font-size:12px}.count{font-size:11px;background:#e7eee7;color:#7a9380;border-radius:20px;padding:3px 8px;vertical-align:middle;margin-left:7px}.toolbar{gap:12px;margin:22px 0 16px}.search,.toolbar{display:flex;align-items:center}.search{border:1px solid #e1e8e0;background:white;border-radius:8px;max-width:235px;width:100%;padding-left:11px}.search input{border:0;background:transparent;margin:0;padding:9px;font-size:11px}.search>span{font-size:21px;color:#8b9a8d}.toolbar button{font-size:10px;padding:10px}.toolbar>.muted{margin-left:auto;font-size:10px}.table-scroll{overflow:auto;background:white;border:1px solid #e2e9df;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f0f4ef;color:#7c9180;font-size:9px;font-weight:800;letter-spacing:.35px;padding:14px 17px}td{padding:16px 17px;font-size:11px;border-top:1px solid #edf1e9;color:#849488}td strong{color:#49624e;font-size:12px}.student-avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;margin-right:11px;color:#648771;background:#e4f0e3;font-weight:900}.tone-1{background:#f4e8d3;color:#b59868}.tone-2{background:#e8e6f1;color:#9690ae}.tone-3{background:#e1ebf3;color:#7997ae}.solved{color:#7e9569;font-size:13px;font-weight:800}.status{font-size:9px;background:#edf5e9;color:#7c9e66;border-radius:20px;padding:5px 9px}.status.paused{background:#f1ece4;color:#aa957c}.row-actions{display:flex;gap:5px}.row-actions button{padding:5px 7px;font-size:9px;border-color:#e9eee7;background:transparent}.roster-footer{padding:17px;text-align:center;font-size:10px;color:#a0aea1}.main-footer{display:flex;justify-content:space-between;border-top:1px solid #e4eae1;margin-top:36px;padding:24px 0;font-size:9px;letter-spacing:.4px;color:#a0afa0}.empty{text-align:center;padding:40px;background:#fff;border:1px dashed #d9e5d5;border-radius:12px}.empty>span{font-size:34px;color:#a8ba8e}.empty h3{font-size:17px;margin:12px 0}.empty p{font-size:12px}.class-grid,.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.class-card,.note-card{padding:29px;background:white;border:1px solid #e0e7df;border-radius:14px}.class-card h2{margin-top:18px}.class-card p,.note-card p{font-size:13px}.class-code{font-size:22px;font-weight:900;letter-spacing:2px;color:#6b8b68}.actions{display:flex;gap:10px;margin-top:20px}.actions button{font-size:12px}.hero-mark{font-size:120px;font-weight:900;color:#a6bda4;transform:rotate(12deg);padding:0 65px}.alert,.notice{padding:14px 18px;border-radius:8px;margin:14px 0;font-size:13px;background:#f9e9e2;color:#96543e}.notice{background:#e4f1e0;color:#547347}.demo-banner{margin-top:15px;color:#8b8764;font-size:11px;background:#f3f0df;border:1px solid #e9e4cc;padding:9px 14px;border-radius:7px}.modal-backdrop{position:fixed;inset:0;background:#18332766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:20;padding:25px}.modal{width:480px;max-height:90vh;overflow:auto;background:#fafcf8;border-radius:19px;padding:32px;position:relative;box-shadow:0 20px 70px #18332726}.modal h2{margin-bottom:25px}.close{position:absolute;top:17px;right:17px;background:transparent;border:0;font-size:22px}.modal .eyebrow{font-size:9px}.modal .muted{font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.danger{background:#a94e3b;border-color:#a94e3b;color:white}.muted{color:#9aa89b}.login-ticket{margin-top:25px;padding:24px;background:#fff9e8;border:1px dashed #bdc1a2;border-radius:12px;display:flex;align-items:center;gap:18px}.login-ticket p{margin-bottom:7px;font-size:13px}.login-ticket>div{flex:1 1}.login-ticket button{font-size:11px}.loading{min-height:100vh;align-items:center;justify-content:center;gap:25px}.loading,.play{display:flex;flex-direction:column}.play{height:100dvh;background:#b8e8e8}.play>header{height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px;background:#fff;font-size:12px;flex-shrink:0}.play iframe{border:0;flex:1 1;width:100%;height:100%;background:#b8e8e8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (min-width:1500px){.main{padding:0 70px}.hero{padding:45px 50px}.hero h1{font-size:48px}}@media (max-width:1100px){.sidebar{width:190px;padding:23px 13px}.main{margin-left:190px;width:calc(100% - 190px);padding:0 25px}.hero{padding:26px}.hero h1{font-size:34px}.class-code-card{width:185px;padding:17px}.stats article{padding:18px}.toolbar>.muted{display:none}.row-actions{flex-direction:column}.login-story{padding:35px 8%}.puzzle-art{transform:scale(.8);right:4%}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-story{min-height:245px;padding:25px}.login-story .brand{font-size:21px}.login-story>div:nth-child(2){margin-top:28px}.login-story h1{font-size:36px;margin-bottom:10px}.login-story .eyebrow,.login-story h1 br,.login-story>small,.puzzle-art{display:none}.login-story p{font-size:12px;margin-bottom:0}.login-panel{padding:32px 25px}.login-card h2{font-size:29px}.sidebar{position:static;width:100%;padding:15px;flex-direction:row;align-items:center;flex-wrap:wrap;border:0;border-bottom:1px solid #dfe8dc;gap:15px}.sidebar .brand{margin:0;font-size:20px}.brand img{width:35px;height:35px}.sidebar-label{display:none}.sidebar nav{display:flex;margin-left:auto}.sidebar nav button{padding:8px;font-size:10px;gap:5px}.sidebar nav button span{display:none}.sidebar-bottom{border:0;padding:0;margin:0 0 0 auto}.sidebar-bottom .avatar,.sidebar-bottom>div{display:none}.workspace{display:block}.main{margin:0;width:100%;padding:0 18px}.topbar{height:62px;font-size:10px}.topbar .pill{font-size:8px}.hero{margin-top:21px;flex-direction:column;align-items:flex-start;padding:25px;gap:25px}.hero h1{font-size:35px}.class-code-card{width:100%;transform:none;box-shadow:none;padding:15px;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:7px;gap:7px}.class-code-card>strong{font-size:20px;margin:0;grid-row:2}.class-code-card button{grid-column:2;grid-row:1/3}.class-code-card small{grid-column:1/3;margin-top:0}.stats{gap:8px;margin-bottom:25px}.stats article{padding:14px 11px}.stats article>span{font-size:9px}.stats strong{font-size:26px}.stats p{font-size:9px;line-height:1.5}.stats strong small{font-size:12px}.section-heading{gap:10px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.section-heading .primary{padding:10px;font-size:10px}.toolbar{gap:8px}.toolbar button{font-size:9px;white-space:nowrap;padding:10px 8px}.class-grid,.guide-grid{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.hero-mark{display:none}.login-ticket{flex-wrap:wrap}.login-ticket>div{flex-basis:100%}.modal{padding:26px 20px}.play>header>span{display:none}}@media print{body *{visibility:hidden}.login-ticket,.login-ticket *{visibility:visible}.login-ticket{position:absolute;left:20px;top:20px;width:90%;background:white}.login-ticket button{display:none}}.play iframe{max-width:480px;margin:0 auto}