:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc;--tb-accent: #2563eb;--tb-accent-deep: #1d4ed8;--tb-violet: #7c3aed;--tb-surface: #ffffff;--tb-muted: #64748b;--tb-border: #e2e8f0;--tb-radius-sm: 10px;--tb-radius-md: 14px;--tb-radius-lg: 20px;--tb-shadow-card: 0 10px 30px -24px rgba(15, 23, 42, .22);--tb-shadow-elevated: 0 24px 64px -40px rgba(15, 23, 42, .35);--tb-gutter: clamp(1.25rem, 4vw, 3.5rem);--landing-accent: var(--tb-accent);--landing-accent-deep: var(--tb-accent-deep);--landing-violet: var(--tb-violet);--landing-surface: var(--tb-surface);--landing-muted: var(--tb-muted);--landing-border: var(--tb-border);--landing-gutter: var(--tb-gutter);--z-side-drawer: 10070;--z-confirm-dialog: 10100;--z-toast: 10200}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-height:100dvh;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}a{color:var(--tb-accent)}.layout{width:100%;max-width:100%;margin:0 auto;padding:1rem}@media(min-width:1280px){.layout{max-width:min(1440px,calc(100% - 2rem));padding:1.5rem}}@media(min-width:1440px){.layout{max-width:min(1680px,calc(100% - 2rem))}}@media(min-width:1800px){.layout{max-width:min(1800px,calc(100% - 3rem))}}.lang-switch{display:inline-flex;gap:.35rem}.lang-switch button{min-width:3rem}.app-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem 1rem;background:linear-gradient(165deg,#fff,#f8fafc);border:1px solid var(--tb-border);border-radius:var(--tb-radius-lg);padding:.55rem .75rem;margin-bottom:1rem;box-shadow:var(--tb-shadow-card)}.top-nav{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;justify-self:center}.top-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#475569;padding:.25rem 0;font-size:.95rem;font-weight:600;line-height:1.2;transition:color .16s ease,opacity .16s ease}.top-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-.45rem;height:2px;border-radius:999px;background:transparent;transition:background-color .16s ease}.top-nav-link:hover{color:#0f172a}.top-nav-link:focus-visible{outline:2px solid #3b82f6;outline-offset:4px;border-radius:6px}.top-nav-link.active{color:#0f172a}.top-nav-link.active:after{background:var(--tb-accent)}.top-nav-wordmark-link{display:inline-flex;gap:.35rem;align-items:center;text-decoration:none;color:inherit;border:none;background:transparent;padding:0;border-radius:0;line-height:0}.top-nav-wordmark{display:block;width:auto}.topbar-board-slot{display:flex;align-items:center;gap:.45rem}.topbar-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;cursor:pointer;box-shadow:none;transform:none}.topbar-icon-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:none;box-shadow:none}.topbar-icon-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.topbar-icon-btn--active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.topbar-icon-btn--live{border-color:#22c55e;color:#15803d}.topbar-icon-btn__icon{width:1.35rem;height:1.35rem}.board-group-manage-dialog__body{display:flex;flex-direction:column;gap:.75rem}.board-group-manage-dialog .confirm-dialog-actions,.board-call-manage-dialog .confirm-dialog-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.board-call-manage-dialog__body{display:flex;flex-direction:column;gap:.5rem}.board-call-manage-dialog__loading{margin:0;color:#64748b;font-size:.9rem}.topbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem;justify-self:end}.session-badge{display:inline-flex;align-items:center;gap:.45rem;box-sizing:border-box;height:2.35rem;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);padding:0 .5rem}.session-email{max-width:min(40vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:.88rem;font-weight:600;line-height:1.2}.session-logout-btn{flex-shrink:0;padding:.28rem .65rem;font-size:.82rem;line-height:1.2;box-shadow:none}.session-logout-btn:hover{transform:none;box-shadow:none}.session-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;margin-right:.05rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;cursor:pointer;overflow:visible}.session-profile-btn:hover{border-color:#94a3b8;background:#f1f5f9}.session-profile-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.session-profile-btn .avatar-wrap{width:100%;height:100%;overflow:visible}.session-profile-btn .avatar{width:100%;height:100%;border:none}.session-profile-btn .presence-dot{right:-.08rem;bottom:-.08rem;width:.5rem;height:.5rem;z-index:1}.top-nav-mobile{display:none;position:relative;justify-self:start}.top-nav-mobile-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;padding:0}.top-nav-mobile-panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:120;min-width:12.5rem;display:flex;flex-direction:column;gap:.1rem;padding:.35rem;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);box-shadow:var(--tb-shadow-card)}.top-nav-mobile-link{justify-content:flex-start;width:100%;padding:.5rem .65rem;border-radius:6px}.top-nav-mobile-link:after{display:none}.top-nav-mobile-link.active{background:#eff6ff}.top-nav-mobile-divider{border:0;border-top:1px solid var(--tb-border);margin:.2rem 0}.top-nav-mobile-logout{width:100%;justify-content:flex-start;text-align:left}@media(max-width:1100px){.top-nav-brand{display:none}}@media(max-width:800px){.app-topbar{grid-template-columns:auto 1fr auto;gap:.45rem .6rem;padding:.45rem .6rem}.top-nav--desktop{display:none}.top-nav-mobile{display:block}.topbar-actions{flex-wrap:nowrap;gap:.35rem}.session-badge{gap:0;width:2.35rem;padding:0;justify-content:center}.session-profile-btn{width:1.85rem;height:1.85rem;margin-right:0}.session-email,.session-logout-btn{display:none}}.card{background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-md);padding:1.15rem 1.25rem;margin-bottom:1rem;box-shadow:var(--tb-shadow-card)}.card h1,.card h2,.card h3{letter-spacing:-.02em}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.page,.guides-page{display:flex;flex-direction:column;gap:1rem;width:100%;min-width:0}.page>.card:last-child,.guides-page>.card:last-child,.guides-page>.guides-layout:last-child{margin-bottom:0}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.page-header--solo{margin-bottom:0}.page-title{margin:0;font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;letter-spacing:-.03em;color:#0f172a}.page-subtitle{display:block;margin-top:.25rem;font-size:.9rem;font-weight:500;color:var(--tb-muted)}.auth-page{display:flex;justify-content:center;padding:clamp(.5rem,3vw,2rem) 0 1.5rem}.auth-page .card{width:min(100%,26rem);margin-bottom:0}.auth-page .card h1{margin:0 0 1rem;font-size:1.45rem;font-weight:800}.auth-page label{margin-bottom:.15rem}.landing{display:flex;flex-direction:column;gap:clamp(2rem,5vw,3.25rem);padding-bottom:1rem}.landing-hero{position:relative;padding:clamp(1.25rem,3vw,2rem);border-radius:20px;border:1px solid var(--landing-border);background:radial-gradient(120% 80% at 0% 0%,rgba(37,99,235,.14),transparent 55%),radial-gradient(90% 70% at 100% 20%,rgba(124,58,237,.1),transparent 50%),linear-gradient(165deg,#fff,#f8fafc 48%,#f1f5f9);box-shadow:0 1px #ffffffe6 inset,0 24px 64px -40px #0f172a59;overflow:hidden}.landing-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:center}@media(min-width:900px){.landing-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem}}@media(min-width:1400px){.landing-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2.5rem}.landing-lead{max-width:38rem}}.landing-hero-copy{min-width:0}.landing-eyebrow{display:inline-flex;align-items:center;margin:0 0 .85rem;padding:.28rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--landing-accent-deep);background:#2563eb1a;border:1px solid rgba(37,99,235,.2)}.landing-title{margin:0 0 .75rem;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;color:#0f172a}.landing-lead{margin:0 0 1.25rem;max-width:34rem;font-size:clamp(1rem,2vw,1.12rem);line-height:1.6;color:var(--landing-muted)}.landing-use-cases{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;margin:0 0 1.15rem;padding:0;list-style:none}@media(min-width:640px){.landing-use-cases{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing-use-cases li{min-width:0;padding:.75rem .8rem;border:1px solid rgba(37,99,235,.16);border-radius:14px;background:#ffffffb8;box-shadow:0 10px 28px -22px #0f172a73}.landing-use-cases strong,.landing-use-cases span{display:block}.landing-use-cases strong{margin-bottom:.25rem;color:#0f172a;font-size:.92rem;line-height:1.25}.landing-use-cases span{color:#475569;font-size:.82rem;line-height:1.4}.landing-cta-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.15rem}.landing-cta-row a{text-decoration:none}.landing-cta-primary{padding:.62rem 1.15rem;font-size:.95rem}.landing-cta-primary--on-dark{background:#fff;color:var(--tb-accent-deep);box-shadow:0 8px 24px -12px #0f172a73}.landing-cta-primary--on-dark:hover{box-shadow:0 12px 28px -10px #0f172a80}.landing-cta-secondary{padding:.62rem 1.05rem;font-size:.95rem}.landing-hero-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.landing-hero-points li{position:relative;padding-left:1.15rem;font-size:.9rem;color:#334155;line-height:1.45}.landing-hero-points li:before{content:"";position:absolute;left:0;top:.55em;width:.4rem;height:.4rem;border-radius:999px;background:linear-gradient(135deg,var(--landing-accent),var(--landing-violet))}.landing-hero-visual{min-width:0}.landing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media(max-width:640px){.landing-stats{grid-template-columns:1fr}}.landing-stat{padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--landing-border);background:var(--landing-surface);text-align:center;box-shadow:0 8px 24px -20px #0f172a33}.landing-stat-value{display:block;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:var(--landing-accent-deep)}.landing-stat-label{display:block;margin-top:.2rem;font-size:.82rem;color:var(--landing-muted);line-height:1.35}.landing-section-head{max-width:36rem;margin-bottom:1.1rem}.landing-section-title{margin:0 0 .4rem;font-size:clamp(1.25rem,2.5vw,1.55rem);font-weight:800;letter-spacing:-.03em;color:#0f172a}.landing-section-sub{margin:0;font-size:.98rem;line-height:1.55;color:var(--landing-muted)}.landing-features-block,.landing-steps-block{display:flex;flex-direction:column}.landing-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}@media(min-width:1100px){.landing-features{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.landing-features{grid-template-columns:1fr}}.landing-feature{margin-bottom:0;display:flex;flex-direction:column;gap:.55rem;min-height:0;padding:1.15rem 1.1rem 1.2rem;border-radius:16px;border:1px solid var(--landing-border);background:var(--landing-surface);box-shadow:0 10px 30px -24px #0f172a40;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing-feature:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 16px 40px -24px #0f172a47}.landing-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:12px;background:linear-gradient(145deg,#2563eb1f,#7c3aed14);color:var(--landing-accent-deep)}.landing-feature-icon svg{width:1.25rem;height:1.25rem}.landing-feature h3{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}.landing-feature p{margin:0;font-size:.92rem;line-height:1.55;color:var(--landing-muted)}.landing-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;counter-reset:landing-step}@media(max-width:800px){.landing-steps{grid-template-columns:1fr}}.landing-step{position:relative;margin:0;padding:1.15rem 1.1rem 1.2rem;border-radius:16px;border:1px solid var(--landing-border);background:linear-gradient(180deg,#fff,#f8fafc);display:flex;flex-direction:column;gap:.45rem}.landing-step-num{position:absolute;top:.85rem;right:.9rem;font-size:2rem;font-weight:800;line-height:1;color:#94a3b859;letter-spacing:-.04em}.landing-step-icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:10px;background:#0f172a;color:#fff}.landing-step-icon svg{width:1.15rem;height:1.15rem}.landing-step h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a;padding-right:2rem}.landing-step p{margin:0;font-size:.9rem;line-height:1.5;color:var(--landing-muted)}.landing-cta-band{border-radius:20px;padding:clamp(1.5rem,4vw,2.25rem);background:linear-gradient(135deg,#0f172a,#1e3a5f 45%,#312e81);color:#f8fafc;box-shadow:0 20px 50px -30px #0f172aa6}.landing-cta-band-inner{max-width:32rem;display:flex;flex-direction:column;gap:.65rem}.landing-cta-band h2{margin:0;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.2}.landing-cta-band p{margin:0 0 .35rem;font-size:.98rem;line-height:1.55;color:#cbd5e1}.landing-footer{margin-top:2rem;padding:1.25rem 1rem 2rem;text-align:center}.landing-footer-llm{font-size:.875rem;color:var(--muted, #64748b);text-decoration:none}.landing-footer-llm:hover{color:var(--accent, #2563eb);text-decoration:underline}.landing-cta-band a{text-decoration:none;align-self:flex-start}.landing-hero-gallery-wrap{display:flex;flex-direction:column;gap:.65rem}.landing-hero-scroll{display:flex;flex-flow:row nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;cursor:grab;border-radius:14px;border:1px solid #cbd5e1;background:linear-gradient(180deg,#fff,#f1f5f9);box-shadow:0 12px 32px -24px #0f172a40;scrollbar-width:none}.landing-hero-scroll--dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.landing-hero-scroll--dragging .landing-hero-panel{pointer-events:none}.landing-hero-scroll:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.landing-hero-scroll::-webkit-scrollbar{display:none}.landing-hero-page{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box;display:flex;align-items:stretch;padding:.85rem .9rem 1rem;min-height:12rem}.landing-hero-panel{flex:1;min-width:0;border-radius:12px;padding:1rem 1.05rem;border:1px solid rgba(37,99,235,.28);background:linear-gradient(165deg,#fff,#f8fafc);display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px #ffffffe6 inset,0 14px 36px -18px #2563eb2e}.landing-hero-panel-title{margin:0 0 .45rem;font-size:1.18rem;font-weight:700;color:#0f172a;line-height:1.25}.landing-hero-panel-body{margin:0;color:#475569;font-size:.95rem;line-height:1.5}.landing-hero-dots{display:flex;justify-content:center;align-items:center;gap:.4rem;flex-wrap:wrap}.landing-hero-dot{width:.45rem;height:.45rem;padding:0;border-radius:999px;border:1px solid #94a3b8;background:#e2e8f0;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.landing-hero-dot:hover{border-color:#64748b;background:#cbd5e1}.landing-hero-dot--active{background:var(--landing-accent);border-color:var(--landing-accent-deep);transform:scale(1.25)}input,button,select,textarea{font:inherit}label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:600;color:#334155}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{padding:.55rem .7rem;border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);background:var(--tb-surface);color:#0f172a;transition:border-color .15s ease,box-shadow .15s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb24}button,.landing-cta-primary{cursor:pointer;padding:.55rem 1rem;font-size:.92rem;font-weight:600;border:none;border-radius:var(--tb-radius-sm);background:linear-gradient(135deg,var(--tb-accent) 0%,var(--tb-accent-deep) 100%);color:#fff;box-shadow:0 8px 22px -14px #2563ebd9;transition:transform .15s ease,box-shadow .15s ease}button:hover,.landing-cta-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px #2563ebe6}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.secondary,.landing-cta-secondary{background:var(--tb-surface);color:#0f172a;border:1px solid var(--tb-border);box-shadow:none}button.secondary:hover,.landing-cta-secondary:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 16px -12px #0f172a33}.topbar-user-cta a{text-decoration:none}.lang-switch button{padding:.4rem .55rem;min-width:2.75rem;font-size:.82rem;box-shadow:none}.lang-switch button.active{background:linear-gradient(135deg,var(--tb-accent) 0%,var(--tb-accent-deep) 100%);color:#fff}.lang-switch button.secondary{background:transparent;border:1px solid transparent}.error{color:#b91c1c;font-size:.9rem;margin:.5rem 0 0}.board-page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem}.layout:has(.board-page-layout){max-width:100%;padding:clamp(.35rem,.55vw,.625rem)}.layout:has(.board-page-layout)>.app-topbar{margin-bottom:.5rem;padding:.45rem .6rem}.board-workspace-panel{min-width:0;display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 6.25rem)}.board-workspace-panel>.card{flex:1 1 auto;min-width:0;min-height:0;margin-bottom:0;padding:.75rem .85rem;display:flex;flex-direction:column;overflow:hidden}.board-workspace-panel>.card>.board-toolbar,.board-workspace-panel>.card>.board-modes,.board-workspace-panel>.card>.board-toolbar-readonly,.board-workspace-panel>.card>.board-toolbar-viewonly-actions{flex-shrink:0}.board-workspace-panel>.error{flex-shrink:0}.board-workspace-panel:fullscreen,.board-workspace-panel:-webkit-full-screen{position:relative;width:100%;height:100%;max-height:none;min-height:0;box-sizing:border-box;padding:.75rem 1rem 1rem;background:#f1f5f9;display:flex;flex-direction:column;gap:.65rem;overflow:hidden;isolation:isolate}.board-sidebar{display:flex;flex-direction:column;gap:0}.board-sidebar-people-chat{padding:0;overflow:hidden}.board-sidebar-accordion-section{border-bottom:1px solid #e2e8f0}.board-sidebar-accordion-section:last-child{border-bottom:none}.board-sidebar-people-chat .board-sidebar-accordion-trigger{padding:.55rem .6rem}.board-sidebar-accordion-body{padding:0 .6rem .6rem;display:flex;flex-direction:column;gap:.5rem}.board-participant-search-label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:#64748b}.board-participant-search-label-text{font-weight:500}.board-participant-search-input{font-size:.9rem;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:6px;width:100%;box-sizing:border-box}.board-chat-panel{display:flex;flex-direction:column;gap:.45rem;min-height:8rem}.board-chat-status{margin:0;font-size:.75rem;min-height:1em}.board-chat-status-off{color:#b45309}.board-chat-readonly-hint{margin:0;font-size:.78rem;color:#64748b}.board-chat-log{max-height:14rem;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;padding:.4rem}.board-chat-empty{margin:0;font-size:.85rem;color:#94a3b8;padding:.35rem}.board-chat-messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.board-chat-msg{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;line-height:1.35}.board-chat-msg-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.board-chat-msg-author{font-weight:600;color:#0f172a}.board-chat-msg-time{font-size:.72rem;color:#94a3b8}.board-chat-msg-text{white-space:pre-wrap;word-break:break-word;color:#334155}.board-chat-compose{display:flex;flex-direction:column;gap:.35rem}.board-chat-label-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.board-chat-input{width:100%;box-sizing:border-box;resize:vertical;min-height:2.5rem;font-size:.85rem;padding:.4rem .5rem;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit}.board-chat-send{align-self:flex-end}.board-group-info{display:flex;flex-direction:column;gap:.6rem}.board-board-picker{display:flex;flex-direction:column;gap:.25rem}.board-board-picker-label{font-size:.8rem;color:#64748b}.board-board-picker-select{width:100%;box-sizing:border-box;padding:.45rem .5rem;font-size:.875rem;font-family:inherit;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.board-group-primary-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;align-items:stretch}.board-group-primary-actions>.board-group-new-board{flex:1 1 0;min-width:0;width:auto}.board-group-new-board{width:100%;padding:.45rem .55rem;font-size:.875rem;font-family:inherit;border-radius:6px;border:1px solid #0f172a;background:#0f172a;color:#f8fafc;cursor:pointer}.board-group-new-board:hover{background:#1e293b;border-color:#1e293b}.board-group-info-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;align-items:stretch}.board-group-info-actions>a{flex:1 1 0;min-width:0;display:flex;text-decoration:none}.board-group-info-actions>a>button,.board-group-info-actions>button{flex:1 1 0;min-width:0;width:100%;padding:.4rem .45rem;font-size:.8125rem;line-height:1.25;text-align:center}.board-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.board-member-row{display:flex;align-items:center;gap:.45rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;padding:.35rem .45rem}.presence-dot,.board-online-dot{width:.45rem;height:.45rem;border-radius:999px;box-sizing:border-box;border:1.5px solid #fff}.avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}.avatar-wrap .presence-dot{position:absolute;right:-.05rem;bottom:-.05rem}.presence-dot--online,.board-online-dot.online{background:#22c55e}.presence-dot--offline,.board-online-dot.offline{background:#cbd5e1}.presence-dot--reconnecting{background:#f59e0b}.board-member-avatar-wrap .board-online-dot{position:absolute;right:-.05rem;bottom:-.05rem}.board-member-avatar-wrap{position:relative;flex:0 0 auto;display:inline-flex}.board-member-email{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.board-member-role-icon-wrap{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#475569}.board-member-role-icon{width:1.15rem;height:1.15rem}select.board-member-role-select{font-size:.72rem;padding:.2rem .35rem;line-height:1.25;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;max-width:10rem}.board-member-remove-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#b91c1c;cursor:pointer}.board-member-remove-btn:hover:not(:disabled){border-color:#fecaca;background:#fef2f2;color:#991b1b}.board-member-remove-btn:disabled{opacity:.55;cursor:not-allowed}.board-member-remove-icon{width:1.1rem;height:1.1rem}.board-removed-block{margin-top:.85rem;padding-top:.65rem;border-top:1px dashed #cbd5e1}.board-removed-accordion-trigger{display:flex;align-items:center;gap:.4rem;width:100%;margin:0;padding:.25rem .15rem;border:none;border-radius:6px;background:transparent;cursor:pointer;text-align:left;color:#334155;font:inherit}.board-removed-accordion-trigger:hover{background:#f1f5f9}.board-removed-accordion-trigger:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.board-removed-chevron{width:1.1rem;height:1.1rem;flex-shrink:0;color:#64748b;transition:transform .15s ease}.board-removed-chevron--open{transform:rotate(180deg)}.board-removed-title-text{flex:1 1 auto;min-width:0;font-size:.95rem;font-weight:600;color:#334155}.board-removed-count{flex-shrink:0;min-width:1.35rem;padding:.08rem .4rem;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.72rem;font-weight:700;line-height:1.2;text-align:center}.board-removed-panel{padding-top:.45rem}.board-removed-hint{margin:0 0 .5rem;font-size:.78rem;color:#64748b;line-height:1.35}.board-removed-empty{margin:0;font-size:.85rem;color:#94a3b8}.board-member-row--removed{background:#f8fafc}.board-member-restore-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:#15803d;cursor:pointer}.board-member-restore-btn:hover:not(:disabled){border-color:#86efac;background:#f0fdf4;color:#166534}.board-member-restore-btn:disabled{opacity:.5;cursor:not-allowed}.board-member-restore-icon{width:1.1rem;height:1.1rem}.board-toolbar-readonly{margin:0 0 .65rem;padding:.5rem .65rem;border-radius:8px;background:#f1f5f9;color:#334155;font-size:.875rem}.board-toolbar-viewonly-actions{margin-bottom:.65rem;justify-content:flex-end}@media(min-width:1120px){.board-page-layout{grid-template-columns:minmax(0,1fr) minmax(250px,min(340px,28vw));align-items:start}}@media(min-width:1280px){.board-workspace-panel{max-height:calc(100dvh - 6.75rem)}}.board-canvas-viewport{width:100%;max-width:100%;flex:1 1 0%;min-width:0;min-height:200px;height:auto;align-self:stretch;overflow:auto;overscroll-behavior:contain;border:1px solid #cbd5e1;border-radius:8px;background:#fff;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges}canvas.board{width:100%;height:100%;max-width:none;touch-action:none;border:none;border-radius:0;background:transparent;display:block}.board-canvas-stack{display:grid;width:100%;min-width:100%;min-height:100%;background:#fff;overflow:hidden}.board-canvas-stack>canvas.board{grid-area:1 / 1;width:100%;height:100%}.board-html-layer{position:relative;grid-area:1 / 1;width:100%;height:100%;min-width:0;min-height:0;place-self:stretch;pointer-events:none;overflow:hidden;z-index:1}canvas.board.board-canvas-cursor-select{cursor:grab}canvas.board.board-canvas-cursor-select:active{cursor:grabbing}canvas.board.board-canvas-cursor-eraser{cursor:crosshair}canvas.board.board-canvas-cursor-fill{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23111827' stroke='%23fff' stroke-width='1.1' stroke-linejoin='round' d='M11 24 14.5 11l9.5 2.5-3.5 10.5H11Z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.1' stroke-linecap='round' d='M10.5 24h9'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round' d='M17 10.5c1.4-1.9 3.3-2.1 4.7-.9s1.2 3.1-.35 4.2-3.8 1.5-4.85.35'/%3E%3Cellipse cx='13.5' cy='26.5' rx='2' ry='1.2' fill='%23111827' stroke='%23fff' stroke-width='0.9'/%3E%3C/svg%3E") 8 26,cell}.board-text-box{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px;overflow:auto;border:none;border-radius:0;background:transparent;pointer-events:none}.board-text-box-inner{margin:0;max-width:100%;max-height:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;text-align:center;line-height:1.35;font-weight:inherit;font-style:inherit}.board-math-box{display:flex;align-items:center;justify-content:center;padding:8px}.board-math-box-inner{max-width:100%;max-height:100%;overflow:auto}.board-math-katex .katex{color:inherit}.board-text-math-draft--floating{position:absolute;display:flex;flex-direction:column;gap:8px;margin:0;box-sizing:border-box;padding:10px 10px 8px;z-index:5;pointer-events:auto;background:#fffffff0;border:2px dashed #2563eb;border-radius:8px;box-shadow:0 4px 20px #0f172a1a;overflow:visible}.board-text-math-draft-header{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;flex-shrink:0}.board-text-math-draft-actions{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:center;gap:6px;margin-left:auto}.board-text-math-draft-header .board-text-math-draft-title{margin:0;flex:1 1 auto;min-width:0;font-size:.8rem;font-weight:600;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-text-math-draft-header button{font-size:.8rem;padding:.3rem .5rem}.board-text-math-draft-textarea-floating{flex:0 0 auto;width:100%;min-height:64px;margin:0;padding:6px 8px;border:1px solid rgba(148,163,184,.9);border-radius:6px;background:#ffffff80;font:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:1.45;resize:vertical;box-sizing:border-box}.board-text-math-draft-textarea--latex{font-family:ui-monospace,Cascadia Code,Source Code Pro,Liberation Mono,monospace;font-size:13px;font-weight:400;font-style:normal;line-height:1.4}.board-text-math-live-preview{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;overflow-x:auto;box-sizing:border-box}.board-text-math-live-preview-empty{font-size:.72rem;color:#94a3b8;text-align:center}.board-text-math-draft-note-inline{flex-shrink:0;margin:0;font-size:.65rem;line-height:1.3;color:#64748b}.board-text-math-draft-docs-link-wrap{margin-top:-2px}.board-text-math-draft-docs-link{color:#2563eb;text-decoration:underline;text-underline-offset:2px;font-size:.68rem}.board-text-math-draft-docs-link:hover{color:#1d4ed8}.board-toolbar{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.board-toolbar-group-dropdown{margin:0;padding:0;border:0}.board-toolbar-group-dropdown>summary{display:none}@media(min-width:801px){.board-toolbar-group-dropdown:not([open])>.board-toolbar-row{display:flex}}.board-toolbar>.row.toolbar{margin-bottom:0}.board-toolbar-row{flex-wrap:wrap;align-items:center;row-gap:.35rem}.board-toolbar .toolbar-group{display:inline-flex;flex-flow:row wrap;align-items:center;gap:.45rem}.board-toolbar-row>.toolbar-group+.toolbar-group{border-left:1px solid #e2e8f0;padding-left:.5rem;margin-left:.1rem}.toolbar{margin-bottom:.5rem;gap:.5rem}.toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-width:2.4rem;padding:.4rem .55rem;font-size:1rem;line-height:1;background:#fff;color:#0f172a;border:1px solid #cbd5e1}.toolbar-icon{width:1.05rem;height:1.05rem;flex:0 0 auto}.toolbar-icon-triangle-up{transform:rotate(-90deg);transform-origin:center}.toolbar-icon-diamond{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem}.toolbar-icon-inner-diamond{width:.72rem;height:.72rem;transform:rotate(45deg)}.toolbar-icon-paint-bucket{width:1.2rem;height:1.2rem}.toolbar button.active{outline:2px solid #2563eb}.toolbar button:disabled{opacity:.45;cursor:not-allowed}.tool-hotkey{font-size:.9rem;font-weight:700;line-height:1;padding:0;border-radius:0;background:transparent;color:inherit}.board-toolbar .size-picker button+button .tool-hotkey{font-style:italic;font-weight:600}.color-picker,.size-picker{flex-direction:row;align-items:center;gap:.35rem;font-weight:500;font-size:inherit;color:inherit}.color-picker{display:inline-flex;border:1px solid #cbd5e1;border-radius:6px;padding:.25rem .45rem;background:#fff}.color-picker input[type=color]{width:2rem;height:1.6rem;min-width:2rem;min-height:1.6rem;flex-shrink:0;border:1px solid #cbd5e1;border-radius:4px;background:transparent;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.color-picker input[type=color]::-moz-color-swatch{border:none;border-radius:2px}.size-picker{display:inline-flex;gap:.4rem;border:1px solid #cbd5e1;border-radius:6px;padding:.2rem .45rem;background:#fff;flex-wrap:nowrap}.board-toolbar-row .toolbar-group{flex-wrap:nowrap}.board-toolbar .size-picker button.secondary{min-width:2rem;padding:.35rem .45rem;box-shadow:none;transform:none}.board-toolbar .size-picker button.secondary:hover{transform:none}.size-picker input{width:120px;padding:0}.size-picker span{font-size:.85rem;color:#334155;min-width:2.6rem}.board-toolbar-row--style{flex-wrap:nowrap;justify-content:space-between;gap:.35rem}.board-toolbar-row--style .color-picker,.board-toolbar-row--style .size-picker{min-height:2.2rem;box-sizing:border-box}.board-toolbar-row--style .size-picker input[type=range]{height:1.45rem;margin:0;align-self:center}.board-toolbar-row--style .size-picker span{min-height:1.45rem;min-width:0;display:inline-flex;align-items:center}.board-toolbar-row--style .size-picker button{height:1.45rem;min-height:1.45rem;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;justify-content:center}.board-toolbar-row--style .size-picker button.secondary{min-width:1.85rem;padding-left:.4rem;padding-right:.4rem}.board-toolbar-row--style .toolbar-group:nth-child(3) .size-picker{padding-top:.2rem;padding-bottom:.2rem}.board-toolbar-row-main{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;row-gap:.35rem}.board-toolbar-row-main>.toolbar-group+.toolbar-group{border-left:1px solid #e2e8f0;padding-left:.5rem;margin-left:.1rem}.board-toolbar-hint-group{flex-shrink:0;margin-left:auto}.board-toolbar-row--style>.toolbar-group+.toolbar-group{border-left:none;padding-left:0;margin-left:0}.board-toolbar-hint-btn{min-width:2.15rem;padding:.32rem .45rem;box-shadow:none;transform:none}.board-toolbar-hint-btn:hover{transform:none}.board-help-drawer{display:flex;flex-direction:column;min-height:100%}.board-help-drawer__tabs{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;gap:.35rem;padding:.65rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.board-help-drawer__tab{flex:1 1 auto;min-width:0;padding:.45rem .65rem;font-size:.82rem;line-height:1.25;border:1px solid transparent;border-radius:6px;background:transparent;color:#334155;cursor:pointer;box-shadow:none;transform:none}.board-help-drawer__tab:hover{background:#e2e8f0;transform:none;box-shadow:none}.board-help-drawer__tab--active{background:#fff;border-color:#cbd5e1;color:#0f172a;font-weight:600}.board-help-drawer__panel{padding:1rem}.board-help-drawer__panel[hidden]{display:none}.board-help-drawer__panel>.latex-help-markdown{padding:0}.board-toolbar-hint-content{display:flex;flex-direction:column;gap:1.35rem}.board-toolbar-hint-section-title{margin:0 0 .55rem;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#0f172a}.board-toolbar-hint-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.board-toolbar-hint-item{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr;gap:.5rem .85rem;align-items:start}.board-toolbar-hint-item--note{grid-template-columns:1fr}.board-toolbar-hint-keys{display:flex;flex-wrap:wrap;gap:.3rem}.board-toolbar-hint-keys kbd{display:inline-block;font-size:.78rem;font-weight:600;line-height:1.25;padding:.18rem .42rem;border-radius:6px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-family:inherit;white-space:nowrap}.board-toolbar-hint-desc{margin:0;font-size:.9rem;line-height:1.5;color:#475569}@media(max-width:900px){.layout:has(.board-page-layout){padding:.5rem}.board-page-layout{gap:.65rem}.board-workspace-panel{max-height:none;min-height:calc(100dvh - 5.25rem)}.board-workspace-panel>.card{min-height:calc(100dvh - 5.75rem);padding:.65rem .7rem}.board-toolbar{gap:.3rem;margin-bottom:.35rem;flex-shrink:0}.board-toolbar-row:not(.board-toolbar-row--style){flex-wrap:nowrap;align-items:stretch;gap:.3rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.1rem}.board-toolbar-row:not(.board-toolbar-row--style)>.toolbar-group+.toolbar-group{border-left:none;padding-left:0;margin-left:0}.board-toolbar-row--style{overflow:hidden;padding-bottom:.1rem}.board-toolbar-row-main{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.board-toolbar-row-main>.toolbar-group+.toolbar-group{border-left:none;padding-left:0;margin-left:0}.board-toolbar .toolbar-group{flex-wrap:nowrap;flex-shrink:0;gap:.3rem}.board-toolbar-row .toolbar-group{flex-wrap:nowrap}.toolbar button{min-width:2.15rem;padding:.32rem .38rem;border-radius:8px;box-shadow:none;transform:none}.board-toolbar .toolbar button:hover,.board-toolbar .toolbar button:active{transform:none;box-shadow:none}.board-toolbar .toolbar button.active{outline:none;border-color:var(--tb-accent);background:#eff6ff;box-shadow:inset 0 0 0 1px var(--tb-accent)}.board-toolbar .toolbar button.active:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--tb-accent),0 0 0 2px #2563eb38}.board-toolbar .size-picker button.secondary.active{outline:none;border-color:var(--tb-accent);background:#eff6ff;box-shadow:inset 0 0 0 1px var(--tb-accent)}.board-toolbar .toolbar-group>button .tool-hotkey{display:none}.color-picker input[type=color]{width:2.1rem;height:1.85rem;min-width:2.1rem;min-height:1.85rem}.size-picker{flex-shrink:0}.size-picker input{width:4.5rem;min-width:3.5rem}.size-picker span{min-width:2.2rem;font-size:.78rem}.board-canvas-viewport{flex:1 1 auto;min-height:min(58dvh,calc(100dvh - 11rem));overscroll-behavior-y:auto}.board-canvas-viewport canvas.board{touch-action:pan-x pan-y}}@media(max-width:800px){.board-toolbar{position:relative;z-index:6;flex-direction:row;align-items:center;gap:.4rem;margin-bottom:.4rem}.board-toolbar-group-dropdown{position:relative;border:0;border-radius:0;background:transparent;overflow:visible}.board-toolbar-group-dropdown>summary.board-toolbar-group-summary{display:flex;align-items:center;justify-content:center;gap:0;width:2.35rem;height:2.35rem;padding:0;border-radius:8px;border:1px solid #cbd5e1;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a0d}.board-toolbar-group-dropdown[open]>summary.board-toolbar-group-summary{border-color:var(--tb-accent);background:#eff6ff;box-shadow:inset 0 0 0 1px var(--tb-accent),0 0 0 2px #2563eb2e}.board-toolbar-group-dropdown>summary.board-toolbar-group-summary::-webkit-details-marker{display:none}.board-toolbar-group-summary-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.board-toolbar-group-dropdown:not([open])>.board-toolbar-row{display:none}.board-toolbar-group-dropdown>.board-toolbar-row{position:absolute;top:calc(100% + .35rem);left:0;transform:none;z-index:7;margin:0;padding:.55rem;border:1px solid #dbe3ef;border-radius:10px;background:#f8fafc;box-shadow:0 12px 24px #0f172a29;overflow:visible;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:min(18rem,calc(100vw - 1rem));max-width:calc(100vw - 1rem);max-height:none}.board-toolbar-group-dropdown>.board-toolbar-row .toolbar-group{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;min-width:0;gap:.3rem}.board-toolbar-group-dropdown>.board-toolbar-row .board-toolbar-row-main{overflow:visible;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:stretch;row-gap:.35rem}.board-toolbar-group-dropdown>.board-toolbar-row.board-toolbar-row--style{justify-content:flex-start}.board-toolbar-group-dropdown>.board-toolbar-row.board-toolbar-row--style .board-toolbar-hint-group{margin-left:0}.board-toolbar-group-dropdown>.board-toolbar-row .toolbar-group button{width:100%;min-width:0;justify-content:flex-start}.board-toolbar-group-dropdown>.board-toolbar-row .size-picker,.board-toolbar-group-dropdown>.board-toolbar-row .color-picker{width:100%;justify-content:flex-start}.board-toolbar-group-dropdown--edit>.board-toolbar-row,.board-toolbar-group-dropdown--style>.board-toolbar-row{left:0;right:auto}.board-toolbar-group-dropdown--draw>.board-toolbar-row,.board-toolbar-group-dropdown--edit>.board-toolbar-row{width:auto;min-width:0;padding:.45rem}.board-toolbar-group-dropdown--draw>.board-toolbar-row .toolbar-group,.board-toolbar-group-dropdown--edit>.board-toolbar-row .toolbar-group{align-items:center}.board-toolbar-group-dropdown--draw>.board-toolbar-row .toolbar-group button,.board-toolbar-group-dropdown--edit>.board-toolbar-row .toolbar-group button{width:2.1rem;min-width:2.1rem;padding:.32rem;justify-content:center}.board-toolbar-group-dropdown--style>.board-toolbar-row{width:max-content;min-width:0;padding:.45rem;max-width:calc(100vw - 1rem)}.board-toolbar-group-dropdown--style>.board-toolbar-row.board-toolbar-row--style{display:grid;grid-template-columns:max-content max-content;align-items:start;column-gap:.35rem;row-gap:.3rem;width:max-content}.board-toolbar-group-dropdown--style>.board-toolbar-row .board-toolbar-row-main{grid-column:1;grid-row:1 / span 3;display:grid;grid-template-columns:max-content max-content;column-gap:.3rem;row-gap:.3rem;overflow:visible;align-items:start;width:max-content}.board-toolbar-group-dropdown--style>.board-toolbar-row .board-toolbar-row-main>.toolbar-group{width:auto;min-width:max-content;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.3rem}.board-toolbar-group-dropdown--style>.board-toolbar-row .board-toolbar-row-main>.toolbar-group:nth-child(1){grid-column:1 / 3;grid-row:1}.board-toolbar-group-dropdown--style>.board-toolbar-row .board-toolbar-row-main>.toolbar-group:nth-child(2){grid-column:1 / 3;grid-row:2}.board-toolbar-group-dropdown--style>.board-toolbar-row .board-toolbar-row-main>.toolbar-group:nth-child(3){grid-column:1;grid-row:3}.board-toolbar-group-dropdown--style>.board-toolbar-row>.toolbar-group.board-toolbar-hint-group{grid-column:2;grid-row:3;display:inline-flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.3rem;align-self:center;justify-self:end;margin-left:0}.board-toolbar-group-dropdown--style>.board-toolbar-row .size-picker,.board-toolbar-group-dropdown--style>.board-toolbar-row .color-picker{width:auto;min-width:0;height:2.1rem;padding:.2rem .4rem;box-sizing:border-box;align-items:center}.board-toolbar-group-dropdown--style>.board-toolbar-row .size-picker{min-height:2.1rem;box-sizing:border-box}.board-toolbar-group-dropdown--style>.board-toolbar-row .color-picker input[type=color]{width:1.85rem;height:1.45rem;min-width:1.85rem;min-height:1.45rem}.board-toolbar-group-dropdown--style>.board-toolbar-row .size-picker input[type=range]{margin:0;height:1.45rem;align-self:center}.board-toolbar-group-dropdown--style>.board-toolbar-row .size-picker span{min-height:1.45rem;display:inline-flex;align-items:center;line-height:1}.board-toolbar-group-dropdown--style>.board-toolbar-row .toolbar-group button{width:auto;min-width:2.1rem;padding:.32rem;justify-content:center}.board-toolbar-group-dropdown--style>.board-toolbar-row>.toolbar-group.board-toolbar-hint-group button{width:2.1rem;min-width:2.1rem}}.board-modes{display:flex;gap:.4rem;margin:0 0 .45rem}.mode-pill{font-size:.7rem;border-radius:999px;padding:.18rem .5rem;border:1px solid #cbd5e1}.mode-pill.on{color:#166534;background:#dcfce7;border-color:#86efac}.mode-pill.off{color:#64748b;background:#f8fafc}@keyframes toast-timer-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.confirm-dialog-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-confirm-dialog);display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.confirm-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:#0f172a6b;cursor:pointer}.confirm-dialog-panel{position:relative;z-index:1;margin:auto;box-sizing:border-box;width:min(28rem,100%);background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-md);box-shadow:var(--tb-shadow-elevated);padding:1.25rem 1.35rem}.confirm-dialog-title{margin:0 0 .65rem;font-size:1.06rem;font-weight:600;color:#0f172a;line-height:1.35}.confirm-dialog-message{margin:0 0 1.25rem;font-size:.95rem;line-height:1.55;color:#475569}.confirm-dialog-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end;align-items:center}button.confirm-dialog-confirm-danger{background:#b91c1c;color:#fff}button.confirm-dialog-confirm-danger:hover{background:#991b1b}.avatar{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex:0 0 auto;overflow:hidden;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none;border:1px solid #cbd5e1}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar--sm{width:1.4rem;height:1.4rem;font-size:.66rem}.avatar--lg{width:5rem;height:5rem;font-size:1.5rem;border-width:2px}.profile-dialog-panel{width:min(32rem,100%)}.profile-dialog-form{display:flex;flex-direction:column;gap:.9rem;margin:0 0 1.1rem}.profile-dialog-avatar-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.profile-dialog-avatar-actions{display:flex;flex-direction:column;gap:.4rem;min-width:0}.profile-dialog-avatar-buttons{display:inline-flex;flex-wrap:wrap;gap:.4rem}.profile-dialog-avatar-buttons button{font-size:.85rem;padding:.35rem .6rem}.profile-dialog-avatar-hint{margin:0;font-size:.75rem;color:#64748b;line-height:1.35}.profile-dialog-field{display:flex;flex-direction:column;gap:.3rem}.profile-dialog-field-label{font-size:.85rem;font-weight:600;color:#334155}.profile-dialog-field input{width:100%;padding:.45rem .55rem;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box}.profile-dialog-field input:disabled{background:#f1f5f9;color:#64748b}.profile-dialog-field-hint{margin:0;font-size:.75rem;color:#64748b;line-height:1.35}.board-chat-msg-line{display:flex;gap:.45rem;align-items:flex-start}.board-chat-msg-body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}.my-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.85rem;margin:0}a.my-groups-card{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1.05rem;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-md);text-decoration:none;color:inherit;box-shadow:var(--tb-shadow-card);transition:border-color .15s ease,box-shadow .2s ease,transform .2s ease;min-height:0}a.my-groups-card:hover{border-color:#cbd5e1;box-shadow:0 16px 40px -24px #0f172a47;transform:translateY(-2px)}a.my-groups-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.my-groups-card-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;line-height:1.25}.my-groups-card-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.my-groups-chip{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .45rem;border-radius:6px;line-height:1.2}.my-groups-chip--open{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.my-groups-chip--closed{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.my-groups-chip--role{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.my-groups-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem;margin:0;padding:.55rem 0 0;border-top:1px solid var(--tb-border);font-size:.88rem}.my-groups-stat{display:flex;flex-direction:column;gap:.1rem;min-width:0}.my-groups-stat-label{margin:0;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.my-groups-stat-value{margin:0;font-weight:700;font-variant-numeric:tabular-nums;color:#0f172a;font-size:1.05rem}.group-board-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.85rem;margin:.85rem 0 0}a.group-board-card{display:flex;flex-direction:column;border-radius:var(--tb-radius-md);border:1px solid var(--tb-border);background:var(--tb-surface);text-decoration:none;color:inherit;overflow:hidden;box-shadow:var(--tb-shadow-card);transition:border-color .15s ease,box-shadow .2s ease,transform .2s ease}a.group-board-card:hover{border-color:#cbd5e1;box-shadow:0 16px 40px -24px #0f172a47;transform:translateY(-2px)}a.group-board-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.group-board-card-thumb{position:relative;aspect-ratio:16 / 9;width:100%;background:#e2e8f0;border-bottom:1px solid #e2e8f0}.group-board-card-canvas{display:block;width:100%;height:100%;object-fit:contain}.group-board-card-thumb-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#f1f5f9,#e2e8f0,#f8fafc 90%);background-size:200% 100%;animation:group-board-shimmer 1.1s ease-in-out infinite}@keyframes group-board-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.group-board-card-thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.group-board-card-thumb-fallback--empty{background:#f1f5f9}.group-board-card-thumb-fallback--error{background:#fef2f2;opacity:.85}.group-board-card-body{padding:.65rem .85rem .75rem;display:flex;flex-direction:column;gap:.2rem;min-width:0}.group-board-card-title{margin:0;font-size:.98rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-board-card-meta{margin:0;font-size:.78rem;color:#64748b}.home-create-group-fields{margin:0 0 1.1rem}.home-create-group-label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;color:#334155}.home-create-group-label input{font:inherit;padding:.45rem .55rem;border:1px solid #cbd5e1;border-radius:6px;width:100%;box-sizing:border-box}.home-create-group-fieldset{margin:1rem 0 0;padding:0;border:none;min-width:0}.home-create-group-legend{padding:0;margin:0 0 .5rem;font-size:.9rem;font-weight:500;color:#334155}.home-create-group-radio{display:flex;gap:.55rem;align-items:flex-start;margin-top:.55rem;cursor:pointer;font-size:.92rem;line-height:1.45;color:#475569}.home-create-group-radio:first-of-type{margin-top:.15rem}.home-create-group-radio input{margin-top:.2rem;flex-shrink:0}.home-create-group-radio>span{display:flex;flex-direction:column;gap:.15rem}.home-create-group-radio-title{font-weight:500;color:#0f172a}.home-create-group-radio-hint{font-size:.85rem;color:#64748b;line-height:1.4}.toast-stack{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.55rem;z-index:var(--z-toast);pointer-events:none}.toast{pointer-events:auto;width:min(380px,calc(100vw - 2rem));display:flex;flex-direction:column;padding:0;overflow:hidden;background:#0f172a;color:#fff;border-radius:10px;font-size:.95rem;line-height:1.35;box-shadow:0 4px 6px #0f172a1f,0 18px 40px #0f172a59;border:1px solid rgba(255,255,255,.12);white-space:normal;overflow-wrap:anywhere}.toast-inner{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .65rem .7rem .9rem}.toast-message{flex:1;margin:0;min-width:0}.toast-close{flex-shrink:0;margin:-.15rem -.1rem 0 0;width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:#ffffff1a;color:inherit;font-size:1.35rem;line-height:1;cursor:pointer;transition:background .15s ease}.toast-close:hover{background:#fff3}.toast-close:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.toast-timer-track{height:3px;background:#00000040;margin-top:auto}.toast-timer-bar{height:100%;width:100%;transform-origin:left center;background:#ffffff8c;animation-name:toast-timer-shrink;animation-timing-function:linear;animation-fill-mode:forwards}.toast-info{background:linear-gradient(160deg,#1e3a5f,#0f172a);border-color:#60a5fa59}.toast-info .toast-timer-bar{background:#93c5fdbf}.toast-success{background:linear-gradient(160deg,#166534,#14532d);border-color:#86efac73}.toast-success .toast-timer-bar{background:#bbf7d0d9}.toast-error{background:linear-gradient(160deg,#b91c1c,#7f1d1d);border-color:#fca5a573}.toast-error .toast-timer-bar{background:#fecacad9}.toast-warning{background:linear-gradient(160deg,#b45309,#78350f);border-color:#fde04766;color:#fffbeb}.toast-warning .toast-timer-bar{background:#fef3c7e6}.board-text-math-help-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.2rem;margin:0;border-radius:6px;color:#475569;cursor:pointer;line-height:0;-webkit-user-select:none;user-select:none}.board-text-math-help-icon:hover{color:#0f172a;background:#94a3b840}.board-text-math-help-icon:focus{outline:none}.board-text-math-help-icon:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.guides-intro{margin-bottom:0;border-radius:var(--tb-radius-lg);background:linear-gradient(165deg,#fff,#f8fafc 48%,#f1f5f9)}.guides-title{margin:0 0 .35rem;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:800;letter-spacing:-.03em;color:#0f172a}.guides-lead{margin:0;max-width:68ch;color:var(--tb-muted);line-height:1.55}.guides-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:1rem;align-items:start}.guides-sidebar{position:sticky;top:1rem}.guides-sidebar-title{margin:0 0 .85rem;font-size:1rem;color:#0f172a}.guides-sidebar-nav{display:flex;flex-direction:column;gap:.6rem}.guides-sidebar-link{display:flex;flex-direction:column;gap:.25rem;padding:.8rem .9rem;text-decoration:none;color:inherit;border:1px solid var(--tb-border);border-radius:var(--tb-radius-md);background:var(--tb-surface);box-shadow:0 6px 18px -16px #0f172a33;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.guides-sidebar-link:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px)}.guides-sidebar-link:focus-visible{outline:2px solid var(--tb-accent);outline-offset:3px}.guides-sidebar-link.active{border-color:#2563eb59;background:linear-gradient(165deg,#eff6ff,#f8fafc);box-shadow:inset 0 0 0 1px #2563eb33}.guides-sidebar-link-title{font-weight:600;color:#0f172a}.guides-sidebar-link-summary{font-size:.88rem;line-height:1.45;color:#475569}.guides-article{min-width:0}.guides-article-header{margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--tb-border)}.guides-article-eyebrow{margin:0 0 .35rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.guides-article-title{margin:0 0 .35rem;color:#0f172a}.guides-article-summary{margin:0;color:#475569}.guides-article-markdown{font-size:.92rem}@media(max-width:860px){.guides-layout{grid-template-columns:1fr}.guides-sidebar{position:static}}.latex-help-markdown{font-size:.875rem;line-height:1.55;color:#1e293b}.latex-help-markdown h1{margin:0 0 .65rem;font-size:1.1rem;font-weight:700;color:#0f172a}.latex-help-markdown h2{margin:1.15rem 0 .45rem;font-size:.95rem;font-weight:600;color:#0f172a}.latex-help-markdown h1:first-child,.latex-help-markdown h2:first-child{margin-top:0}.latex-help-markdown p{margin:0 0 .55rem}.latex-help-markdown ul{margin:0 0 .55rem;padding-left:1.25rem}.latex-help-markdown li{margin:.2rem 0}.latex-help-markdown a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.latex-help-markdown a:hover{color:#1d4ed8}.latex-help-markdown code{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.84em;padding:.1em .35em;border-radius:4px;background:#f1f5f9;color:#0f172a}.latex-help-markdown pre{margin:.5rem 0 .75rem;padding:.55rem .65rem;border-radius:6px;background:#0f172a;color:#e2e8f0;overflow-x:auto;font-size:.8rem;line-height:1.45}.latex-help-markdown pre code{padding:0;background:transparent;color:inherit;font-size:inherit}.latex-help-markdown table{width:100%;border-collapse:collapse;margin:.5rem 0 .75rem;font-size:.8rem}.latex-help-markdown th,.latex-help-markdown td{border:1px solid #e2e8f0;padding:.35rem .45rem;text-align:left;vertical-align:top}.latex-help-markdown th{background:#f8fafc;font-weight:600}.latex-help-markdown hr{border:none;border-top:1px solid #e2e8f0;margin:.85rem 0}.latex-help-markdown blockquote{margin:.5rem 0;padding:.35rem 0 .35rem .75rem;border-left:3px solid #94a3b8;color:#475569}.side-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-side-drawer);overflow:hidden}.side-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73}.side-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(560px,100vw);max-width:100%;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:-8px 0 28px #0f172a2e;box-sizing:border-box}.side-drawer__panel--wide{width:min(720px,100vw)}.side-drawer__header{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding:.65rem .75rem .65rem 1rem;border-bottom:1px solid #e2e8f0}.side-drawer__title{margin:0;flex:1 1 auto;min-width:0;font-size:1rem;font-weight:600;color:#0f172a}.side-drawer__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border:none;border-radius:8px;background:transparent;color:#475569;cursor:pointer;box-shadow:none;transform:none}.side-drawer__close:hover{background:#94a3b833;color:#0f172a;transform:none;box-shadow:none}.side-drawer__close-icon{width:1.25rem;height:1.25rem}.side-drawer__body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem;display:flex;flex-direction:column;gap:1rem}.side-drawer__body--flush{padding:0;gap:0}.side-drawer__split{display:flex;flex-direction:row;align-items:flex-start}.side-drawer__nav{flex:0 0 auto;width:min(200px,34vw);padding:.85rem .5rem;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.35rem;background:#f8fafc}.side-drawer__nav-btn{text-align:left;padding:.45rem .5rem;font-size:.78rem;line-height:1.25;border:1px solid transparent;border-radius:6px;background:transparent;color:#334155;cursor:pointer;box-shadow:none;transform:none}.side-drawer__nav-btn:hover{background:#e2e8f0;transform:none;box-shadow:none}.side-drawer__nav-btn--active{background:#fff;border-color:#cbd5e1;color:#0f172a;font-weight:600}.side-drawer__split>.latex-help-markdown{flex:1 1 auto;min-width:0;padding:.85rem 1rem 1rem}@media(max-width:520px){.side-drawer__split{flex-direction:column}.side-drawer__nav{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #e2e8f0}.side-drawer__nav-btn{flex:1 1 auto;min-width:0;text-align:center}}.side-drawer__footer{flex-shrink:0;border-top:1px solid #e2e8f0;padding:.75rem 1rem}.side-drawer__actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.assignment-field{display:flex;flex-direction:column;gap:.35rem}.assignment-field-label{font-size:.85rem;font-weight:600;color:#334155}.assignment-textarea{width:100%;min-height:6rem;resize:vertical;box-sizing:border-box}.assignment-content-editor,.assignment-content-view{display:flex;flex-direction:column;gap:1rem}.assignment-content-text{margin:0;white-space:pre-wrap;color:#0f172a}.assignment-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.assignment-image-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}.assignment-image-preview{display:block;width:100%;height:auto;max-height:180px;object-fit:cover}.assignment-image-remove{position:absolute;top:.25rem;right:.25rem;display:inline-flex;padding:.2rem;border:none;border-radius:6px;background:#0f172aa6;color:#fff;cursor:pointer}.assignment-image-remove svg{width:1rem;height:1rem}.assignment-file-input{display:none}.assignment-add-image-btn{align-self:flex-start}.assignment-link-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.25rem}.assignment-link-item{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.assignment-link-form{display:flex;flex-direction:column;gap:.35rem}.assignment-link-input{width:100%;box-sizing:border-box}.assignment-link-remove{border:none;background:transparent;color:#64748b;cursor:pointer;font-size:.85rem;padding:0}.assignment-checkbox-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-weight:500;color:#0f172a}.assignment-assignee-panel{border:1px solid var(--tb-border, #e2e8f0);border-radius:var(--tb-radius-sm, 8px);background:var(--tb-surface, #fff);overflow:hidden}.assignment-assignee-option{display:flex;flex-direction:row;align-items:center;gap:.6rem;margin:0;padding:.65rem .75rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#0f172a;transition:background .12s ease}.assignment-assignee-option:hover{background:#f8fafc}.assignment-assignee-option--all{border-bottom:1px solid #e2e8f0;background:#f8fafc}.assignment-assignee-option--all:hover{background:#f1f5f9}.assignment-assignee-option-text{line-height:1.35}.assignment-assignee-checkbox{flex:0 0 auto;width:1rem;height:1rem;margin:0;accent-color:#2563eb;cursor:pointer}.assignment-assignee-empty{margin:0;padding:.75rem;font-size:.88rem;color:#64748b}.assignment-assignee-count{margin:0;padding:.45rem .75rem;border-top:1px solid #e2e8f0;font-size:.8rem;color:#64748b;background:#f8fafc}.assignment-member-picker{list-style:none;margin:0;padding:.25rem 0;display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.assignment-member-picker-row{display:flex;flex-direction:row;align-items:center;gap:.55rem;margin:0;padding:.45rem .75rem;cursor:pointer;font-size:inherit;font-weight:400;color:#0f172a;transition:background .12s ease}.assignment-member-picker-row:hover{background:#f1f5f9}.assignment-member-picker-row--selected{background:#eff6ff}.assignment-member-picker-row--selected:hover{background:#dbeafe}.assignment-member-picker-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;color:#0f172a}.assignment-section{display:flex;flex-direction:column;gap:.5rem}.assignment-section-title{margin:0;font-size:.9rem;font-weight:600;color:#334155}.assignment-revision-note{margin:0;padding:.65rem .75rem;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:.9rem}.assignment-empty-hint{margin:0;color:#64748b;font-size:.9rem}.assignment-review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.assignment-review-list-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font:inherit;font-weight:inherit;cursor:pointer;text-align:left;box-shadow:none;transform:none}.assignment-review-list-item:hover{background:#f8fafc;transform:none;box-shadow:none}.assignment-review-list-item--active{border-color:#2563eb;background:#eff6ff}.assignment-review-list-item--active:hover{background:#eff6ff}.assignment-review-list-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-status{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap;line-height:1.3}.assignment-status--pending{background:#f1f5f9;color:#475569}.assignment-status--submitted{background:#dbeafe;color:#1d4ed8}.assignment-status--accepted{background:#dcfce7;color:#15803d}.assignment-status--revision{background:#ffedd5;color:#c2410c}.assignment-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.65rem}.assignment-list-item{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.assignment-list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem}.assignment-list-accordion-trigger{display:flex;align-items:flex-start;gap:.5rem;flex:1 1 auto;min-width:0;margin:0;padding:.2rem .35rem .2rem 0;border:none;border-radius:8px;background:transparent;box-shadow:none;text-align:left;cursor:pointer;font:inherit;font-weight:inherit;color:inherit;transform:none}.assignment-list-accordion-trigger:hover{background:#f8fafc;box-shadow:none;transform:none}.assignment-list-accordion-trigger:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:none}.assignment-list-chevron{width:1.15rem;height:1.15rem;flex-shrink:0;margin-top:.12rem;color:#64748b;transition:transform .2s ease}.assignment-list-chevron--open{transform:rotate(180deg)}.assignment-list-summary{flex:1 1 auto;min-width:0}.assignment-list-title{display:block;font-weight:600;color:#0f172a}.assignment-list-meta{display:block;margin-top:.35rem;font-size:.82rem;line-height:1.45;color:#64748b}.assignment-list-actions{display:flex;gap:.35rem;flex-shrink:0;flex-wrap:wrap}.assignment-list-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.assignment-list-collapse--open{grid-template-rows:1fr}.assignment-list-collapse-panel{overflow:hidden;min-height:0}.assignment-list-body{padding:0 1.15rem;border-top:1px solid transparent;transition:padding .22s ease,border-color .22s ease}.assignment-list-collapse--open .assignment-list-body{padding:.85rem 1.15rem 1.1rem;border-top-color:#e2e8f0}@media(prefers-reduced-motion:reduce){.assignment-list-collapse,.assignment-list-chevron,.assignment-list-body{transition:none}}.assignment-due{margin:0;font-size:.85rem;color:#475569}.assignment-due--overdue{color:#b91c1c;font-weight:600}.assignment-section-badge,.top-nav-badge,.assignment-action-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;margin-left:.35rem;padding:0 .35rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.72rem;font-weight:700;line-height:1;vertical-align:middle}.top-nav-badge{margin-left:.4rem}.assignment-action-badge{margin-left:.35rem;background:#fff;color:#1d4ed8;border:1px solid #bfdbfe}.assignment-list-item--highlight{border-color:#93c5fd;box-shadow:0 0 0 1px #2563eb14}.assignment-unread-dot{display:inline-block;width:.45rem;height:.45rem;margin-right:.35rem;border-radius:999px;background:#dc2626;vertical-align:middle;flex-shrink:0}.board-assignment-attention-dot{display:inline-block;width:.5rem;height:.5rem;margin-left:.4rem;border-radius:999px;background:#dc2626;vertical-align:middle;flex-shrink:0}.board-sidebar-accordion-title{display:inline-flex;align-items:center}.board-assignments-section{display:flex;flex-direction:column;gap:.5rem}.board-assignments-toolbar{display:flex;justify-content:flex-end}.board-assignments-new{font-size:.85rem;padding:.35rem .65rem}.board-assignments-status{margin:0;color:#64748b;font-size:.9rem}.assignment-list--sidebar{margin:0;padding:0}.assignment-list--sidebar .assignment-list-item{font-size:.9rem}.assignment-list--sidebar .assignment-list-header{flex-wrap:wrap;gap:.35rem}.assignment-list--sidebar .assignment-list-actions{flex-basis:100%;justify-content:flex-start}.side-drawer__actions--split{justify-content:space-between;align-items:center}.assignment-delete-btn{color:#b91c1c}.notifications-bell-badge{position:absolute;top:-.2rem;right:-.2rem;min-width:1.05rem;height:1.05rem;padding:0 .25rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.62rem;font-weight:700;line-height:1.05rem;text-align:center;box-shadow:0 0 0 2px #fff}.notifications-empty{margin:0;color:#64748b}.notifications-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.notifications-feed-item{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .7rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.notifications-feed-item-main{flex:1 1 auto;min-width:0}.notifications-feed-kind{display:inline-block;margin-bottom:.25rem;padding:.12rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600}.notifications-feed-kind--new{background:#dbeafe;color:#1d4ed8}.notifications-feed-kind--revision{background:#ffedd5;color:#c2410c}.notifications-feed-kind--due_soon{background:#fef3c7;color:#b45309}.notifications-feed-kind--review_needed{background:#ede9fe;color:#6d28d9}.notifications-feed-title{display:block;padding:0;border:none;background:none;font:inherit;text-align:left;cursor:pointer;font-weight:600;color:#0f172a;text-decoration:none}.notifications-feed-title:hover{color:#2563eb;text-decoration:underline}.notifications-feed-desc{margin:.25rem 0 0;font-size:.88rem;color:#475569}.notifications-feed-meta{margin:.2rem 0 0;font-size:.8rem;color:#64748b}.notifications-feed-mark-read{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#334155;cursor:pointer}.notifications-feed-mark-read:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.notifications-feed-mark-read svg{width:1rem;height:1rem}.admin-analytics-header h2{margin:0 0 .75rem}.admin-analytics-filters{gap:.5rem;flex-wrap:wrap}.admin-analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.admin-analytics-bars{display:flex;align-items:flex-end;gap:.5rem;min-height:150px;overflow-x:auto;padding-bottom:.5rem}.admin-analytics-bar-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:38px;font-size:.75rem;color:#64748b}.admin-analytics-bar-fill{width:24px;background:#3b82f6;border-radius:6px 6px 0 0}.admin-analytics-table-wrap{overflow-x:auto}.admin-analytics-table{width:100%;border-collapse:collapse}.admin-analytics-table th,.admin-analytics-table td{border-bottom:1px solid #e2e8f0;padding:.5rem;text-align:left;vertical-align:top;font-size:.85rem}.admin-analytics-table pre{margin:0;font-size:.75rem;max-width:420px;white-space:pre-wrap;word-break:break-word}
