:root{color:oklch(20.5% .025 245);font-synthesis:none;text-rendering:optimizelegibility;--color-bg:oklch(100% 0 0);--color-surface:oklch(97.2% .006 230);--color-surface-strong:oklch(93.5% .012 230);--color-ink:oklch(20.5% .025 245);--color-muted:oklch(45.5% .025 240);--color-primary:oklch(54% .14 230);--color-primary-hover:oklch(49% .15 230);--color-primary-soft:oklch(93% .035 230);--color-accent:oklch(82% .13 155);--color-danger:oklch(53% .18 25);--color-danger-soft:oklch(96% .03 25);--color-warning:oklch(72% .14 75);--color-warning-soft:oklch(96.5% .04 75);--color-success:oklch(48% .12 155);--color-success-soft:oklch(95% .035 155);--color-focus:oklch(60% .17 230);--color-border:oklch(85% .016 235);--color-control-border:oklch(64% .016 235);--color-overlay:oklch(20.5% .025 245/.48);--z-sticky:20;--z-backdrop:30;--z-modal:40;background:oklch(100% 0 0);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary-hover);text-underline-offset:.18em}a:hover{color:var(--color-primary)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1,h2,h3{text-wrap:balance;letter-spacing:-.018em;margin:0}h1{font-size:1.75rem;line-height:1.25}h2{font-size:1.125rem;line-height:1.35}p{text-wrap:pretty}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:var(--z-modal);background:var(--color-ink);color:var(--color-bg);border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.button,.icon-button,.text-button{border:1px solid var(--color-control-border);background:var(--color-bg);border-radius:8px;min-height:40px;padding:.55rem .85rem;font-weight:650}.button:hover,.icon-button:hover{background:var(--color-surface);border-color:var(--color-muted)}.button--primary{border-color:var(--color-primary);background:var(--color-primary);color:oklch(99% .003 230)}.button--primary:hover{background:var(--color-primary-hover);color:oklch(100% 0 0)}.icon-button{place-items:center;min-width:40px;padding:.35rem;font-size:1.125rem;text-decoration:none;display:inline-grid}.text-button{color:var(--color-primary-hover);background:0 0;border-color:#0000;padding-inline:.45rem}.text-button:hover{background:var(--color-primary-soft)}.text-button--danger{color:var(--color-danger)}input,textarea,select{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;width:100%;min-height:40px;padding:.62rem .72rem}input:hover,textarea:hover,select:hover{border-color:var(--color-muted)}label{font-size:.875rem;font-weight:650}.product-wordmark{color:var(--color-ink);align-items:center;gap:.65rem;min-height:40px;font-size:1.125rem;font-weight:760;text-decoration:none;display:inline-flex}.product-mark{background:var(--color-primary);color:oklch(99% .003 230);border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.product-wordmark--compact{font-size:1rem}.product-wordmark--compact .product-mark{width:30px;height:30px}.language-selector select{width:auto;min-width:56px;padding-right:1.8rem;font-size:.8125rem;font-weight:700}.login-page{background:var(--color-surface);place-items:center;min-height:100vh;padding:1rem;display:grid;position:relative}.login-language{position:absolute;top:1rem;right:1rem}.login-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;width:min(100%,420px);padding:clamp(1.5rem,5vw,2.5rem)}.login-panel h1{margin-top:2.25rem}.login-panel>p{color:var(--color-muted);line-height:1.55}.login-panel form{gap:.65rem;margin-top:1.5rem;display:grid}.login-panel form label:not(:first-child){margin-top:.45rem}.login-panel form .button{width:100%;margin-top:.65rem}.local-hint{border-top:1px solid var(--color-border);padding-top:1rem;font-size:.8125rem}.form-error{color:var(--color-danger);margin:.25rem 0;font-size:.875rem;font-weight:650}.full-page-state{text-align:center;align-content:center;justify-items:center;gap:.8rem;min-height:60vh;padding:2rem;display:grid}.full-page-state p{max-width:52ch;color:var(--color-muted);margin:0}.state-skeleton{background:var(--color-surface-strong);border-radius:12px;width:48px;height:48px;animation:1.4s ease-in-out infinite alternate pulse}.list-skeleton{background:var(--color-surface);border-radius:8px;height:180px;animation:1.4s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.45}}.workspace-page{background:var(--color-surface);min-height:100vh}.workspace-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;height:64px;padding:0 1.25rem;display:flex}.workspace-content{width:min(100% - 2rem,720px);margin:0 auto;padding:4rem 0}.workspace-content>p{color:var(--color-muted)}.workspace-list{border-top:1px solid var(--color-border);margin:2rem 0 0;padding:0;list-style:none}.workspace-list li{border-bottom:1px solid var(--color-border)}.workspace-row{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:68px;padding:.75rem;display:flex}.workspace-row:hover{background:var(--color-bg)}.workspace-row span:first-child{gap:.2rem;display:grid}.workspace-row small{color:var(--color-muted);font-size:.75rem}.app-shell{grid-template:56px minmax(0,1fr)/272px minmax(0,1fr);min-height:100vh;display:grid}.product-bar{z-index:var(--z-sticky);border-bottom:1px solid var(--color-border);background:var(--color-bg);grid-column:1/-1;align-items:center;gap:1rem;height:56px;padding:0 .85rem;display:flex;position:sticky;top:0}.workspace-switcher{background:0 0;border:0;border-radius:8px;align-items:center;gap:.65rem;min-height:40px;padding:.5rem .7rem;font-weight:650;display:flex}.workspace-switcher:hover{background:var(--color-surface)}.product-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.account-name{color:var(--color-muted);font-size:.8125rem}.desktop-navigation{border-right:1px solid var(--color-border);background:var(--color-surface);grid-row:2;width:272px;overflow:auto}.document-main{grid-row:2;min-width:0}.navigation-content{padding:1.1rem .75rem}.space-name{gap:.2rem;padding:.45rem;display:grid}.space-name span{color:var(--color-muted);font-size:.75rem}.nav-heading{justify-content:space-between;align-items:center;margin:1.75rem 0 .45rem;padding:0 .35rem;display:flex}.nav-heading h2{font-size:.8125rem}.page-tree{margin:0;padding:0;list-style:none}.page-tree .page-tree{padding-left:1rem}.tree-row{min-height:40px;color:var(--color-ink);border-radius:8px;align-items:center;gap:.55rem;padding:.4rem .5rem;font-size:.875rem;text-decoration:none;display:flex}.tree-row:hover{background:var(--color-surface-strong)}.tree-row--current{background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:700}.tree-document-icon{color:var(--color-muted)}.tree-state{color:var(--color-muted);margin-left:auto;font-size:.75rem}.nav-empty{color:var(--color-muted);padding:.5rem;font-size:.875rem}.mobile-menu,.navigation-dialog{display:none}.reader-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100vh - 56px);display:grid}.document-canvas,.editor-canvas,.history-canvas{min-width:0;padding:1.75rem clamp(1rem,4vw,3rem) 4rem}.document-canvas{width:min(100%,920px);margin:0 auto}.context-rail{border-left:1px solid var(--color-border);background:var(--color-surface);padding:1.5rem 1rem}.document-header{margin-bottom:2rem}.breadcrumbs{color:var(--color-muted);align-items:center;gap:.5rem;margin:0 0 .65rem;font-size:.8125rem;display:flex}.document-title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.document-title-row>div:first-child{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-chip{background:var(--color-surface-strong);border-radius:999px;align-items:center;gap:.38rem;min-height:28px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;flex:none;width:.55rem;height:.55rem}.status-chip--published{background:var(--color-success-soft);color:var(--color-success)}.status-chip--archived{background:var(--color-danger-soft);color:var(--color-danger)}.page-actions{flex-wrap:wrap;gap:.25rem;display:flex}.page-actions a{min-height:40px;color:var(--color-muted);border-radius:8px;align-items:center;padding:.45rem .65rem;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.page-actions a:hover,.page-actions a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary-hover)}.markdown-body{overflow-wrap:anywhere;max-width:72ch;margin:0 auto;line-height:1.7}.markdown-body h1{margin:2rem 0 1rem}.markdown-body h2{margin:2rem 0 .75rem;font-size:1.375rem}.markdown-body h3{margin:1.5rem 0 .6rem;font-size:1.125rem}.markdown-body p,.markdown-body li{text-wrap:pretty}.markdown-body pre{background:var(--color-surface);border-radius:8px;max-width:100%;padding:1rem;overflow:auto}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875em}.markdown-body :not(pre)>code{background:var(--color-surface-strong);border-radius:4px;padding:.12rem .3rem}.markdown-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--color-border);text-align:left;padding:.5rem .65rem}.markdown-body blockquote{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;margin-inline:0;padding:.6rem 1rem}.markdown-body img{max-width:100%;height:auto}.mermaid-diagram{margin:1.5rem 0;overflow-x:auto}.mermaid-diagram svg{max-width:100%;height:auto;display:block}.diagram-skeleton{background:var(--color-surface);border-radius:8px;min-height:160px;animation:1.4s ease-in-out infinite alternate pulse}.empty-copy,.field-hint{color:var(--color-muted);font-size:.875rem}.inline-state{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);border-radius:8px;padding:.85rem 1rem}.inline-state p{margin:.35rem 0 0;font-size:.875rem;line-height:1.5}.inline-state--warning{background:var(--color-warning-soft);border-color:var(--color-warning)}.inline-state--danger{background:var(--color-danger-soft);border-color:var(--color-danger)}.context-section{gap:.9rem;display:grid}.context-section h2{font-size:1rem}.board-links{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.board-links li{border-bottom:1px solid var(--color-border);padding-block:.65rem}.board-links li>div:first-child{gap:.15rem;display:grid}.board-links span,.board-links small{font-size:.8125rem}.board-links small{color:var(--color-muted)}.link-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;font-size:.8125rem;display:flex}.board-link-form{gap:.45rem;display:grid}.board-link-form>div{gap:.4rem;display:flex}.form-canvas{width:min(100% - 2rem,680px);margin:0 auto;padding:3rem 0}.form-canvas header{margin-bottom:2rem}.page-form{gap:.65rem;display:grid}.page-form label:not(:first-child){margin-top:.7rem}.page-form .field-hint{margin:-.25rem 0 0}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.editor-canvas{flex-direction:column;height:calc(100vh - 56px);padding-bottom:0;display:flex}.editor-canvas .document-header{margin-bottom:1rem}.editor-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding-bottom:.75rem;display:flex}.view-tabs{background:var(--color-surface);border-radius:8px;padding:3px;display:flex}.view-tabs button{background:0 0;border:0;border-radius:6px;min-height:40px;padding:.35rem .65rem;font-size:.8125rem;font-weight:650}.view-tabs button.active{background:var(--color-bg);color:var(--color-primary-hover)}.save-status{min-height:34px;color:var(--color-muted);align-items:center;gap:.4rem;margin-left:auto;font-size:.8125rem;font-weight:650;display:inline-flex}.save-status--unsaved,.save-status--offline{color:oklch(45% .11 70)}.save-status--conflict,.save-status--error{color:var(--color-danger)}.save-status--saved,.save-status--published{color:var(--color-success)}.version-label{color:var(--color-muted);font-size:.75rem}.editor-workspace{flex:1;min-height:0;margin-inline:calc(-1*clamp(1rem,4vw,3rem));display:grid}.editor-workspace--split{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr)}.editor-workspace--source .preview-pane,.editor-workspace--preview .source-pane{display:none}.source-pane,.preview-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.source-pane{border-right:1px solid var(--color-border);background:var(--color-surface)}.source-pane>label,.preview-pane>h2{border-bottom:1px solid var(--color-border);align-items:center;min-height:42px;padding:0 1rem;font-size:.8125rem;display:flex}.editor-title-input{width:calc(100% - 1.5rem);margin:.75rem;font-weight:700}.source-pane textarea{resize:none;background:0 0;border:0;border-radius:0;flex:1;padding:.25rem 1rem 2rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;line-height:1.6}.source-pane textarea:focus-visible{outline-offset:-3px}.preview-pane{padding-bottom:3rem;overflow:auto}.preview-pane .markdown-body{width:min(100% - 2rem,72ch);margin:1rem auto}.recovery-banner,.conflict-banner{border:1px solid var(--color-warning);background:var(--color-warning-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.65rem;margin:.75rem 0;padding:.75rem;display:flex}.recovery-banner>div:first-child{flex:1;min-width:220px}.recovery-banner p{margin:.2rem 0 0;font-size:.8125rem}.conflict-banner{border-color:var(--color-danger);background:var(--color-danger-soft)}.conflict-banner>strong{flex:1;min-width:260px}.conflict-banner>div{flex-wrap:wrap;gap:.4rem;display:flex}.history-layout{grid-template-columns:minmax(320px,.8fr) minmax(320px,1.2fr);gap:2rem;display:grid}.revision-list{border-top:1px solid var(--color-border);margin:1.25rem 0 0;padding:0;list-style:none}.revision-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.revision-list li>div{gap:.2rem;display:grid}.revision-list li>div:last-child{align-items:center;gap:.4rem;display:flex}.revision-list span,.revision-list time{color:var(--color-muted);font-size:.8125rem}.diff-panel{border:1px solid var(--color-border);border-radius:8px;align-self:start;min-width:0;overflow:hidden}.panel-heading{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.4rem .75rem;display:flex}.diff-lines{margin:0;padding:.6rem 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem;line-height:1.55;display:block;overflow:auto}.diff-line{white-space:pre-wrap;overflow-wrap:anywhere;gap:.6rem;padding:0 .75rem;display:flex}.diff-line--added{background:var(--color-success-soft)}.diff-line--removed{background:var(--color-danger-soft)}.navigation-dialog{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.navigation-dialog::backdrop{background:var(--color-overlay)}.dialog-panel{background:var(--color-surface);border-right:1px solid var(--color-border);width:min(86vw,320px);height:100%;animation:.18s cubic-bezier(.22,1,.36,1) drawer-in;position:relative;overflow:auto}.dialog-close{position:absolute;top:.65rem;right:.65rem}.dialog-panel .navigation-content{padding-top:4rem}@keyframes drawer-in{0%{transform:translate(-100%)}}@media (width<=1100px){.account-name{display:none}.history-layout{grid-template-columns:1fr}}@media (width<=900px){.reader-layout{display:block}.context-rail{border-left:0;border-top:1px solid var(--color-border)}.context-rail .context-section{width:min(100%,72ch);margin:0 auto}.editor-canvas{height:auto;min-height:calc(100vh - 56px)}.editor-workspace{min-height:65vh}}@media (width<=720px){.app-shell{padding-top:56px;display:block}.product-bar{gap:.45rem;width:100%;position:fixed;top:0}.mobile-menu,.navigation-dialog{display:block}.navigation-dialog:not([open]),.desktop-navigation{display:none}.product-wordmark--compact{gap:0;font-size:0}.workspace-switcher{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:42vw;overflow:hidden}.product-actions{gap:.25rem}.product-actions .text-button{min-width:40px;padding-inline:.35rem;font-size:.75rem}.menu-icon{font-size:.68rem}.document-canvas,.editor-canvas,.history-canvas{padding:1.25rem 1rem 3rem}.document-title-row{display:block}.page-actions{margin-top:1rem}.page-actions a{flex:1;justify-content:center}.editor-toolbar{align-items:stretch}.view-tabs{order:1;width:100%}.view-tabs button{flex:1}.view-tabs button:last-child{display:none}.save-status{flex:1;order:2;margin-left:0}.version-label{order:3;align-items:center;display:flex}.editor-toolbar>.button{flex:1;order:4}.editor-workspace,.editor-workspace--split{min-height:68vh;margin-inline:-1rem;display:block}.editor-workspace--split .preview-pane{display:none}.source-pane,.preview-pane{border-right:0;min-height:68vh}.source-pane textarea{min-height:52vh}.board-link-form>div{flex-direction:column}.revision-list li{flex-direction:column;align-items:flex-start}.revision-list li>div:last-child{justify-content:space-between;width:100%}}@media (width<=390px){.product-bar{padding-inline:.4rem}.workspace-switcher{max-width:30vw;padding-inline:.35rem}.language-selector select{min-width:52px;padding-inline:.4rem 1.4rem}.document-title-row h1{font-size:1.375rem}.editor-toolbar>.button{padding-inline:.5rem;font-size:.8125rem}.recovery-banner .button,.conflict-banner .button{flex:1}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dialog-panel{transform:none}}