:root{--gray-100:#fff;--gray-200:#fafafa;--gray-300:#f4f4f5;--gray-400:#e4e4e7;--gray-500:#a1a1aa;--gray-600:#71717a;--gray-700:#52525b;--gray-800:#27272a;--gray-900:#18181b;--brand-100:#fff7ed;--brand-200:#fed7aa;--brand-300:#fdba74;--brand-400:#f97316;--brand-500:#ea580c;--brand-600:#c2410c;--success-100:#ecfdf5;--success-400:#10b981;--error-100:#fef2f2;--error-400:#ef4444;--surface:#fff;--background:#f5f5f4;--border:#e7e5e4;--text:#18181b;--muted:#71717a;--sidebar-width:320px}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.mobileMenuToggle,.mobileMenuButton,.mobileTopBar,.mobileNavOverlay,.mobileDrawerClose{display:none}.sidebar{z-index:30;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.brand{align-items:center;gap:10px;padding:18px 20px 14px;font-weight:600;display:flex}.brand span{color:var(--brand-500);font-size:20px}.nav{flex:1;min-height:0;padding:8px 0 18px;overflow-y:auto}.navSection{margin:8px 0}.navGroup{color:var(--gray-500);text-transform:uppercase;padding:8px 20px;font-size:12px;font-weight:750}.navLink{width:100%;color:var(--gray-800);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:9px 20px;font-size:15px;display:flex}.navLink:hover{background:var(--gray-200)}.navLinkActive{border-right:3px solid var(--brand-400);background:var(--brand-100);color:var(--brand-600)}.navLinkExpandable{justify-content:space-between}.navLinkContent{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.navLinkChevron{color:var(--muted);flex-shrink:0;transition:transform .18s}.navLinkExpandable[aria-expanded=true] .navLinkChevron{transform:rotate(90deg)}.sidebarProfile{border-top:1px solid var(--border);margin-top:auto;padding:16px 18px}.recentMenu,.spacesMenu{position:relative}.recentPopover,.spacesPopover{top:72px;left:calc(var(--sidebar-width) + 20px);z-index:40;width:min(520px, calc(100vw - var(--sidebar-width) - 48px));border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:16px;position:fixed;box-shadow:0 24px 60px #18181b29}.starredMenu .recentPopover{top:112px}.spacesPopover{top:152px}.recentHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.recentHeader h2{margin:0;font-size:22px}.recentSearch,.treeSearch{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:9px;padding:8px 10px;display:flex}.recentSearch:focus-within,.treeSearch:focus-within{border-color:var(--brand-400);outline:3px solid var(--brand-100)}.recentSearch input,.treeSearch input{min-width:0;color:var(--text);border:0;outline:0;flex:1}.recentGroupLabel{color:var(--muted);text-transform:uppercase;margin:16px 4px 8px;font-size:13px;font-weight:800}.recentItems{gap:4px;display:grid}.recentItems a,.recentAll,.spacesPopoverItem{border-radius:7px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.recentItems a:hover,.recentAll:hover,.spacesPopoverItem:hover{background:var(--brand-100);color:var(--brand-600)}.recentItems strong,.recentItems small,.spacesPopoverItem strong,.spacesPopoverItem small{display:block}.recentItems strong,.spacesPopoverItem strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recentItems small,.spacesPopoverItem small{color:var(--muted)}.recentAll{border-top:1px solid var(--border);border-radius:0;margin-top:12px;font-weight:750}.recentEmpty{color:var(--muted);padding:14px 10px}.spacesPopoverList{gap:3px;max-height:300px;padding-right:2px;display:grid;overflow:auto}.spacesPopoverActions{border-top:1px solid var(--border);margin-top:10px}.spacesPopoverActions .recentAll{border-top:0;margin-top:0}.spaceIconSmall{color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.avatarRow,.userCell{align-items:center;gap:10px;display:flex}.avatarRow strong,.userCell strong{font-size:14px;display:block}.avatarRow span span,.userCell small{color:var(--muted);text-transform:capitalize;font-size:12px;display:block}.avatar{border-radius:50%}.avatarFallback{background:var(--brand-100);width:32px;height:32px;color:var(--brand-600);border-radius:50%;justify-content:center;align-items:center;font-weight:750;display:inline-flex}.sidebarProfile form{margin-top:12px}.sidebarSignOut{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:650;display:inline-flex}.sidebarSignOut:hover{color:var(--brand-600)}.spaceSidebar{border-top:1px solid var(--border);margin-top:12px;padding:14px 10px 4px}.spaceSidebarCurrent{background:var(--brand-100);color:var(--brand-600);border-radius:7px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-weight:750;display:grid}.spaceSidebarCurrent span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spaceContentHeader{color:var(--gray-700);justify-content:space-between;align-items:center;gap:10px;margin:12px 2px 8px;padding:6px 8px;font-size:14px;font-weight:750;display:flex}.spaceContentHeader>span:first-child,.spaceContentActions,.spaceContentActions a,.spaceCreateLink{align-items:center;gap:8px;display:inline-flex}.spaceContentActions{gap:4px}.spaceContentActions a{width:28px;height:28px;color:var(--gray-700);border-radius:6px;justify-content:center}.spaceContentActions a:hover{background:var(--brand-100);color:var(--brand-600)}.spaceCreateLink{color:var(--gray-700);border-radius:7px;margin:6px 8px 0;padding:8px 10px;font-weight:750}.spaceCreateLink:hover{background:var(--brand-100);color:var(--brand-600)}.main{min-width:0;padding:32px}.pageHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.pageHeader h1{margin:0;font-size:30px;font-weight:700;line-height:1.1}.pageHeader p{max-width:760px;color:var(--muted);margin:8px 0 0}.headerActions,.formActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--gray-800);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:650;display:inline-flex}.button:hover{border-color:var(--brand-300);color:var(--brand-600)}.buttonPrimary{border-color:var(--brand-500);background:var(--brand-500);color:#fff}.buttonPrimary:hover{border-color:var(--brand-600);background:var(--brand-600);color:#fff}.buttonSoftActive{border-color:var(--brand-300);background:var(--brand-100);color:var(--brand-600)}.buttonTiny{min-height:30px;padding:5px 9px;font-size:12px}.dangerButton{color:var(--error-400)}.dangerButton:hover{border-color:var(--error-400);background:var(--error-100);color:var(--error-400)}.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px}.formPanel{gap:16px;max-width:840px;padding:20px;display:grid}.panelHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.panelHeader h2,.metaPanel h2{margin:0;font-size:16px;font-weight:750}.panelHeader a{color:var(--brand-600);align-items:center;gap:6px;font-size:13px;font-weight:750;display:inline-flex}.metricsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:18px}.metric strong{text-transform:capitalize;font-size:30px;line-height:1;display:block}.metric span{color:var(--muted);margin-top:8px;font-size:13px;display:block}.metricAccent{background:var(--brand-100);border-color:var(--brand-200)}.mascotMetric{align-items:center;gap:12px;display:flex}.mascotMetric span{color:var(--brand-600);margin-top:0;font-weight:750}.homeHeader{border:1px solid var(--brand-200);background:linear-gradient(90deg,#fff 0%,#fff7ed 100%);border-radius:8px;padding:22px 24px;position:relative;overflow:hidden}.homeMascot{flex:none;margin:-10px 0 -14px}.twoColumn,.spaceLayout,.docLayout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;display:grid}.twoColumn{align-items:start}.homeColumn{flex-direction:column;gap:18px;min-width:0;display:flex}.panelHeaderHint{color:var(--muted);font-size:13px;font-weight:600}.pulseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px;display:grid}.pulseStat{text-align:center}.pulseStat strong{color:var(--brand-600);font-size:28px;font-weight:750;line-height:1;display:block}.pulseStat span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.spaceLayout{grid-template-columns:380px minmax(0,1fr)}.docLayout{grid-template-columns:minmax(0,1fr) 340px}.spaceGrid,.spaceMiniGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.spaceMiniGrid{padding:18px}.spaceCard,.spaceMini{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:10px;min-height:150px;padding:18px;display:flex}.spaceMini{min-height:120px}.spaceCard:hover,.spaceMini:hover,.pageListItem:hover{border-color:var(--brand-300);box-shadow:0 14px 30px #18181b12}.spaceIcon,.spaceMini span:first-child{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.spaceCard strong,.spaceMini strong{font-size:18px}.spaceCard p{color:var(--muted);flex:1;margin:0;line-height:1.45}.spaceCard small,.spaceMini small{color:var(--muted)}.pageList{gap:0;display:grid}.pageListItem{border-top:1px solid var(--border);grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 18px;display:grid}.pageList .pageListItem:first-child{border-top:0}.pageListIcon{background:var(--brand-100);width:34px;height:34px;color:var(--brand-600);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.pageListItem strong,.pageListItem span span,.pageListItem small{display:block}.pageListItem strong{margin-bottom:3px}.pageListItem span span{color:var(--gray-700);line-height:1.4}.pageListItem small{color:var(--muted);margin-top:6px}.emptyState{color:var(--muted);text-align:center;justify-items:center;padding:28px 20px;display:grid}.emptyState strong{color:var(--text);margin-bottom:6px;display:block}.emptyState p{max-width:440px;margin:0}.emptyState .mascot{margin-bottom:8px}.treePanel{align-self:start}.pageTree,.pageTree ul{margin:0;padding:8px 0 8px 14px;list-style:none}.pageTree ul{border-left:1px solid var(--border);margin-left:9px}.pageTree summary,.treeRow,.treeEmpty{color:var(--gray-800);border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;list-style:none;display:flex}.pageTree summary::-webkit-details-marker{display:none}.pageTree summary:hover{background:var(--brand-100);color:var(--brand-600)}.pageTree summary>a,.treeRow>a,.treeLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.treeChevron{width:16px;color:var(--muted);flex:0 0 16px;display:inline-flex}.treeRowActive{background:var(--brand-100);color:var(--brand-600);font-weight:750}.treeActions{opacity:0;gap:4px;margin-left:auto;display:inline-flex}.pageTree summary:hover .treeActions,.treeRow:hover .treeActions{opacity:1}.treeActions a{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.treeActions a:hover{background:var(--surface)}.treeSearch{margin:14px}.pageTreeCompact .treeSearch{margin:8px 2px 10px}.pageTreeCompact .pageTree,.pageTreeCompact .pageTree ul{padding-top:3px;padding-bottom:3px}.pageTreeCompact .pageTree{padding-left:4px}.pageTreeCompact .pageTree ul{margin-left:7px;padding-left:10px}.pageTreeCompact .pageTree summary,.pageTreeCompact .treeRow{padding:7px 8px}.treeEmpty{color:var(--muted);margin:12px}.breadcrumbs,.eyebrow{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:750;display:flex}.breadcrumbs a{color:var(--brand-600)}.docPanel{padding:34px 42px}.docContent{max-width:860px}.docContent h1,.docContent h2,.docContent h3,.docContent h4{margin:28px 0 10px;line-height:1.2}.docContent h1:first-child,.docContent h2:first-child,.docContent h3:first-child,.docContent h4:first-child,.docContent p:first-child{margin-top:0}.docContent p,.docContent li{color:var(--gray-800);line-height:1.7}.docContent a{color:var(--brand-600);text-underline-offset:3px;text-decoration:underline}.docContent blockquote{border-left:3px solid var(--brand-300);color:var(--gray-700);margin:18px 0;padding:4px 0 4px 16px}.docContent pre{background:var(--gray-900);color:#fff;border-radius:8px;padding:16px;overflow:auto}.docContent code{background:var(--gray-300);border-radius:5px;padding:2px 5px}.docContent pre code{background:0 0;padding:0}.docImage{margin:18px 0}.docImage img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;display:block}.docImage figcaption{color:var(--muted);margin-top:7px;font-size:12px}.attachmentLink{border:1px solid var(--border);background:var(--gray-200);border-radius:8px;flex-direction:column;gap:3px;margin:8px 0;padding:11px 12px;text-decoration:none;display:flex}.attachmentLink span{color:var(--muted);font-size:12px}.docTableWrap{margin:18px 0;overflow:auto}.docContent table{border-collapse:collapse;width:100%;font-size:14px}.docContent th,.docContent td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 10px}.docContent th{background:var(--brand-100);color:var(--gray-900)}.docContentEmpty{color:var(--muted)}.labelPills{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.labelPills a{background:var(--brand-100);color:var(--brand-600);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750}.pageSection{border-top:1px solid var(--border);margin-top:34px;padding-top:22px}.sectionHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sectionHeader h2,.metaPanel h2{align-items:center;gap:8px;display:flex}.sectionHeader h2{margin:0;font-size:18px}.attachmentForm,.commentForm{gap:10px;margin-bottom:16px;display:grid}.attachmentForm{grid-template-columns:minmax(0,1fr) auto}.attachmentList,.commentList,.sideActions,.sideForm,.versionList{gap:10px;display:grid}.mutedText{color:var(--muted)}.commentCard{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:13px;display:grid}.commentCard>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.commentCard span,.commentCard small{color:var(--muted);font-size:12px}.commentCard p{white-space:pre-wrap;margin:0}.commentCardResolved{background:var(--gray-200)}.sideActions{margin:12px 0 22px}.sideActions .button,.sideForm .button{width:100%}.sideForm{margin:12px 0 22px}.buttonIcon{width:38px;padding:0}.headerMenu{display:inline-flex;position:relative}.headerMenuPanel{z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:180px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 16px 40px #18181b24}.headerMenuItem{color:var(--gray-800);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.headerMenuItem:hover{background:var(--brand-100);color:var(--brand-600)}.buttonIconSmall{width:30px;min-height:30px;padding:0}.metaPanelHeading{justify-content:space-between;align-items:center;gap:8px;display:flex}.metaPanelHeading h2{margin:0}.metaPanelActions{gap:4px;display:flex}.restrictionsForm{gap:6px;margin:10px 0 22px;display:grid}.restrictionsRow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.restrictionsField{gap:4px;display:grid}.restrictionsField span{color:var(--muted);font-size:12px}.restrictionsForm .input{min-height:32px;padding:4px 8px;font-size:13px}.restrictionsHint{color:var(--muted);font-size:12px}.metaPanel{align-self:start;padding:18px}.metaPanel dl{grid-template-columns:90px 1fr;gap:8px 12px;margin:14px 0 24px;display:grid}.metaPanel dt{color:var(--muted);font-size:13px}.metaPanel dd{margin:0;font-size:13px}.editorForm{gap:16px;display:grid}.templateGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.templateCard{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:5px;min-height:94px;padding:13px;display:grid}.templateCard:hover,.templateCardActive{border-color:var(--brand-300);background:var(--brand-100);color:var(--brand-600)}.templateCard span{color:var(--muted);font-size:12px;line-height:1.4}.formGrid{grid-template-columns:minmax(0,1fr) 240px 240px;gap:12px;display:grid}.formGridTwo{grid-template-columns:minmax(0,1fr) 260px}.field{gap:7px;display:grid}.field span{color:var(--gray-700);font-size:13px;font-weight:750}.fieldWide{min-width:0}.input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--text);border-radius:7px;padding:8px 10px}.textarea{resize:vertical;min-height:116px}.swatchRow{flex-wrap:wrap;gap:10px;display:flex}.swatchLabel{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.swatchLabel input{opacity:0;position:absolute}.swatchLabel span{border-radius:7px;width:28px;height:28px;display:block;box-shadow:inset 0 0 0 1px #18181b1f}.swatchLabel:has(input:checked){outline:3px solid var(--brand-100);box-shadow:inset 0 0 0 2px var(--brand-400)}.pageHeaderIcon{color:var(--brand-400)}.input:focus{border-color:var(--brand-400);outline:3px solid var(--brand-100)}.titleInput{font-size:18px;font-weight:700}.editorWrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.editorToolbar{border-bottom:1px solid var(--border);background:var(--gray-200);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.iconButton{width:34px;height:34px;color:var(--gray-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.iconButton:hover,.iconButtonActive{border-color:var(--brand-300);background:var(--brand-100);color:var(--brand-600)}.editorSurface{outline:none;min-height:420px;padding:28px 34px}.editorSurface p{line-height:1.7}.editorSurface h2{margin:24px 0 10px;font-size:24px}.editorSurface blockquote{border-left:3px solid var(--brand-300);margin:18px 0;padding-left:16px}.editorSurface pre{background:var(--gray-900);color:#fff;border-radius:8px;padding:14px;overflow:auto}.editorSurface img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;margin:14px 0;display:block}.editorSurface table{border-collapse:collapse;table-layout:fixed;width:100%;margin:14px 0}.editorSurface th,.editorSurface td{border:1px solid var(--border);vertical-align:top;min-width:80px;padding:8px 9px;position:relative}.editorSurface th{background:var(--brand-100)}.editorSurface .selectedCell:after{content:"";pointer-events:none;background:#f973161f;position:absolute;inset:0}.editorSurface .column-resize-handle{background:var(--brand-300);pointer-events:none;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.statusBlock{background:var(--gray-300);max-width:100%;color:var(--gray-800);text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.statusBlock-warning{color:#c2410c;background:#ffedd5}.statusBlock-success{background:var(--success-100);color:#047857}.statusBlock-danger{background:var(--error-100);color:var(--error-400)}.macroPanel,.expandBlock,.tocBlock{border:1px solid var(--border);background:var(--gray-200);border-radius:8px;margin:18px 0;padding:13px 14px}.macroPanel>strong,.tocBlock>strong{margin-bottom:8px;display:block}.macroPanel-info{border-color:var(--brand-200);background:var(--brand-100)}.macroPanelBody>:last-child,.expandBlockBody>:last-child{margin-bottom:0}.expandBlock summary,.expandBlock>strong{color:var(--gray-800);cursor:pointer;font-weight:750}.expandBlockBody{margin-top:10px}.tocBlock ol{gap:5px;margin:0;padding-left:20px;display:grid}.tocLevel3{margin-left:14px}.tocLevel4{margin-left:28px}.editorSurface p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--gray-500);pointer-events:none;height:0}.searchPanel{padding:18px}.searchForm{grid-template-columns:minmax(220px,1fr) 180px 160px auto;gap:10px;margin-bottom:16px;display:grid}.searchInputWrap{align-items:center;gap:10px;display:flex}.searchInput{min-height:44px;font-size:17px}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:13px 16px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}.permissionsPanel{overflow:hidden}.permissionsActions{padding:16px}.versionCard{padding:18px;overflow:hidden}.versionHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin:-18px -18px 18px;padding:14px 18px;display:flex}.versionHeader strong,.versionHeader span{display:block}.versionHeader span{color:var(--muted);margin-top:3px;font-size:13px}.roleSelect{max-width:150px}.loginPage{place-items:center;min-height:100vh;padding:24px;display:grid}.loginShell{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:18px;width:min(100%,880px);display:grid}.loginPanel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:34px;box-shadow:0 24px 60px #18181b1a}.loginBrand{color:var(--brand-600);align-items:center;gap:12px;font-size:22px;font-weight:750;display:flex}.loginPanel h1{margin:24px 0 8px;font-size:34px;line-height:1.08}.loginPanel p{color:var(--muted);margin:0 0 22px}.loginButton{width:100%}.loginPreview{border:1px solid var(--brand-200);background:linear-gradient(#fff7ed 0%,#fff 100%);border-radius:8px;flex-direction:column;justify-content:center;min-height:100%;padding:26px;display:flex}.loginMascot{align-self:center;margin-bottom:12px}.badge{background:var(--brand-100);color:var(--brand-600);text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:12px;font-weight:800}.loginPreview strong{margin-top:16px;font-size:24px;line-height:1.12;display:block}.loginPreview p{color:var(--muted);margin:10px 0 0;line-height:1.55}.mascot{display:block}.notice{border:1px solid var(--error-400);background:var(--error-100);color:var(--error-400);border-radius:7px;margin-top:14px;padding:10px 12px;font-size:13px}@media (max-width:980px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:static;overflow:visible}.nav{overflow:visible}.main{padding:22px}.twoColumn,.spaceLayout,.docLayout,.formGrid,.metricsGrid,.loginShell{grid-template-columns:1fr}.pageHeader{display:grid}.homeMascot{margin:0}.recentPopover,.spacesPopover{width:auto;position:fixed;inset:72px 16px auto}.docPanel{padding:24px}}@media (max-width:700px){body{background:var(--surface);font-size:14px}body.mobile-menu-open{overflow:hidden}.layout{min-height:100svh;display:block}.mobileMenuToggle{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.mobileTopBar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;align-items:center;gap:12px;min-height:62px;padding:10px 14px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #18181b0f}.mobileMenuButton,.mobileDrawerClose{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--gray-800);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:inline-grid}.mobileBrand{min-width:0;color:var(--brand-500);align-items:center;gap:10px;font-size:20px;font-weight:650;display:inline-flex}.mobileBrand img{width:28px;height:28px}.mobileNavOverlay{z-index:25;opacity:0;pointer-events:none;background:#18181b57;transition:opacity .16s;display:block;position:fixed;inset:0}.sidebar{z-index:30;border-right:1px solid var(--border);will-change:transform;border-bottom:0;width:min(88vw,340px);height:100svh;transition:box-shadow .18s,transform .18s;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-104%)}.mobileMenuToggle:checked~.mobileNavOverlay{opacity:1;pointer-events:auto}.mobileMenuToggle:checked~.sidebar{transform:translate(0);box-shadow:24px 0 48px #18181b29}.brand{padding:18px 64px 14px 18px}.brand img{width:30px;height:30px}.brand span{font-size:21px}.mobileDrawerClose{position:absolute;top:12px;right:12px}.nav{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 0 16px;display:block;overflow-y:auto}.navSection{margin:10px 0}.navGroup{padding:8px 18px}.navLink{background:0 0;gap:10px;padding:11px 22px}.navLink svg{width:16px;height:16px}.recentPopover,.spacesPopover{z-index:45;max-height:calc(100svh - 92px);padding:14px;inset:74px 14px auto;overflow:auto}.recentHeader h2{font-size:20px}.spaceSidebar{margin-top:10px;padding:12px 10px 4px}.pageTreeCompact .pageTree{padding-left:0}.treeActions{opacity:1}.sidebarProfile{border-top:1px solid var(--border);padding:16px 18px;display:block}.sidebarProfile form{margin-top:12px}.main{padding:16px 14px 28px}.pageHeader{gap:14px;margin-bottom:18px}.pageHeader h1{font-size:25px}.headerActions,.formActions{width:100%}.button{min-height:40px}.metricsGrid,.spaceGrid,.spaceMiniGrid{gap:10px}.homeHeader{padding:18px}.homeMascot,.mascotMetric{display:none}.metric{padding:14px}.metric strong{font-size:24px}.panelHeader{padding:14px}.pageListItem{grid-template-columns:32px minmax(0,1fr);padding:13px 14px}.pageListIcon{width:30px;height:30px}.docPanel{padding:18px 16px}.docContent h1{font-size:25px}.docContent h2{font-size:21px}.docContent p,.docContent li{line-height:1.6}.metaPanel,.formPanel{padding:16px}.editorToolbar{gap:4px;padding:7px}.editorSurface{min-height:340px;padding:18px 16px}.searchForm,.attachmentForm{grid-template-columns:1fr}.table{white-space:nowrap;display:block;overflow-x:auto}.loginPage{padding:16px}.loginPanel{padding:24px}.loginPanel h1{font-size:28px}}