.sync-shell{color:#102c43;background:#eef7f4;min-height:100vh;font-family:Arial,sans-serif}.sync-shell *{box-sizing:border-box}.sync-shell>header{color:#fff;background:#075846;justify-content:space-between;align-items:center;gap:18px;padding:18px max(20px,50vw - 570px);display:flex}.sync-shell>header a,.sync-shell>header button,.session-setup button,.teacher-panel button,.student-device button{color:#075846;cursor:pointer;background:#fff;border:0;border-radius:9px;padding:10px 13px;font-weight:800;text-decoration:none}.sync-shell>header h1{margin:4px 0}.sync-shell small{letter-spacing:.1em;font-size:10px;font-weight:900}.session-setup{grid-template-columns:1.3fr .7fr;gap:20px;max-width:1000px;margin:35px auto;display:grid}.session-setup>div,.session-setup>aside{background:#fff;border:1px solid #cce0d9;border-radius:20px;padding:28px}.session-setup h2{font-size:31px}.session-setup p{color:#607b91;line-height:1.6}.session-setup dl{grid-template-columns:1fr 1fr;gap:10px;display:grid}.session-setup dl div{background:#edf7f3;border-radius:10px;padding:13px}.session-setup dt{color:#607b91;font-size:10px}.session-setup dd{margin:4px 0;font-weight:900}.session-setup button{color:#fff;background:#138b6c}.live-room{grid-template-columns:320px 1fr;gap:18px;max-width:1180px;margin:25px auto;display:grid}.teacher-panel,.student-device{background:#fff;border:1px solid #cce0d9;border-radius:20px;padding:22px}.teacher-panel>h2{margin:5px 0;font-size:28px}.teacher-panel>b{color:#138b6c;font-size:35px}.teacher-panel>span{color:#607b91;display:block}.teacher-panel>button{color:#fff;background:#138b6c;margin:14px 0}.student-presence{max-height:430px;overflow:auto}.student-presence p{background:#f2f7f5;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.student-presence i{background:#b6c7c1;border-radius:50%;width:9px;height:9px}.student-presence p.online i{background:#20a87c}.student-presence small{color:#607b91}.device-head{justify-content:space-between;display:flex}.student-device h2{font-size:31px}.device-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.device-options button{background:#e8f3ef}.device-options button.selected{color:#fff;background:#20a87c}.live-results{background:#f0f7f5;border-radius:14px;margin-top:25px;padding:17px}.live-results>div{grid-template-columns:100px 1fr 28px;align-items:center;gap:9px;margin:10px 0;display:grid}.live-results i{background:#20a87c;border-radius:99px;height:10px}.student-device footer{justify-content:space-between;margin-top:18px;display:flex}.student-device footer button{color:#fff;background:#075846}.student-device footer button:disabled{opacity:.4}.sync-glossary{background:#fff;border-radius:17px;width:330px;max-height:75vh;padding:20px;position:fixed;top:90px;right:20px;overflow:auto;box-shadow:0 20px 50px #0004}.sync-glossary article{background:#edf7f3;border-radius:9px;margin:8px 0;padding:10px}.sync-glossary p{color:#607b91;margin:4px 0}.sync-nav{flex-wrap:wrap;justify-content:center;gap:9px;padding:20px;display:flex}.sync-nav a{background:#fff;border:1px solid #c8dcd5;border-radius:9px;padding:10px 13px;font-weight:800;text-decoration:none}@media (max-width:850px){.session-setup,.live-room{grid-template-columns:1fr;margin-left:16px;margin-right:16px}.device-options{grid-template-columns:1fr}.sync-shell>header{flex-wrap:wrap;align-items:flex-start}}
.sync-shell>header>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.session-setup>aside>img{object-fit:cover;border-radius:14px;width:100%;height:190px;display:block}.activity-layout{grid-template-columns:minmax(180px,.65fr) 1.35fr;align-items:center;gap:20px;display:grid}.activity-layout>img{object-fit:cover;border-radius:15px;width:100%;height:285px;display:block}.activity-layout h2{margin-top:7px}.sync-assessment,.sync-summary{background:#fff;border:1px solid #cce0d9;border-radius:20px;max-width:1050px;margin:30px auto;padding:25px}.sync-assessment>header{justify-content:space-between;align-items:center;display:flex}.sync-assessment>header h2{margin:5px 0;font-size:30px}.sync-assessment>header p{color:#607b91}.sync-assessment>header>b{color:#138b6c;font-size:35px}.sync-assessment>div{grid-template-columns:1fr 1fr;gap:11px;display:grid}.sync-assessment article{background:#edf7f3;border-radius:13px;padding:16px}.sync-assessment article h3{margin:0 0 11px}.sync-assessment article button{cursor:pointer;background:#fff;border:1px solid #bed5cc;border-radius:8px;margin:3px;padding:9px 11px}.sync-assessment article button.selected{color:#fff;background:#20a87c}.sync-assessment>footer,.sync-summary>footer{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.sync-assessment>footer button,.sync-summary button,.sync-summary a{color:#fff;cursor:pointer;background:#075846;border:0;border-radius:9px;padding:11px 14px;font-weight:800;text-decoration:none}.sync-assessment>footer button:disabled{opacity:.4;cursor:not-allowed}.sync-summary{grid-template-columns:.75fr 1.25fr;gap:18px;display:grid}.sync-summary>div{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.sync-summary>div.achieved{background:#d9f5e8}.sync-summary>div.reinforce{background:#fff0d5}.sync-summary>div strong{font-size:55px}.sync-summary>div h2{margin:7px}.sync-summary>section table{border-collapse:collapse;width:100%}.sync-summary th,.sync-summary td{text-align:left;border-bottom:1px solid #dce8e3;padding:10px}.sync-summary>section button,.sync-summary>section a{margin:14px 6px 0 0;display:inline-block}.sync-summary>footer{grid-column:1/3}.sync-glossary{width:390px}.sync-glossary>button{float:right;color:#fff;cursor:pointer;background:#075846;border:0;border-radius:8px;padding:8px}.sync-glossary article{grid-template-columns:90px 1fr;align-items:center;gap:11px;display:grid}.sync-glossary article img{object-fit:cover;border-radius:9px;width:90px;height:90px}@media (max-width:850px){.activity-layout,.sync-summary{grid-template-columns:1fr}.sync-assessment{margin-left:16px;margin-right:16px}.sync-assessment>div{grid-template-columns:1fr}.sync-summary{margin-left:16px;margin-right:16px}.sync-summary>footer{grid-column:1}.activity-layout>img{height:230px}}@media (max-width:520px){.sync-assessment>header{flex-direction:column;align-items:flex-start}.sync-assessment>footer,.sync-summary>footer{flex-direction:column}.sync-glossary{width:auto;left:12px;right:12px}.live-results>div{grid-template-columns:80px 1fr 25px}}