.app-sidebar.sidebar{z-index:40;color:#f5f5ee;background:#131419;border-right:1px solid #292c34;flex-direction:column;gap:0;width:218px;height:100dvh;padding:31px 21px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app-sidebar .portal-brand{letter-spacing:-1.3px;white-space:nowrap;align-items:center;font-size:27px;font-weight:850;display:flex}.app-sidebar .brand-symbol{color:#c8f66d;margin-right:9px;font-size:39px;line-height:1}.app-sidebar .brand-period{color:#c8f66d}.app-sidebar .nav-label{letter-spacing:1.8px;color:#70747f;margin:40px 14px 14px;font-size:10px}.app-sidebar .app-nav-label{margin-top:24px}.app-sidebar.sidebar nav{flex-direction:column;flex:none;gap:6px;display:flex}.app-sidebar .nav-item{color:#a2a6af;white-space:normal;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.app-sidebar .nav-item svg{flex-shrink:0}.app-sidebar .nav-item.active{color:#c8f66d;background:#c8f66d14}.app-sidebar .nav-item:hover{background:#ffffff09}.app-sidebar .app-sub-link{padding-block:9px;font-size:12px}.app-sidebar .app-sub-link[aria-current=page]{color:#c8f66d}.app-nav-foot{border-top:1px solid #292c34;margin-top:auto;padding:25px 12px 8px;font-size:12px}.app-account-name{overflow-wrap:anywhere;margin-bottom:12px;display:block}.app-account-button{color:#94979f;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.app-shell{min-width:0;margin-left:218px}.fit-page.app-layout{--muted:#a2a6af;--line:#292c34;background:#101115}.app-shell .fit-nav{max-width:none;min-height:84px;padding:25px 36px}.app-shell .fit-main{max-width:1440px;padding:36px 36px 80px}.app-shell .fit-brand{letter-spacing:-.4px;font-size:18px}.app-shell .fit-nav nav{flex-wrap:wrap;gap:18px}.app-menu-toggle{color:#f5f5ee;cursor:pointer;background:#191b21;border:1px solid #292c34;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:none}.app-menu-backdrop{z-index:39;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:0;position:fixed;inset:0}.app-menu-toggle:focus-visible,.app-sidebar a:focus-visible,.app-sidebar button:focus-visible{outline-offset:3px;outline:2px solid #c8f66d}@media (max-width:1100px) and (min-width:851px){.app-shell .fit-grid,.app-shell .fit-game-grid,.app-shell .fit-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .teacher-grid,.app-shell .fit-today-grid{grid-template-columns:1fr}}@media (max-width:850px){.app-sidebar.sidebar{visibility:hidden;width:260px;max-width:85vw;padding:25px 21px;transition:transform .2s,visibility .2s;transform:translate(-100%)}.app-menu-open .app-sidebar.sidebar{visibility:visible;transform:translate(0)}.app-menu-open{overflow:hidden}.app-shell{margin-left:0}.app-menu-toggle{display:inline-flex}.app-shell .fit-nav{gap:12px;padding:20px}.app-shell .fit-main{padding:30px 20px 60px}.app-shell .fit-nav nav{gap:12px;margin-left:auto;font-size:11px}.app-shell .fit-brand{margin-right:auto}.app-sidebar .nav-item svg{display:block}.app-sidebar .nav-item{padding:12px 14px}.app-sidebar .nav-label{display:block}}@media (max-width:600px){.app-shell .fit-main{padding:26px 18px 60px}.app-shell .fit-nav{flex-wrap:wrap;align-items:center}.app-shell .fit-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.app-shell .fit-brand{font-size:18px}}@media (prefers-reduced-motion:reduce){.app-sidebar.sidebar{transition:none}}.room-join-open{overflow:hidden}.room-join-dialog{color:#f5f5ee;background:#191b21;border:1px solid #ffffff21;border-radius:24px;width:min(440px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:32px;font-family:inherit;line-height:1.5;overflow:auto;box-shadow:0 25px 100px #0008}.room-join-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090cb3}.room-join-dialog .room-join-close{color:#a2a6af;cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;font-size:26px;position:absolute;top:13px;right:16px}.room-join-symbol{color:#c8f66d;background:#c8f66d12;border:1px solid #c8f66d25;border-radius:15px;place-items:center;width:50px;height:50px;margin-bottom:22px;display:grid}.room-join-dialog .room-join-eyebrow{letter-spacing:1.5px;color:#c8f66d;margin:0 0 8px;font-size:9px;font-weight:750}.room-join-dialog h2{letter-spacing:-.7px;color:#f5f5ee;margin:0 0 10px;font-size:29px;line-height:1.25}.room-join-dialog .room-join-intro{color:#a2a6af;margin:0 0 24px;font-size:12px;line-height:1.7}.room-join-dialog form{gap:17px;display:grid}.room-join-dialog label{color:#c3c7d0;gap:8px;font-size:12px;font-weight:550;display:grid}.room-join-dialog input{color:#f5f5ee;width:100%;min-width:0;font:inherit;background:#101115;border:1px solid #fff2;border-radius:11px;padding:13px 14px;font-size:13px;display:block}.room-join-dialog .room-join-pin{letter-spacing:5px;text-transform:uppercase;font-size:22px;font-weight:750}.room-join-dialog .room-join-submit{color:#233014;cursor:pointer;background:#c8f66d;border:0;border-radius:11px;width:100%;padding:13px;font-size:13px;font-weight:750}.room-join-dialog .room-join-submit:disabled{opacity:.6;cursor:wait}.room-join-dialog small{text-align:center;color:#7e8594;font-size:10px}.room-join-dialog .room-join-error{color:#ffb3aa;background:#ff8e8110;border:1px solid #ff8e8133;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.6}.room-join-footer{color:#89919f;border-top:1px solid #ffffff10;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:23px;padding-top:20px;font-size:11px;display:flex}.room-join-footer span{text-align:center;flex-basis:100%;margin-bottom:3px}.room-join-footer a{color:#c8f66d;text-decoration:none}.room-join-footer a+a{color:#b9bfca;margin-left:8px}.room-join-dialog :is(a,button,input):focus-visible{outline-offset:3px;outline:2px solid #c8f66d}@media (max-width:480px){.room-join-dialog{border-radius:20px;padding:27px 23px}.room-join-dialog h2{font-size:26px}.room-join-symbol{margin-bottom:17px}}.app-shell .room-nav{justify-content:flex-start;max-width:none;height:auto;min-height:84px;padding:22px 36px}.app-shell .room-brand{letter-spacing:-.4px;font-size:18px}.app-shell .room-nav nav{gap:18px;margin-left:auto}.app-shell .room-main{max-width:1440px;padding:36px 36px 60px}.app-shell footer.room-main{color:#a2a6af;padding-top:0;font-size:12px}.app-sidebar .portal-brand{color:#f5f5ee;text-decoration:none}.app-sidebar .nav-item{text-decoration:none}.room-page .app-sidebar .nav-item{line-height:1.5}.room-page .app-sidebar .portal-brand span{color:#c8f66d}.room-page .app-sidebar .app-account-button{font:inherit}@media (max-width:1050px) and (min-width:851px){.app-shell .live-grid{grid-template-columns:1fr}.app-shell .leaderboard{position:static}.app-shell .create-grid{grid-template-columns:1fr}.app-shell .auth-grid{grid-template-columns:1fr;max-width:500px;margin:auto}.app-shell .auth-art{display:none}.app-shell .plans-grid{grid-template-columns:1fr}}@media (max-width:850px){.app-shell .room-nav{gap:12px;padding:20px}.app-shell .room-main{padding:30px 20px 55px}}@media (max-width:600px){.app-shell .room-nav{flex-wrap:wrap}.app-shell .room-nav nav{gap:12px;font-size:11px}.app-shell .room-main{padding:26px 18px 50px}.app-shell .room-nav nav>a:first-child{display:inline}.app-shell .room-brand{font-size:17px}}
