/* Black River v9 — ground-up product shell. Loaded after legacy styles on purpose. */
:root{
  --br-bg:#050506;--br-panel:#0b0b0d;--br-panel-2:#101014;--br-panel-3:#151519;
  --br-line:rgba(255,255,255,.08);--br-line-strong:rgba(255,255,255,.14);
  --br-text:#f5f5f7;--br-muted:#8e8e98;--br-soft:#b8b8c2;--br-accent:var(--accent,#8ab4ff);
  --br-radius:24px;--br-radius-sm:16px;--br-shadow:0 28px 80px rgba(0,0,0,.42);
  --br-safe-bottom:env(safe-area-inset-bottom,0px);--br-safe-top:env(safe-area-inset-top,0px);
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;min-height:100%;background:var(--br-bg);color:var(--br-text);overscroll-behavior:none}
body{margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(900px 600px at 65% -10%,color-mix(in srgb,var(--br-accent) 12%,transparent),transparent 60%),var(--br-bg)}
button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,textarea,select{outline:none}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--br-accent) 28%,transparent)}
#app{height:100%;min-height:0;overflow:hidden}
[hidden]{display:none!important}

/* ---------- Entire workspace shell ---------- */
.br-app-shell{height:100%;min-height:0;display:grid;grid-template-columns:84px minmax(0,1fr) 300px;gap:0;background:transparent;overflow:hidden}
.br-nav-shell{position:relative;z-index:40;display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 12px max(18px,var(--br-safe-bottom));border-right:1px solid var(--br-line);background:rgba(5,5,6,.78);backdrop-filter:blur(24px) saturate(1.25)}
.br-brand-orb{width:48px;height:48px;border:0;border-radius:17px;padding:7px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s ease}
.br-brand-orb:hover{transform:translateY(-2px) scale(1.03)}.br-brand-orb img{width:100%;height:100%;object-fit:contain}
.br-nav-dock,.br-nav-bottom{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}.br-nav-dock{margin:auto 0}
.br-nav-dock button,.br-nav-bottom button{width:var(--dock-size,48px);height:var(--dock-size,48px);min-width:40px;min-height:40px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--br-muted);display:grid;place-items:center;transition:width .18s,height .18s,background .18s,color .18s,border-color .18s,transform .18s;position:relative}
.br-nav-dock button svg,.br-nav-bottom button svg{width:var(--dock-icon,20px);height:var(--dock-icon,20px);transition:width .18s,height .18s}
.br-nav-dock button span{display:none}.br-nav-dock button:hover,.br-nav-bottom button:hover{background:rgba(255,255,255,.07);color:var(--br-text);border-color:var(--br-line)}
.br-nav-dock button.active{background:var(--br-text);color:#070708;box-shadow:0 8px 30px rgba(255,255,255,.08)}
.br-avatar-button{padding:4px!important}.br-avatar-button .avatar{width:34px;height:34px;border-radius:12px}
.br-workspace-shell{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.br-commandbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-bottom:1px solid var(--br-line);background:linear-gradient(to bottom,rgba(7,7,9,.88),rgba(7,7,9,.62));backdrop-filter:blur(24px);z-index:20}
.br-command-title{display:flex;align-items:center;gap:12px;min-width:0}.br-command-title>div{display:grid;gap:2px}.br-command-title small{font-size:9px;letter-spacing:.18em;color:var(--br-muted);font-weight:800}.br-command-title strong{font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-mobile-menu{display:none}
.br-command-actions{display:flex;align-items:center;gap:8px}.br-command-actions>button{border:1px solid var(--br-line);background:rgba(255,255,255,.035);color:var(--br-soft);border-radius:14px;height:42px;min-width:42px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px}
.br-search-trigger{width:min(300px,28vw)!important;justify-content:space-between!important;color:var(--br-muted)!important}.br-search-trigger span{display:flex;align-items:center;gap:8px}.br-search-trigger kbd{font-size:10px;border:1px solid var(--br-line-strong);border-bottom-color:rgba(255,255,255,.22);border-radius:7px;padding:3px 6px;background:#0c0c0f;color:var(--br-soft)}
.br-content,#content{min-height:0;min-width:0;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:28px 30px 80px}
#content.chat-page{padding:0!important;overflow:hidden!important}
.br-context-rail{min-height:0;overflow:auto;padding:88px 16px 24px;border-left:1px solid var(--br-line);background:rgba(5,5,6,.58)}
.br-context-card{position:relative;overflow:hidden;border:1px solid var(--br-line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-radius:22px;padding:18px;display:grid;gap:7px}.br-context-card small{letter-spacing:.16em;color:var(--br-muted);font-size:9px;font-weight:800}.br-context-card strong{font-size:20px}.br-context-card span{color:var(--br-muted);font-size:12px;line-height:1.4}
.br-context-action{width:100%;margin-top:10px;border:1px solid var(--br-line);background:#0c0c0f;color:var(--br-text);border-radius:18px;padding:14px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;gap:10px;text-align:left;align-items:center;transform-style:preserve-3d}.br-context-action>span{display:grid}.br-context-action small{color:var(--br-muted);font-size:10px}.br-context-action svg:last-child{width:14px;color:var(--br-muted)}
.site-footer,.topbar,.canvas-rail{display:none!important}

/* ---------- content pages ---------- */
.page-head,.dashboard-head,.settings-hero,.course-hero{background:transparent!important;border:0!important;padding:0!important;margin:0 0 28px!important;box-shadow:none!important}
.page-head h1,.dashboard-head h1,.settings-hero h1,.course-hero h1{font-size:clamp(28px,3vw,48px)!important;letter-spacing:-.045em!important;line-height:1!important;margin:0!important}
.page-head p,.dashboard-head p,.settings-hero p,.course-hero p{color:var(--br-muted)!important;max-width:720px!important}
.dashboard-grid,.course-grid,.settings-grid,.resource-grid,.assignment-grid{gap:14px!important}
.card,.canvas-card,.dashboard-card,.school-course-card,.assignment-card,.resource-card,.settings-group,.setting-card,.progress-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border:1px solid var(--br-line)!important;border-radius:20px!important;box-shadow:none!important}
.school-course-card,.assignment-card,.resource-card,.dashboard-card{transition:transform .2s ease,border-color .2s ease,background .2s ease}.school-course-card:hover,.assignment-card:hover,.resource-card:hover,.dashboard-card:hover{border-color:var(--br-line-strong)!important;background:rgba(255,255,255,.055)!important}

/* ---------- chat: entirely new layout ---------- */
.br-chat-shell{height:100%;min-height:0;display:grid!important;grid-template-columns:300px minmax(0,1fr);background:#050506;overflow:hidden;border:0!important}
.br-chat-sidebar{min-width:0;min-height:0;display:flex!important;flex-direction:column;padding:14px;border-right:1px solid var(--br-line);background:linear-gradient(180deg,#09090b,#070708)!important;overflow:hidden}
.br-chat-sidebar-head{height:50px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-bottom:10px}.br-chat-wordmark{display:flex;align-items:center;justify-content:center;gap:8px}.br-chat-wordmark>span{width:8px;height:8px;border-radius:999px;background:var(--br-accent);box-shadow:0 0 20px color-mix(in srgb,var(--br-accent) 55%,transparent)}.br-chat-wordmark strong{font-size:14px}
.br-icon-button{width:40px;height:40px;border-radius:13px;border:1px solid transparent;background:transparent;color:var(--br-soft);display:grid;place-items:center;padding:0;transition:.18s}.br-icon-button:hover{background:rgba(255,255,255,.06);border-color:var(--br-line);color:var(--br-text)}.br-icon-button svg{width:18px;height:18px}
.br-search-field{height:40px;border:1px solid var(--br-line);border-radius:13px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--br-muted);margin-bottom:16px}.br-search-field svg{width:15px}.br-search-field input{border:0!important;background:transparent!important;color:var(--br-text)!important;width:100%;padding:0!important;min-width:0}
.br-conversation-list{min-height:0;overflow:auto;padding-right:2px;overscroll-behavior:contain}.br-room-card{width:100%;border:1px solid transparent;background:transparent;color:var(--br-text);border-radius:18px;padding:11px;display:grid;grid-template-columns:44px minmax(0,1fr) 8px;align-items:center;gap:10px;text-align:left;position:relative}.br-room-card.active,.br-room-card:hover{background:rgba(255,255,255,.055);border-color:var(--br-line)}.br-room-avatar{width:42px!important;height:42px!important;border-radius:15px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--br-accent) 22%,#131318),#111)!important}.br-room-copy{display:grid;min-width:0}.br-room-copy strong{font-size:13px}.br-room-copy small{font-size:10px;color:var(--br-muted);margin-top:2px}.br-presence-dot{width:7px;height:7px;border-radius:50%;background:#3fd17f;box-shadow:0 0 0 3px rgba(63,209,127,.12)}
.chat-section-label{display:flex!important;align-items:center;justify-content:space-between;margin:18px 7px 7px!important;color:var(--br-muted)!important;font-size:9px!important;letter-spacing:.16em!important}.chat-section-label button{width:28px!important;height:28px!important}.br-member-list{display:grid;gap:3px}.br-member-list>*{border-radius:16px!important}
.br-chat-self{margin-top:auto;padding-top:12px;border-top:1px solid var(--br-line)}.br-self-card{width:100%;border:0;background:transparent;color:var(--br-text);display:flex;align-items:center;gap:10px;padding:8px;border-radius:16px;text-align:left}.br-self-card:hover{background:rgba(255,255,255,.05)}.br-self-card>span:last-child{display:grid}.br-self-card small{color:var(--br-muted);font-size:10px}
.br-conversation{position:relative;min-width:0;min-height:0;display:grid!important;grid-template-rows:64px auto auto minmax(0,1fr) auto auto;background:#060607!important;overflow:hidden}.br-chat-beams{position:absolute;inset:0 0 auto 0;height:240px;overflow:hidden;pointer-events:none;opacity:.22;mask-image:linear-gradient(to bottom,#000,transparent);z-index:0}.ace-beams-svg{width:100%;height:100%}
.br-conversation-header{position:relative;z-index:5;height:64px;border-bottom:1px solid var(--br-line);background:rgba(7,7,8,.68)!important;backdrop-filter:blur(22px);display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:0 16px!important}.br-room-identity{min-width:0}.br-room-identity strong{font-size:14px!important}.br-room-identity small{font-size:10px!important;color:var(--br-muted)!important}.br-connection-state{font-size:10px;color:var(--br-muted);white-space:nowrap}.br-call-dock{display:flex;align-items:flex-end;gap:5px}.br-call-dock>button{width:var(--dock-size,40px)!important;height:var(--dock-size,40px)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--br-line)!important;color:var(--br-soft)!important;padding:0!important}.br-call-dock>button svg{width:var(--dock-icon,18px)!important;height:var(--dock-icon,18px)!important}
.br-message-list{position:relative;z-index:1;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:30px clamp(18px,4vw,72px) 28px!important;scroll-padding-bottom:140px;overscroll-behavior:contain;display:block!important}
.br-message-list>.message{max-width:min(760px,82%)!important;margin:2px 0 16px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;align-items:start!important}.br-message-list>.message.own{margin-left:auto!important;grid-template-columns:minmax(0,1fr) 34px!important}.br-message-list>.message.own>.avatar{grid-column:2}.br-message-list>.message.own>.message-content{grid-column:1;grid-row:1;text-align:right}
.message-content{min-width:0!important}.message-author{margin-bottom:4px!important;display:flex;align-items:center;gap:7px!important}.message.own .message-author{justify-content:flex-end}.message-author strong{font-size:10px!important;color:var(--name-color,var(--br-soft))!important}.message-author time{font-size:9px!important;color:var(--br-muted)!important}.message .message-bubble,.message .bubble,.message-content>.message-body{border-radius:18px!important;border:1px solid var(--br-line)!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important;color:var(--br-text)!important}.message.own .message-bubble,.message.own .bubble,.message.own .message-content>.message-body{background:color-mix(in srgb,var(--br-accent) 17%,#111)!important;border-color:color-mix(in srgb,var(--br-accent) 34%,transparent)!important}
.message-grouped>.avatar{visibility:hidden}.message-grouped{margin-top:-10px!important}.message .avatar{width:32px!important;height:32px!important;border-radius:12px!important}
.arnie-message .message-content{position:relative}.arnie-message .message-bubble,.arnie-message .bubble{background:linear-gradient(135deg,rgba(109,94,252,.16),rgba(255,255,255,.035))!important;border-color:rgba(137,122,255,.28)!important}.arnie-avatar{background:#111!important;border:1px solid rgba(137,122,255,.4)!important;color:#c4bbff!important}
.br-typing-indicator{position:relative;z-index:3;padding:0 clamp(18px,4vw,72px);min-height:0}
.br-composer-wrap{position:relative;z-index:6;padding:10px clamp(14px,3vw,38px) calc(14px + var(--br-safe-bottom));background:linear-gradient(to top,#060607 72%,transparent)!important;border:0!important}.br-message-form{max-width:940px;margin:0 auto}.br-composer-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:end;gap:8px;padding:7px;border:1px solid var(--br-line-strong)!important;background:rgba(18,18,21,.94)!important;border-radius:24px!important;box-shadow:0 14px 50px rgba(0,0,0,.34)!important;backdrop-filter:blur(24px)}.br-composer-row:focus-within{border-color:color-mix(in srgb,var(--br-accent) 48%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--br-accent) 10%,transparent),0 18px 60px rgba(0,0,0,.4)!important}.br-composer-row textarea{min-height:38px!important;max-height:150px!important;border:0!important;background:transparent!important;color:var(--br-text)!important;padding:9px 5px!important;resize:none!important;line-height:1.35!important}.br-composer-plus,.br-inline-tool,.br-send-button{width:38px;height:38px;border-radius:14px;border:0;display:grid;place-items:center}.br-composer-plus,.br-inline-tool{background:transparent;color:var(--br-muted)}.br-composer-plus:hover,.br-inline-tool:hover{background:rgba(255,255,255,.06);color:var(--br-text)}.br-send-button{background:var(--br-text)!important;color:#080809!important;padding:0!important;border:0!important}.br-send-button svg{width:17px}.br-inline-tools{display:flex;align-items:center;gap:1px}.br-inline-tool svg{width:17px}.br-inline-tool .gif-mark{font-size:8px;font-weight:900;letter-spacing:.03em}.composer-hint{display:none!important}
.br-app-drawer{position:absolute!important;left:0!important;bottom:calc(100% + 12px)!important;width:min(560px,calc(100vw - 32px))!important;max-height:min(72vh,620px)!important;overflow:auto!important;background:#0b0b0e!important;border:1px solid var(--br-line-strong)!important;border-radius:26px!important;padding:14px!important;box-shadow:var(--br-shadow)!important;backdrop-filter:blur(24px)!important;z-index:90!important;transform-origin:bottom left}.br-app-drawer:not([hidden]){animation:brDrawerIn .32s cubic-bezier(.2,.9,.2,1)}@keyframes brDrawerIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
.br-app-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 12px}.br-app-drawer-head>div{display:grid}.br-app-drawer-head small{font-size:8px;letter-spacing:.16em;color:var(--br-muted)}.br-app-drawer-head strong{font-size:16px}.br-drawer-close{width:34px;height:34px;border:1px solid var(--br-line);background:rgba(255,255,255,.035);border-radius:12px;color:var(--br-muted)}
.br-draw-hero{width:100%;min-height:100px;border:1px solid color-mix(in srgb,var(--br-accent) 24%,var(--br-line));background:radial-gradient(400px 180px at 15% 0%,color-mix(in srgb,var(--br-accent) 18%,transparent),transparent 70%),#101013;color:var(--br-text);border-radius:22px;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr) 18px;gap:12px;align-items:center;text-align:left;position:relative;overflow:hidden}.br-draw-orb{width:50px;height:50px;border-radius:17px;background:var(--br-text);color:#080809;display:grid;place-items:center}.br-draw-hero>span:nth-child(2){display:grid}.br-draw-hero small{font-size:10px;color:var(--br-muted);margin-top:3px}.br-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.br-app-grid>button{min-width:0;min-height:92px;border:1px solid var(--br-line);background:rgba(255,255,255,.025);color:var(--br-text);border-radius:18px;padding:11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;transition:.18s}.br-app-grid>button:hover{background:rgba(255,255,255,.055);border-color:var(--br-line-strong);transform:translateY(-2px)}.br-app-grid>button>svg{width:19px;color:var(--br-soft)}.br-app-grid>button span{display:grid;min-width:0}.br-app-grid>button strong{font-size:11px}.br-app-grid>button small{font-size:9px;color:var(--br-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-activity-rail{width:320px!important;border-left:1px solid var(--br-line)!important;background:#09090b!important;overflow:auto!important;min-height:0!important}.br-header-activity{border-radius:12px!important}
.br-mobile-only{display:none}

/* ---------- Aceternity interaction surfaces ---------- */
.ace-comet-runtime{position:relative;transform-style:preserve-3d;transition:transform .2s ease;will-change:transform}.ace-comet-runtime::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--comet-x,50%) var(--comet-y,50%),rgba(255,255,255,.42) 0,rgba(255,255,255,.14) 14%,transparent 55%);mix-blend-mode:overlay;opacity:0;transition:opacity .2s}.ace-comet-runtime:hover::after{opacity:.6}
.ace-spotlight-runtime{position:relative;overflow:hidden}.ace-spotlight-runtime::before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(350px circle at var(--spot-x,50%) var(--spot-y,50%),color-mix(in srgb,var(--br-accent) 18%,transparent),transparent 80%);opacity:0;transition:opacity .3s}.ace-spotlight-runtime:hover::before{opacity:1}
.ace-moving-border-v9{position:relative;isolation:isolate;overflow:hidden!important}.ace-moving-layer{position:absolute;inset:0;z-index:-1;pointer-events:none}.ace-moving-layer svg{position:absolute;inset:0;width:100%;height:100%}.ace-moving-layer i{position:absolute;top:0;left:0;width:70px;height:70px;border-radius:999px;background:radial-gradient(circle,var(--br-accent) 0,transparent 68%);filter:blur(2px);opacity:.85}.ace-moving-border-v9::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:inherit;z-index:-1}
.ace-tooltip-v9{position:fixed;z-index:99999;pointer-events:none;padding:8px 10px;border-radius:10px;background:#050506;border:1px solid var(--br-line-strong);box-shadow:0 12px 30px rgba(0,0,0,.45);opacity:0;scale:.6;translate:0 18px;transition:opacity .16s,scale .24s cubic-bezier(.2,.9,.2,1),translate .24s cubic-bezier(.2,.9,.2,1),transform .12s;display:grid;gap:1px}.ace-tooltip-v9.show{opacity:1;scale:1;translate:0 0}.ace-tooltip-v9 strong{font-size:11px}.ace-tooltip-v9 small{font-size:9px;color:var(--br-muted)}
.ace-active{transition:transform .05s linear!important;will-change:transform}.ace-active>*{transform-style:preserve-3d}

/* ---------- Modal / sheets: Aceternity Animated Modal-inspired ground-up ---------- */
#modal.ace-modal{width:min(720px,calc(100vw - 28px))!important;max-width:none!important;max-height:min(88vh,900px)!important;padding:0!important;border:1px solid var(--br-line-strong)!important;border-radius:28px!important;background:#0a0a0c!important;color:var(--br-text)!important;box-shadow:0 40px 120px rgba(0,0,0,.65)!important;overflow:hidden!important;transform-origin:center bottom;animation:brModalIn .46s cubic-bezier(.16,1,.3,1)!important}
#modal.ace-modal.wide{width:min(1040px,calc(100vw - 28px))!important}
#modal::backdrop{background:rgba(0,0,0,.65)!important;backdrop-filter:blur(12px)!important;animation:brBackdropIn .25s ease}
@keyframes brModalIn{0%{opacity:0;transform:perspective(800px) translateY(40px) rotateX(40deg) scale(.5)}65%{opacity:1;transform:perspective(800px) translateY(-2px) rotateX(-1deg) scale(1.015)}100%{opacity:1;transform:perspective(800px) none}}
@keyframes brBackdropIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(12px)}}
.modal-head{height:66px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 18px!important;border-bottom:1px solid var(--br-line)!important;background:rgba(255,255,255,.015)!important}.modal-title-wrap{display:grid!important}.modal-title-wrap small{font-size:8px!important;letter-spacing:.16em!important;color:var(--br-muted)!important}.modal-title-wrap h2{font-size:16px!important;margin:2px 0 0!important}.modal-body{min-height:0!important;overflow:auto!important;padding:20px!important;overscroll-behavior:contain!important;max-height:calc(88vh - 66px)!important}
.modal-body input,.modal-body textarea,.modal-body select{border:1px solid var(--br-line)!important;background:#111115!important;color:var(--br-text)!important;border-radius:14px!important;padding:11px 12px!important}.modal-body .primary,.modal-body .secondary{min-height:42px;border-radius:14px!important;padding:0 15px!important}.modal-body .primary{background:var(--br-text)!important;color:#080809!important;border:0!important}.modal-body .secondary{background:rgba(255,255,255,.04)!important;border:1px solid var(--br-line)!important;color:var(--br-text)!important}

/* ---------- settings ---------- */
.settings-page{padding:0!important;overflow:hidden!important}.settings-shell,.settings-layout{height:100%;min-height:0!important;display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:0!important;border:0!important;background:transparent!important}.settings-nav,.settings-sidebar{min-height:0;overflow:auto!important;padding:18px 12px!important;border-right:1px solid var(--br-line)!important;background:rgba(8,8,10,.7)!important}.settings-content,.settings-groups{min-height:0;overflow:auto!important;padding:28px 32px 80px!important}.settings-group{margin-bottom:14px!important;padding:18px!important}.settings-group>header{margin-bottom:15px!important}.setting-row{border-top:1px solid var(--br-line)!important;padding:14px 2px!important}.setting-row:first-of-type{border-top:0!important}.settings-page select,.settings-page input[type="text"],.settings-page input[type="number"],.settings-page input[type="date"],.settings-page input[type="password"]{background:#111115!important;border:1px solid var(--br-line)!important;border-radius:12px!important;color:var(--br-text)!important}

/* ---------- DOCX ---------- */
.docx-viewer,.document-reader{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;min-height:0!important;height:min(72vh,760px)!important;background:#08080a!important;border:1px solid var(--br-line)!important;border-radius:20px!important;overflow:hidden!important}.docx-viewer-head,.document-reader header{padding:12px 14px!important;border-bottom:1px solid var(--br-line)!important;background:#0d0d10!important}.docx-content,.docx-paper,.document-body{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:34px clamp(20px,6vw,72px)!important;background:#f7f7f5!important;color:#18181b!important}.docx-content>*:first-child{margin-top:0}.docx-content h1,.docx-content h2,.docx-content h3{color:#111!important}.docx-content table{width:100%;border-collapse:collapse}.docx-content td,.docx-content th{border:1px solid #d3d3d6;padding:8px}.docx-loading{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--br-muted)}

/* ---------- call screen ---------- */
.call-overlay,.call-shell{background:#040405!important}.call-stage{border-radius:0!important;background:#050506!important}.call-controls{left:50%!important;bottom:calc(18px + var(--br-safe-bottom))!important;transform:translateX(-50%)!important;border:1px solid var(--br-line-strong)!important;background:rgba(13,13,16,.78)!important;backdrop-filter:blur(28px)!important;border-radius:24px!important;padding:8px!important;gap:6px!important;box-shadow:0 22px 70px rgba(0,0,0,.45)!important}.call-control{width:var(--dock-size,46px)!important;height:var(--dock-size,46px)!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;border:1px solid var(--br-line)!important;color:var(--br-text)!important}.call-control svg{width:var(--dock-icon,19px)!important;height:var(--dock-icon,19px)!important}.call-end{background:#d93652!important;border-color:#ea5a70!important;color:#fff!important}.call-topbar,.call-top{background:linear-gradient(to bottom,rgba(0,0,0,.68),transparent)!important;border:0!important}.call-chat-panel{background:rgba(8,8,10,.92)!important;backdrop-filter:blur(28px)!important;border:1px solid var(--br-line-strong)!important;border-radius:22px!important;box-shadow:var(--br-shadow)!important;overflow:hidden!important}.call-chat-messages{overflow:auto!important}

/* ---------- games ---------- */
.games-hub,.games-browser,.game-shell{background:transparent!important}.game-catalog-v6,.games-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}.game-card-v6,.game-card{border:1px solid var(--br-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018))!important;border-radius:22px!important;overflow:hidden!important;box-shadow:none!important}.game-card-v6:hover,.game-card:hover{border-color:var(--br-line-strong)!important}.game-card-v6 img,.game-card img{aspect-ratio:16/10;object-fit:cover}.game-stage,.quick-game-shell{border-radius:24px!important;border:1px solid var(--br-line)!important;background:#08080a!important;overflow:hidden!important}

/* ---------- paint ---------- */
.paint-app,.paint-shell{background:#08080a!important;border:1px solid var(--br-line)!important;border-radius:24px!important;overflow:hidden!important;display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;min-height:0!important;height:min(80vh,820px)!important}.paint-sidebar{min-height:0!important;overflow:auto!important;border-right:1px solid var(--br-line)!important;background:#0d0d10!important;padding:14px!important}.paint-main,.paint-workspace{min-width:0!important;min-height:0!important;overflow:auto!important;background:#121216!important}.paint-topbar{position:sticky!important;top:0;z-index:5;background:rgba(10,10,12,.9)!important;backdrop-filter:blur(20px);border-bottom:1px solid var(--br-line)!important}.paint-tool-grid button,.paint-sidebar button{border-radius:13px!important}

/* ---------- scrollbars ---------- */
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24);background-clip:padding-box}

/* ---------- mobile / native iOS ---------- */
@media(max-width:1100px){.br-app-shell{grid-template-columns:76px minmax(0,1fr)}.br-context-rail{display:none}}
@media(max-width:760px){
  body{background:#050506}.br-app-shell{display:block;height:100%}.br-nav-shell{position:fixed;z-index:90;left:0;right:0;bottom:0;top:auto;height:calc(66px + var(--br-safe-bottom));padding:8px 10px var(--br-safe-bottom);border:1px solid var(--br-line-strong);border-bottom:0;border-radius:24px 24px 0 0;background:rgba(12,12,14,.88);backdrop-filter:blur(28px);display:block}.br-brand-orb,.br-nav-bottom{display:none!important}.br-nav-dock{height:58px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin:0}.br-nav-dock button{width:56px!important;height:54px!important;border-radius:17px!important;display:flex;flex-direction:column;gap:3px}.br-nav-dock button span{display:block;font-size:8px}.br-nav-dock button svg{width:19px!important;height:19px!important}.br-workspace-shell{height:100%;padding-bottom:calc(64px + var(--br-safe-bottom))}.br-commandbar{height:calc(58px + var(--br-safe-top));padding:var(--br-safe-top) 12px 0}.br-command-actions>[data-drawer],.br-command-actions>#commandSearch span{display:none}.br-search-trigger{width:42px!important;padding:0!important}.br-search-trigger kbd{display:none}.br-mobile-menu{display:none}.br-content,#content{padding:18px 14px calc(92px + var(--br-safe-bottom))}.br-chat-shell{grid-template-columns:1fr;height:100%}.br-chat-sidebar{position:absolute;inset:0 auto 0 0;width:min(88vw,330px);z-index:100;transform:translateX(-105%);transition:transform .32s cubic-bezier(.2,.9,.2,1);box-shadow:30px 0 80px rgba(0,0,0,.5)}.br-chat-shell.people-open .br-chat-sidebar{transform:none}.br-conversation{height:100%;grid-template-rows:58px auto auto minmax(0,1fr) auto auto}.br-mobile-only{display:grid}.br-conversation-header{height:58px;padding:0 8px!important;grid-template-columns:40px minmax(0,1fr) auto}.br-connection-state,.br-header-activity{display:none!important}.br-call-dock{gap:2px}.br-call-dock>button{width:36px!important;height:36px!important}.br-call-dock>#voiceCall,.br-call-dock>#chatThemeBtn{display:none}.br-message-list{padding:22px 10px 20px!important}.br-message-list>.message{max-width:92%!important;grid-template-columns:30px minmax(0,1fr)!important}.br-message-list>.message.own{grid-template-columns:minmax(0,1fr) 30px!important}.message .avatar{width:28px!important;height:28px!important}.br-composer-wrap{padding:7px 8px calc(8px + var(--br-safe-bottom))}.br-composer-row{grid-template-columns:auto minmax(0,1fr) auto!important;border-radius:22px!important;padding:6px}.br-inline-tools{display:none!important}.br-send-button,.br-composer-plus{width:38px;height:38px}.br-app-drawer{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + var(--br-safe-bottom))!important;width:auto!important;max-height:min(78svh,680px)!important;border-radius:28px!important;padding:12px 12px calc(14px + var(--br-safe-bottom))!important}.br-app-drawer::before{content:"";display:block;width:36px;height:5px;border-radius:999px;background:rgba(255,255,255,.18);margin:2px auto 10px}.br-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-app-grid>button{min-height:82px}.br-draw-hero{min-height:92px}.settings-shell,.settings-layout{display:block!important;height:auto!important}.settings-nav,.settings-sidebar{position:sticky;top:0;z-index:20;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:0!important;border-bottom:1px solid var(--br-line)!important;padding:9px!important;background:rgba(8,8,10,.9)!important;backdrop-filter:blur(20px)}.settings-content,.settings-groups{overflow:visible!important;padding:18px 12px 100px!important}#modal.ace-modal{width:100%!important;max-width:none!important;max-height:92svh!important;margin:auto 0 0!important;border-radius:28px 28px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}.modal-body{max-height:calc(92svh - 66px)!important;padding:16px!important}.paint-app,.paint-shell{grid-template-columns:1fr!important;height:82svh!important}.paint-sidebar{max-height:220px;border-right:0!important;border-bottom:1px solid var(--br-line)!important}.call-controls{max-width:calc(100vw - 14px);overflow-x:auto;justify-content:flex-start}.call-control{flex:0 0 auto}.game-catalog-v6,.games-grid{grid-template-columns:1fr 1fr!important}.docx-viewer,.document-reader{height:74svh!important}.docx-content,.docx-paper,.document-body{padding:24px 16px!important}
}
@media(max-width:430px){.game-catalog-v6,.games-grid{grid-template-columns:1fr!important}.br-call-dock>#findMessages{display:none}.page-head h1,.dashboard-head h1,.settings-hero h1,.course-hero h1{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.ace-comet-runtime,.ace-active{transform:none!important}.br-chat-beams{display:none}}
/* Aceternity Tabs source pattern adapted to the app drawer: active pill moves with spring-like timing. */
.br-tabs{position:relative;display:flex;align-items:center;gap:2px;padding:4px;margin:0 0 10px;border:1px solid var(--br-line);background:rgba(255,255,255,.025);border-radius:15px;overflow:hidden}.br-tabs>button{position:relative;z-index:2;flex:1;height:34px;border:0;background:transparent;color:var(--br-muted);border-radius:11px;font-size:11px;font-weight:650}.br-tabs>button.active{color:var(--br-text)}.br-tabs .composer-notch-indicator{position:absolute;z-index:1;left:4px;top:4px;width:calc((100% - 8px)/3);height:34px;border-radius:11px;background:#202025;transform:translateX(calc(var(--notch-index,0)*100%));transition:transform .6s cubic-bezier(.16,1,.3,1)}.composer-tool-group>header{display:none!important}.composer-tab-panels{min-height:0}.composer-featured-draw{margin-bottom:10px!important}.composer-featured-draw>span:nth-child(2){display:grid!important}.composer-featured-draw em{display:none!important}

/* ===== v9.0 visual reset: no legacy dashboard composition ===== */
.canvas-heading,.canvas-dashboard{display:none!important}
.br-home-v9{position:relative;display:grid;gap:22px;padding:clamp(16px,2.2vw,32px);max-width:1500px;margin:0 auto;min-height:100%}
.br-home-hero{position:relative;isolation:isolate;min-height:300px;border:1px solid var(--br-line);border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#0a0a0d 0%,#070709 62%,color-mix(in srgb,var(--br-accent) 8%,#070709) 100%);display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:clamp(28px,4vw,58px)}
.br-dashboard-beams{position:absolute;inset:-15%;z-index:-1;opacity:.4;pointer-events:none}.br-home-copy{max-width:740px;display:grid;gap:12px}.br-overline{font-size:10px;font-weight:850;letter-spacing:.22em;color:var(--br-muted)}.br-home-copy h1{margin:0;font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-.055em;font-weight:720}.br-home-copy p{margin:0;max-width:620px;color:var(--br-muted);font-size:15px;line-height:1.55}.br-home-hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:relative;z-index:2}
.br-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:14px}.br-bento-card{position:relative;min-width:0;text-align:left;border:1px solid var(--br-line);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));color:var(--br-text);padding:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:22px;box-shadow:none;transform-style:preserve-3d;transition:border-color .2s ease,background .2s ease}.br-bento-card:hover{border-color:var(--br-line-strong);background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02))}.br-bento-wide{grid-column:span 2}.br-bento-card>div:not(.br-course-stack){display:grid;gap:7px}.br-bento-card small{font-size:9px;font-weight:850;letter-spacing:.18em;color:var(--br-muted)}.br-bento-card strong{font-size:22px;letter-spacing:-.025em}.br-bento-card p{margin:0;color:var(--br-muted);font-size:12px;line-height:1.45;max-width:480px}.br-bento-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid var(--br-line);transform:translateZ(28px)}.br-bento-icon svg{width:19px;height:19px}.br-bento-arrow{position:absolute;right:22px;top:22px;color:var(--br-muted);transform:translateZ(34px)}.br-bento-status{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--br-accent) 12%,transparent),transparent 45%),linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012))}.br-live-orb{position:absolute;right:24px;bottom:24px;width:9px;height:9px;border-radius:50%;background:#72e0a5;box-shadow:0 0 0 6px rgba(114,224,165,.08),0 0 32px rgba(114,224,165,.35)}.br-course-stack{height:64px;position:relative;transform:translateZ(24px)}.br-course-stack span{position:absolute;left:calc(var(--i)*38px);top:0;width:58px;height:58px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:color-mix(in srgb,var(--course) 22%,#111);display:grid;place-items:center;box-shadow:0 15px 40px rgba(0,0,0,.28)}.br-course-stack svg{width:20px;height:20px}.br-home-section{display:grid;gap:12px}.br-home-section>header{display:flex;align-items:end;justify-content:space-between}.br-home-section h2{margin:2px 0 0;font-size:23px;letter-spacing:-.035em}.br-next-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.br-next-card{min-width:0;border:1px solid var(--br-line);background:#0b0b0e;color:var(--br-text);border-radius:18px;padding:14px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;transform-style:preserve-3d}.br-next-card>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--course) 18%,#111)}.br-next-card>div{min-width:0;display:grid;gap:3px}.br-next-card strong,.br-next-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-next-card strong{font-size:11px}.br-next-card small{font-size:9px;color:var(--br-muted)}.br-next-card>b{font-size:9px;color:var(--br-muted)}.br-zero-state{grid-column:1/-1;padding:24px;border:1px dashed var(--br-line-strong);border-radius:18px;color:var(--br-muted)}

/* The call stage is now treated like a true communication surface, with Aceternity beams behind media. */
.call-stage{isolation:isolate;overflow:hidden}.call-beams{position:absolute;inset:0;z-index:-1;opacity:.24;pointer-events:none}.call-stage>video,.call-stage>.remote-placeholder{z-index:0}.local-tile,.local-screen-tile,.self-camera-tools,.call-captions,.call-annotation-canvas{z-index:3}

/* New modal hierarchy, preserving Aceternity Animated Modal entrance values. */
#modal.ace-modal[open]{border:1px solid var(--br-line-strong)!important;background:#09090b!important;box-shadow:0 38px 120px rgba(0,0,0,.64)!important;animation:br-aceternity-modal .48s cubic-bezier(.16,1,.3,1) both!important}
@keyframes br-aceternity-modal{0%{opacity:0;transform:perspective(800px) translateY(40px) rotateX(40deg) scale(.5)}68%{opacity:1;transform:perspective(800px) translateY(-5px) rotateX(-1.8deg) scale(1.018)}100%{opacity:1;transform:perspective(800px) none}}
#modal::backdrop{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(10px)!important}

/* Hard reset of the old chat styling: new product, not a theme on the old boxes. */
.br-chat-shell{background:#050506!important}.br-chat-sidebar{background:#070708!important}.br-room-card{border:0!important;background:transparent!important;border-radius:16px!important}.br-room-card.active{background:rgba(255,255,255,.075)!important}.br-room-card:hover{background:rgba(255,255,255,.05)!important}.br-message-list>.message{border:0!important;background:transparent!important;box-shadow:none!important}.br-message-list>.message .message-content{min-width:0}.br-message-list>.message .message-text{display:inline-block;max-width:min(680px,78%);padding:10px 13px;border-radius:18px;background:#141417;border:1px solid rgba(255,255,255,.055);line-height:1.42}.br-message-list>.message.own .message-text{background:color-mix(in srgb,var(--chat-accent,var(--br-accent)) 22%,#111);border-color:color-mix(in srgb,var(--chat-accent,var(--br-accent)) 22%,transparent)}.br-message-list>.message.arnie-message .message-text{background:linear-gradient(135deg,rgba(115,97,255,.16),rgba(255,255,255,.035));border-color:rgba(137,122,255,.23)}.message-author{opacity:.88}.message-actions{opacity:0;transition:opacity .15s}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.br-composer-row{box-shadow:0 18px 50px rgba(0,0,0,.28)}

/* Settings stops reading like stacked browser forms. */
.settings-workspace{padding:0!important}.settings-overview{border-radius:0!important;border:0!important;border-bottom:1px solid var(--br-line)!important;background:linear-gradient(120deg,rgba(255,255,255,.03),transparent)!important;padding:26px 28px!important}.settings-commandbar{position:sticky;top:0;z-index:20;background:rgba(7,7,9,.88)!important;backdrop-filter:blur(24px);border-bottom:1px solid var(--br-line)!important;padding:10px 18px!important}.settings-tabs{display:flex!important;gap:4px!important;padding:4px!important;border:1px solid var(--br-line)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important}.settings-tabs button{border:0!important;background:transparent!important;border-radius:12px!important}.settings-tabs button.active{background:#202025!important;color:#fff!important}.settings-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:20px!important;align-content:start!important}.settings-group{border:1px solid var(--br-line)!important;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.012))!important;border-radius:24px!important;padding:20px!important;box-shadow:none!important}.setting-row{border-top:1px solid rgba(255,255,255,.055)!important;border-radius:0!important;background:transparent!important;padding:14px 0!important}.settings-group>header{padding-bottom:12px!important}.settings-group>header>span{width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.055);display:grid;place-items:center}.settings-no-results{grid-column:1/-1}

/* Official-card source effects should be visually unmistakable on pointer devices. */
@media(hover:hover) and (pointer:fine){.ace-3d,.ace-comet-runtime{will-change:transform;transition:transform .2s linear!important}.ace-comet-runtime::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:50;background:radial-gradient(circle at var(--comet-x,50%) var(--comet-y,50%),rgba(255,255,255,.9) 0%,rgba(255,255,255,.34) 13%,rgba(255,255,255,0) 55%);mix-blend-mode:overlay;opacity:.28}.ace-spotlight-runtime::before{opacity:.76!important}.br-bento-card.ace-active>*{transform:translateZ(26px)}}

@media(max-width:1180px){.br-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-next-row{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr!important}}
@media(max-width:760px){.br-home-v9{padding:12px 10px 90px;gap:14px}.br-home-hero{min-height:250px;border-radius:26px;padding:24px 18px;display:grid;align-content:end}.br-home-copy h1{font-size:42px}.br-home-hero-actions{width:100%}.br-home-hero-actions>button{flex:1}.br-bento-grid{grid-template-columns:1fr 1fr;gap:8px;grid-auto-rows:minmax(156px,auto)}.br-bento-card{padding:16px;border-radius:20px;gap:14px}.br-bento-wide{grid-column:span 2}.br-bento-card strong{font-size:17px}.br-bento-card p{font-size:10px}.br-next-row{grid-template-columns:1fr}.settings-layout{display:block!important;padding:12px!important}.settings-group{margin-bottom:10px;padding:16px!important}.settings-overview{padding:18px 14px!important}.settings-health{overflow-x:auto;flex-wrap:nowrap!important}.message-actions{opacity:1}.br-message-list>.message .message-text{max-width:88%}}

/* ===== v9 route system ===== */
.br-page-v9{max-width:1460px;margin:0 auto;padding:clamp(18px,2.4vw,34px);display:grid;gap:22px;min-height:100%}.br-page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:10px 2px 4px}.br-page-heading>div:first-child{display:grid;gap:7px}.br-page-heading h1{margin:0;font-size:clamp(34px,4.7vw,62px);line-height:1;letter-spacing:-.052em}.br-page-heading p{margin:0;color:var(--br-muted);font-size:13px;max-width:650px;line-height:1.5}.br-page-heading-action{display:flex;align-items:center;gap:8px}.br-page-section{display:grid;gap:14px}.br-page-section>header,.br-class-list>header,.br-up-next>header,.br-work-list>header,.br-notes-panel>header,.br-progress-list>header,.br-personal-tasks>header{display:flex;align-items:end;justify-content:space-between;gap:12px}.br-page-section h2,.br-class-list h2,.br-up-next h2,.br-work-list h2,.br-notes-panel h2,.br-progress-list h2,.br-personal-tasks h2{margin:3px 0 0;font-size:22px;letter-spacing:-.035em}.br-page-section>header>span{color:var(--br-muted);font-size:11px}.br-pill{border:1px solid var(--br-line);border-radius:999px;padding:5px 9px;font-size:9px;color:var(--br-muted);background:rgba(255,255,255,.025)}
.br-class-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:14px}.br-class-list,.br-up-next,.br-work-list,.br-notes-panel,.br-progress-list,.br-calendar-shell,.br-personal-tasks{position:relative;border:1px solid var(--br-line);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding:20px;overflow:hidden}.br-class-list{display:grid;gap:2px}.br-class-row{border:0;background:transparent;color:var(--br-text);border-radius:17px;min-height:68px;padding:10px 11px;display:grid;grid-template-columns:28px 42px minmax(0,1fr) 20px;gap:11px;align-items:center;text-align:left}.br-class-row:hover{background:rgba(255,255,255,.055)}.br-class-row>b{font-size:9px;color:var(--br-muted)}.br-class-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--course) 20%,#111);border:1px solid color-mix(in srgb,var(--course) 18%,var(--br-line))}.br-class-icon svg{width:18px;height:18px}.br-class-row>span:nth-child(3),.br-mini-task>div{display:grid;min-width:0;gap:3px}.br-class-row strong,.br-class-row small,.br-mini-task strong,.br-mini-task small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-class-row strong{font-size:12px}.br-class-row small{font-size:9px;color:var(--br-muted)}.br-class-row>svg{color:var(--br-muted);width:15px}.br-up-next{display:grid;align-content:start;gap:8px}.br-mini-task{border:0;background:transparent;color:var(--br-text);border-radius:15px;padding:9px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left}.br-mini-task:hover{background:rgba(255,255,255,.05)}.br-mini-task>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--course) 18%,#111)}.br-mini-task strong{font-size:10px}.br-mini-task small,.br-mini-task>b{font-size:8px;color:var(--br-muted)}
.br-course-grid-v9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.br-course-v9{position:relative;min-width:0;border:1px solid var(--br-line);border-radius:24px;background:#0a0a0c;color:var(--br-text);overflow:hidden;text-align:left;padding:0;transform-style:preserve-3d}.br-course-image{height:160px;position:relative;overflow:hidden}.br-course-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0a0a0c 0%,transparent 70%)}.br-course-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.7);transition:transform .4s ease}.br-course-v9:hover .br-course-image img{transform:scale(1.035)}.br-course-image>span{position:absolute;z-index:2;left:18px;bottom:14px;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--course) 28%,#111);display:grid;place-items:center;border:1px solid rgba(255,255,255,.14)}.br-course-v9>div:last-child{padding:17px 18px 18px;display:grid;gap:4px}.br-course-v9 small{font-size:8px;color:var(--br-muted);letter-spacing:.12em}.br-course-v9 strong{font-size:17px;letter-spacing:-.025em}.br-course-v9>div:last-child>span{font-size:10px;color:var(--br-muted)}.br-course-v9 footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px}.br-course-v9 footer>i{height:3px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.br-course-v9 footer>i>i{display:block;height:100%;background:var(--course)}.br-course-v9 footer>b{font-size:8px;color:var(--br-muted)}
.br-filter-deck{display:flex;align-items:center;justify-content:space-between;gap:10px}.br-filter-tabs{width:min(540px,100%);margin:0!important}.br-select-shell{height:42px;border:1px solid var(--br-line);border-radius:14px;padding:0 10px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.025);color:var(--br-muted)}.br-select-shell select{appearance:none;border:0;background:transparent;color:var(--br-text);min-width:150px}.br-work-list{display:grid;gap:2px}.br-assignment-row{position:relative;border:0;background:transparent;color:var(--br-text);border-radius:17px;padding:10px;min-height:66px;display:grid;grid-template-columns:42px minmax(0,1fr) 112px 90px 20px;gap:11px;align-items:center;text-align:left}.br-assignment-row:hover{background:rgba(255,255,255,.05)}.br-assignment-mark{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--course) 18%,#111);display:grid;place-items:center}.br-assignment-copy,.br-assignment-meta{display:grid;gap:3px;min-width:0}.br-assignment-copy strong,.br-assignment-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-assignment-copy strong{font-size:11px}.br-assignment-copy small,.br-assignment-meta small{font-size:8px;color:var(--br-muted)}.br-assignment-meta{justify-items:end}.br-assignment-meta b{font-size:9px}.br-assignment-status{justify-self:end;border:1px solid var(--br-line);border-radius:999px;padding:5px 8px;font-size:8px;color:var(--br-muted)}.br-assignment-status.complete{color:#87d9ab;border-color:rgba(135,217,171,.18);background:rgba(135,217,171,.06)}.br-assignment-status.progress{color:#d9c585}.br-assignment-row>svg{width:15px;color:var(--br-muted)}
.br-course-hero{position:relative;min-height:260px;border:1px solid var(--br-line);border-radius:30px;overflow:hidden;background:#09090b;padding:34px;display:flex;align-items:end}.br-course-hero-media{position:absolute;inset:0}.br-course-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.34)}.br-course-hero-media i{position:absolute;inset:0;background:linear-gradient(90deg,#08080a 4%,rgba(8,8,10,.75) 46%,transparent),linear-gradient(to top,#08080a,transparent 60%)}.br-course-hero>div:nth-child(2){position:relative;z-index:2;max-width:760px;display:grid;gap:8px}.br-course-hero h1{margin:0;font-size:clamp(38px,5vw,66px);letter-spacing:-.055em}.br-course-hero p{margin:0;color:#c0c0c8;font-size:13px}.br-course-big-icon{position:absolute;right:28px;top:28px;width:56px;height:56px;border-radius:18px;background:color-mix(in srgb,var(--course) 28%,#111);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center}.br-course-statline{display:flex!important;gap:8px!important;flex-wrap:wrap}.br-course-statline span{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.24);border-radius:999px;padding:6px 9px;font-size:9px}.br-course-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.br-notes-panel{display:grid;grid-template-rows:auto minmax(280px,1fr) auto;gap:10px}.br-notebook{width:100%;height:100%;resize:none;border:1px solid var(--br-line);border-radius:17px;background:#08080a;color:var(--br-text);padding:14px;line-height:1.5}.br-notes-panel>small{color:var(--br-muted);font-size:8px}
.br-calendar-v9{overflow:visible}.br-calendar-shell{overflow:auto}.br-calendar-shell .school-calendar-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.br-calendar-shell .school-calendar-links a{border:1px solid var(--br-line);border-radius:999px;padding:6px 9px;font-size:9px;color:var(--br-muted)}.br-calendar-shell .calendar{min-width:760px}.br-calendar-shell .day{background:#09090b!important;border-color:var(--br-line)!important}.br-calendar-shell .day.today{box-shadow:inset 0 0 0 1px var(--br-accent)}.br-personal-tasks{display:grid;gap:12px}.br-personal-tasks .personal-tasks>div{border:0!important;border-top:1px solid var(--br-line)!important;border-radius:0!important;background:transparent!important}
.br-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-stat-card{position:relative;border:1px solid var(--br-line);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));padding:22px;display:grid;gap:8px;min-height:150px;align-content:end;overflow:hidden}.br-stat-card>span{position:absolute;left:20px;top:20px;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.055);display:grid;place-items:center}.br-stat-card strong{font-size:34px;letter-spacing:-.05em}.br-stat-card strong small{font-size:14px;color:var(--br-muted)}.br-stat-card p{margin:0;font-size:10px;color:var(--br-muted)}.br-progress-list{display:grid;gap:2px}.br-progress-row{border:0;background:transparent;color:var(--br-text);border-radius:16px;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) minmax(120px,.7fr) 60px 16px;gap:10px;align-items:center;text-align:left}.br-progress-row:hover{background:rgba(255,255,255,.05)}.br-progress-row>span:nth-child(2){display:grid;gap:2px}.br-progress-row strong{font-size:11px}.br-progress-row small{font-size:8px;color:var(--br-muted)}.br-progress-row>i{height:3px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.br-progress-row>i>i{display:block;height:100%;background:var(--course)}.br-progress-row>b{font-size:9px;text-align:right}.br-progress-row>svg{width:14px;color:var(--br-muted)}
.br-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.br-resource-card{position:relative;border:1px solid var(--br-line);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:22px;min-height:210px;color:var(--br-text);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:20px;transform-style:preserve-3d}.br-resource-card>div{display:grid;gap:7px}.br-resource-card small{font-size:8px;color:var(--br-muted);letter-spacing:.08em}.br-resource-card strong{font-size:20px}.br-resource-card p{margin:0;color:var(--br-muted);font-size:10px;line-height:1.45}.br-resource-card>svg{position:absolute;right:20px;top:20px;width:15px;color:var(--br-muted)}
@media(max-width:1100px){.br-course-grid-v9,.br-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-class-layout,.br-course-columns{grid-template-columns:1fr}.br-up-next{order:-1}.br-assignment-row{grid-template-columns:42px minmax(0,1fr) 90px 20px}.br-assignment-status{display:none}}
@media(max-width:760px){.br-page-v9{padding:14px 10px 92px;gap:14px}.br-page-heading{align-items:start}.br-page-heading h1{font-size:38px}.br-page-heading p{font-size:11px}.br-page-heading-action{position:sticky;top:6px;z-index:20}.br-class-list,.br-up-next,.br-work-list,.br-notes-panel,.br-progress-list,.br-calendar-shell,.br-personal-tasks{border-radius:21px;padding:14px}.br-course-grid-v9,.br-resource-grid{grid-template-columns:1fr}.br-course-image{height:135px}.br-filter-deck{display:grid}.br-filter-tabs{width:100%}.br-select-shell{width:100%}.br-select-shell select{width:100%}.br-assignment-row{grid-template-columns:38px minmax(0,1fr) auto;padding:8px}.br-assignment-mark{width:38px;height:38px}.br-assignment-meta{display:none}.br-assignment-row>svg{display:none}.br-course-hero{min-height:300px;border-radius:24px;padding:22px 18px}.br-course-big-icon{right:16px;top:16px}.br-course-hero h1{font-size:42px}.br-stat-grid{grid-template-columns:1fr}.br-stat-card{min-height:125px}.br-progress-row{grid-template-columns:38px minmax(0,1fr) 42px 14px}.br-progress-row>i{display:none}.br-calendar-shell{padding:10px}}
.br-collision-beams{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.65}.ace-collision-beam{position:absolute;top:20px;width:1px;border-radius:999px;background:linear-gradient(to top,#6366f1,#a855f7,transparent);box-shadow:0 0 14px rgba(129,92,246,.26)}.ace-collision-explosion{position:absolute;bottom:0;width:2px;height:2px;z-index:2}.ace-collision-explosion::before{content:"";position:absolute;width:42px;height:4px;left:-21px;top:-2px;border-radius:99px;background:linear-gradient(90deg,transparent,#6366f1,transparent);filter:blur(3px);animation:ace-collision-flash 1.5s ease-out both}.ace-collision-explosion i{position:absolute;width:3px;height:3px;border-radius:50%;background:linear-gradient(#6366f1,#a855f7);animation:ace-collision-particle var(--dur) ease-out both}@keyframes ace-collision-particle{to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes ace-collision-flash{0%{opacity:0;transform:scaleX(.2)}20%{opacity:1}100%{opacity:0;transform:scaleX(1)}}