:root{--bg:#101112;--panel:#191b1e;--panel2:#22252a;--panel3:#2c3036;--line:#34383e;--text:#e9eaed;--muted:#abb1bc;--soft:#8c95a3;--accent:#91baff;--accent-bg:#416eae26;font-family:Arial,Helvetica,sans-serif}
:root[data-theme=light]{--bg:#f8f9fb;--panel:#fff;--panel2:#edf0f5;--panel3:#e0e6ef;--line:#d7dce4;--text:#21262e;--muted:#5f6c7c;--soft:#718198;--accent:#2856a0;--accent-bg:#3469a818}
*{scrollbar-width:none!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#sidebar.canvas-rail{width:76px;padding:12px 0 8px;gap:8px;height:100dvh;overflow-y:auto;background:#15263e;border:0;color:#fff;transform:none;z-index:40;display:flex;flex-direction:column}.canvas-rail .rail-logo{height:66px!important;min-height:66px!important;margin:0;padding:8px!important}.rail-logo img{height:50px;width:45px;object-fit:contain}.canvas-rail nav{display:flex;flex-direction:column;gap:0!important;flex:1}.canvas-rail nav button{flex-direction:column;gap:6px!important;padding:12px 3px!important;min-height:69px!important;width:100%;border-radius:0!important;color:#dae5f7!important;font-size:.68rem!important;text-align:center;justify-content:center!important}.canvas-rail nav svg{width:25px;height:25px;stroke-width:1.5}.canvas-rail nav button.active,.canvas-rail nav button:hover{background:var(--bg)!important;color:var(--accent)!important;box-shadow:none!important}.canvas-rail .avatar{width:30px;height:30px;min-width:30px;border:2px solid #d0daea;background:#354860;color:white;font-size:.7rem}.canvas-rail #railSettings{justify-content:center;width:100%;color:#ddd}.app-main{margin-left:76px}.topbar{height:57px;padding:0 34px;background:var(--bg);border:0}.term{border:0!important;color:var(--soft)}#content{max-width:none;padding:0 35px 45px;min-height:calc(100dvh - 105px)}.canvas-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:16px 0 22px;margin-bottom:25px}.canvas-heading h1{font-size:2.15rem;letter-spacing:-.02em;font-weight:500}.canvas-heading button{font-weight:400}.canvas-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:38px}.canvas-section-title{font-size:1.05rem;margin-bottom:22px;font-weight:400;color:var(--muted)}.canvas-section-title span{margin-left:8px}.canvas-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:28px;align-items:start}.canvas-course{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--panel);box-shadow:0 2px 5px #0004;min-width:0;width:100%;transition:box-shadow .15s}.canvas-course:hover{background:var(--panel);box-shadow:0 5px 18px #0005;transform:translateY(-2px)}.canvas-cover{height:135px;width:100%;position:relative;background:var(--course)}.canvas-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.subject-logo{position:absolute;inset:auto 14px 14px auto;width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#101112c9;border:1px solid #fff6;color:white}.subject-logo svg{width:24px;height:24px}.canvas-course-body{padding:17px 16px 12px;min-height:141px;display:flex;flex-direction:column}.canvas-course-body strong{color:var(--course);font-size:.85rem;font-weight:600;display:block;line-height:1.35}.canvas-course-body>span{font-size:.8rem;margin-top:7px;color:var(--text);line-height:1.4}.canvas-course-body>small{font-size:.65rem;margin-top:4px;color:var(--muted)}.canvas-card-tools{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;color:var(--muted)}.canvas-card-tools span{font-size:.65rem;flex:1}.canvas-card-tools svg{width:18px;height:18px}.canvas-todo h2{font-size:1rem;font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--line);margin:3px 0 5px}.canvas-todo h2:not(:first-child){margin-top:28px}.todo-item{padding:12px 0;display:flex;align-items:flex-start;text-align:left;gap:10px;width:100%;font-weight:400;line-height:1.35}.todo-item>svg{width:17px;height:17px;margin-top:1px;color:var(--muted)}.todo-item>span{min-width:0;flex:1}.todo-item strong{display:block;font-weight:400;color:var(--accent);text-decoration:underline;font-size:.8rem}.todo-item b{display:block;font-size:.73rem;color:var(--muted);font-weight:600;margin-top:4px}.todo-item small{display:block;font-size:.71rem;color:var(--text);margin-top:3px}.page-heading{padding-top:23px}.site-footer{padding-left:35px;padding-right:35px;font-size:.65rem}#navDrawer{position:fixed;left:76px;top:0;bottom:0;width:360px;max-width:calc(100vw - 76px);background:var(--panel);box-shadow:10px 0 35px #0006;z-index:35;display:flex;flex-direction:column;border-right:1px solid var(--line)}#navDrawer>header{padding:23px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}#navDrawer h2{font-size:1.35rem;font-weight:600}.drawer-body{overflow-y:auto;min-height:0;padding:15px 24px 30px;overscroll-behavior:contain}.drawer-body>button{display:block;width:100%;text-align:left;color:var(--accent);font-size:.95rem;font-weight:400;padding:12px 0}.drawer-body>button small{display:block;color:var(--muted);font-size:.72rem;line-height:1.6;margin-top:7px}.drawer-body>button strong{font-size:.91rem;font-weight:400}.drawer-all{border-bottom:1px solid var(--line);border-radius:0;margin-bottom:12px}.drawer-account{text-align:center;padding:14px 0 25px;border-bottom:1px solid var(--line);margin-bottom:15px}.drawer-account h2{margin-top:12px;font-size:1.2rem!important}.drawer-account p{font-size:.74rem;color:var(--muted);margin-top:8px}.drawer-body h3{margin:22px 0 12px}.drawer-body>p,.announcement p{font-size:.87rem;line-height:1.7;color:var(--muted)}.drawer-body a{font-size:.86rem}.drawer-open #veil{position:fixed;inset:0;background:#0005;z-index:30}.announcement{padding:10px 0 24px;border-bottom:1px solid var(--line)}.announcement h3{margin:10px 0}.announcement a{display:block;margin-top:14px}.remember-access{display:flex!important;align-items:center;gap:10px;font-size:.85rem}.remember-access input{width:18px!important;min-height:18px;height:18px}.school-calendar-links{display:flex;gap:22px;font-size:.8rem;margin-bottom:22px;flex-wrap:wrap}.school-event{display:block;font-size:.62rem;margin:3px 0;background:var(--accent-bg);padding:4px;border-left:2px solid var(--accent)}.calendar{border:1px solid var(--line)}.day{min-height:115px}.settings-grid{max-width:1100px}body:has(.chat-page) .app-main{margin-left:0}body:has(.chat-page) #content{padding:0}body:has(.chat-page) .topbar{height:54px}#content.chat-page{height:calc(100dvh - 54px)}.chat-shell{height:100%}
@media(min-width:1800px){.canvas-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-cover{height:150px}}
@media(max-width:1200px){.canvas-dashboard{gap:24px;grid-template-columns:minmax(0,1fr) 225px}.canvas-cards{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.topbar,#content{padding-left:25px;padding-right:25px}.app-main{margin-left:76px}}
@media(max-width:900px){.canvas-dashboard{grid-template-columns:1fr}.canvas-todo{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.canvas-todo h2{grid-column:1/-1}.canvas-todo>.text-btn{justify-self:start}.canvas-todo .full-width{margin-top:5px}.canvas-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-cover{height:140px}}
@media(max-width:600px){#sidebar.canvas-rail{width:58px;padding-top:5px}.canvas-rail nav button{min-height:59px!important;font-size:.56rem!important;padding:9px 2px!important}.canvas-rail nav svg{width:22px;height:22px}.canvas-rail .rail-logo{height:54px!important;min-height:54px!important}.rail-logo img{width:36px;height:42px}.app-main{margin-left:58px}.topbar{padding:0 14px;height:43px}.breadcrumb{font-size:.59rem}.breadcrumb>svg{display:none}.term{display:none}.topbar-right{gap:0}.search-shortcut{padding:3px}#content{padding:0 14px 28px}.canvas-heading{padding:13px 0 17px;gap:10px;margin-bottom:18px}.canvas-heading h1{font-size:1.65rem}.canvas-heading button{font-size:.62rem;padding:6px;max-width:106px}.canvas-section-title{font-size:.85rem;margin-bottom:15px}.canvas-cards{grid-template-columns:1fr;gap:20px}.canvas-cover{height:145px}.canvas-course-body{min-height:128px}.canvas-course-body strong{font-size:.85rem}.canvas-todo{display:block}.site-footer{padding:15px;font-size:.58rem;gap:15px}.site-footer span:last-child{max-width:none}#navDrawer{left:58px;max-width:calc(100vw - 58px)}#navDrawer>header{padding:17px}.drawer-body{padding:12px 17px 25px}.page-heading h1{font-size:1.6rem}.page-heading p{font-size:.75rem}.settings-section{padding:14px 10px}.setting-row{flex-wrap:wrap}.setting-row>span{min-width:140px;flex:1}.setting-row select,.setting-row input:not([type=checkbox]){max-width:100%;width:130px}.settings-grid{gap:15px}.calendar{overflow-x:auto;grid-template-columns:repeat(7,minmax(55px,1fr))}.day{min-height:95px}.school-event{font-size:.49rem}.calendar-heading{flex-wrap:wrap}.calendar-heading h2{font-size:.95rem}.school-calendar-links{gap:10px}.stat-strip{flex-wrap:wrap}.stat-strip small{font-size:.54rem}body:has(.chat-page) #content{padding:0}.conversation-header{height:62px;min-height:62px}.message-list{padding:8px}.composer-wrap{padding:0 8px max(10px,env(safe-area-inset-bottom))}}
@media(max-height:550px){.canvas-rail nav button{min-height:47px!important;padding:6px 2px!important;font-size:.56rem!important;gap:3px!important}.canvas-rail nav svg{width:20px;height:20px}.canvas-rail .rail-logo{height:47px!important;min-height:47px!important}.rail-logo img{height:35px}.canvas-rail nav{flex-shrink:0}.canvas-rail #railSettings{flex-shrink:0}}

.games-button{font-size:.72rem;padding:6px 9px;color:var(--muted)}.games-button svg{width:18px}.game-catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.game-card{padding:0;display:block;text-align:left;overflow:hidden;border:1px solid var(--line);background:var(--panel2)}.game-card>img{height:125px;width:100%;object-fit:cover}.game-card>div{padding:14px}.game-card strong{display:block;font-size:1rem}.game-card small{display:block;margin-top:5px}.game-card p{font-size:.74rem;line-height:1.6;color:var(--muted);margin-top:8px}.game-panel{position:fixed;inset:12px;z-index:80;background:var(--bg);border:1px solid var(--line);box-shadow:0 20px 80px #0009;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.game-panel header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;gap:8px;flex-shrink:0}.game-panel header>span,.game-panel header>div{display:flex;align-items:center;gap:8px}.game-panel iframe{flex:1;border:0;width:100%;min-height:0;background:#111}.game-panel footer{padding:7px 14px;font-size:.65rem;color:var(--muted)}.game-panel.game-minimized{left:45%;top:100px;bottom:80px;right:15px}.activity-invite{display:flex;align-items:center;gap:12px;padding:10px 0;flex-wrap:wrap}.activity-invite>svg{width:28px;height:28px;color:var(--accent)}.activity-invite>div{flex:1}.activity-invite strong,.activity-invite small{display:block}.activity-invite .primary{white-space:nowrap}.game-panel:fullscreen{inset:0;border:0;border-radius:0}@media(max-width:600px){.game-catalog{grid-template-columns:1fr}.game-panel{inset:0;border:0;border-radius:0}.game-panel header{padding:7px;flex-wrap:wrap}.game-panel header strong{font-size:.85rem}.game-panel header>div{gap:2px}.game-panel header button{font-size:.65rem}.game-panel footer{font-size:.57rem}.game-panel.game-minimized{inset:auto 6px 6px;height:44dvh}.games-button{padding:5px}.games-button span{font-size:.62rem}}