:root{--te-side-w:228px}body.tw-page:not(#s1):not(#s2):not(#s3){padding-left:var(--te-side-w)!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav{position:fixed!important;inset:0 auto 0 0!important;z-index:900!important;width:var(--te-side-w)!important;height:100vh!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;padding:22px 14px 18px!important;margin:0!important;background:var(--te-ink,#24282C)!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow-y:auto!important;transform:none!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-sep{display:none!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-logo{order:0;display:flex!important;align-items:center!important;gap:10px!important;height:36px!important;padding:0 8px!important;margin:0 0 18px!important;color:#fff!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.02em!important;background:transparent!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-logo img{width:28px!important;height:28px!important;border-radius:8px!important;background:var(--te-lime,#CDF649)!important;padding:3px!important;box-sizing:border-box!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-logo-name{display:inline!important;color:#fff!important;font-size:17px!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-user{order:1;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;height:auto!important;padding:12px 8px 16px!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-align:center!important;box-shadow:none!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-user #nav-avatar{width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin-bottom:8px!important;background:var(--te-pink,#F8DBDB)!important;color:var(--te-pink-ink,#8A2E52)!important;font-size:22px!important;font-weight:600!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;box-shadow:0 0 0 3px #cdf649e6!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-user #nav-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-user:before{content:"Welcome back,";order:1;font-size:11.5px;font-weight:400;color:#a3a48d}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-user #nav-avatar{order:0}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-user #nav-name{order:2;display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14.5px!important;font-weight:600!important;color:#fff!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-user:hover #nav-name{color:var(--te-lime,#CDF649)!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-link{order:2;display:flex!important;align-items:center!important;gap:12px!important;height:44px!important;min-height:44px!important;padding:0 14px!important;border-radius:12px!important;background:transparent!important;color:#caccc6!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.01em!important;text-decoration:none!important;box-shadow:none!important;border:0!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-link:before{content:"";width:19px;height:19px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-link:hover{background:#ffffff12!important;color:#fff!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-link.active{background:var(--te-lime,#CDF649)!important;color:var(--te-ink,#24282C)!important;font-weight:600!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nav-spacer{order:3;flex:1 1 auto!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nb-bell{position:absolute!important;top:24px!important;right:14px!important;width:32px!important;height:32px!important;margin:0!important;background:#ffffff14!important;border:0!important;color:#fff!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nb-bell:hover,body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nb-bell[aria-expanded=true]{background:#ffffff29!important}body.tw-page:not(#s1):not(#s2):not(#s3) #nav .nb-badge{border-color:var(--te-ink,#24282C)!important}#nav .nav-link{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E")}#nav .nav-link[href="index.html"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V19a1 1 0 0 1-1 1h-4.5v-6h-5v6H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}#nav .nav-link[href="board.html"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='9' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='5' rx='1.5'/%3E%3Crect x='13' y='11' width='7' height='9' rx='1.5'/%3E%3Crect x='4' y='15' width='7' height='5' rx='1.5'/%3E%3C/svg%3E")}#nav .nav-link[href="courses.html"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h10a3 3 0 0 1 3 3V20H8a3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 17a3 3 0 0 1 3-3h10'/%3E%3C/svg%3E")}#nav .nav-link[href="community.html"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.2'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0'/%3E%3Cpath d='M16 5.6a3.2 3.2 0 0 1 0 5.8M17.5 14.2A5.5 5.5 0 0 1 20.5 19'/%3E%3C/svg%3E")}#nav .nav-link[href="homework.html"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4.5' width='14' height='16' rx='2'/%3E%3Cpath d='M9 4.5V3.5h6v1M9 12.5l2 2 4-4'/%3E%3C/svg%3E")}#nav .nav-link[href="schedule.html"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14.5' rx='2'/%3E%3Cpath d='M4 10h16M8.5 3.5v4M15.5 3.5v4'/%3E%3C/svg%3E")}#nav .nav-link[href="game-builder.html"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='18' height='10' rx='4'/%3E%3Cpath d='M7.5 11v3M6 12.5h3M15 11.5h.01M17.5 13.5h.01'/%3E%3C/svg%3E")}body.tw-page:not(#s1):not(#s2):not(#s3) :is(.page-title,main h1,.hw-metric b,.wp-title,.section-title){font-family:var(--te-font-display)!important;font-weight:600!important;letter-spacing:-.035em!important}body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric{border:1px solid rgba(36,40,44,.08)!important;border-left-width:1px!important;border-radius:20px!important;box-shadow:none!important;background:#fff!important}body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric:before,body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric:after{display:none!important}body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric:first-child{background:var(--te-ink,#24282C)!important;border-color:var(--te-ink,#24282C)!important}body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric:first-child b{color:var(--te-lime,#CDF649)!important}body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric:first-child span{color:#caccc6!important}body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric:last-child{background:var(--te-pink,#F8DBDB)!important;border-color:var(--te-pink,#F8DBDB)!important}body.tw-page:not(#s1):not(#s2):not(#s3) .hw-metric:last-child span{color:var(--te-pink-ink,#8A2E52)!important}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card{position:relative!important;overflow:hidden!important;background:var(--te-ink,#24282C)!important;border:0!important;border-radius:20px!important;box-shadow:none!important;color:#fff!important}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card:before,body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card:after{content:"";position:absolute;pointer-events:none}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card:before{right:18px;top:16px;width:14px;height:14px;border:2.5px solid var(--te-coral,#FF4E00);border-radius:50%}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card:after{right:-10px;top:40px;width:34px;height:34px;background:var(--te-lime,#CDF649);border-radius:9px;transform:rotate(28deg);opacity:.9}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card .ready-title{color:#fff!important;font-weight:600!important;padding-right:24px}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card :is(.ready-meta,.ready-copy){color:#caccc6!important}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card .ready-chip{background:transparent!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card .btn-soft{background:#ffffff1a!important;border-color:transparent!important;color:#fff!important}body.tw-page:not(#s1):not(#s2):not(#s3) .ready-card .btn-soft:hover{background:var(--te-pink,#F8DBDB)!important;color:var(--te-ink,#24282C)!important}body.tw-page:not(#s1):not(#s2):not(#s3) #sb-head{gap:8px!important;min-width:0!important}body.tw-page:not(#s1):not(#s2):not(#s3) #sb-head-title{white-space:nowrap!important;min-width:0!important}body.tw-page:not(#s1):not(#s2):not(#s3) #sb-head .btn-new-course{flex:none!important;margin-left:auto!important;padding-left:10px!important;padding-right:10px!important}
