:root{color-scheme:light dark;font-family:Avenir Next,Segoe UI,sans-serif;--bg: #f7f6f3;--bg-soft: #f1efe9;--panel: rgba(255, 255, 255, .8);--panel-strong: rgba(255, 255, 255, .96);--ink: #22201c;--muted: #6f6a61;--line: rgba(38, 35, 31, .11);--line-strong: rgba(38, 35, 31, .18);--accent: #2f6feb;--error: #ff4d4f;--accent-soft: rgba(47, 111, 235, .12);--chip: rgba(47, 111, 235, .08);--shadow: 0 24px 60px rgba(25, 22, 18, .08);--editor-shadow: 0 28px 80px rgba(15, 12, 10, .08);--code-bg: #f4f1ea;--code-fg: #2a241d;--code-comment: #7c746a;--code-keyword: #9f1d5c;--code-string: #1f6a52;--code-number: #9a4d0f;--code-function: #2458b3;--code-variable: #2a241d}@media(prefers-color-scheme:dark){:root{--bg: #18191b;--bg-soft: #202225;--panel: rgba(35, 37, 41, .84);--panel-strong: rgba(28, 30, 34, .96);--ink: #f1f1ee;--muted: #aaa69e;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--accent: #7cb3ff;--error: #ff4d4f;--accent-soft: rgba(124, 179, 255, .18);--chip: rgba(124, 179, 255, .1);--shadow: 0 24px 60px rgba(0, 0, 0, .28);--editor-shadow: 0 28px 80px rgba(0, 0, 0, .4);--code-bg: color-mix(in srgb, var(--bg-soft) 82%, #000 18%);--code-fg: #e9eefc;--code-comment: #8b97b0;--code-keyword: #ff7ab8;--code-string: #9ece6a;--code-number: #ff9e64;--code-function: #7aa2f7;--code-variable: #e9eefc}}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at top left,rgba(47,111,235,.22),transparent 32%),radial-gradient(circle at bottom right,rgba(43,157,110,.2),transparent 36%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);color:var(--ink)}body.app-body--document{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{max-width:1280px;margin:0 auto;padding:20px 24px 48px}.doc-shell{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.doc-shell--state{place-items:center;grid-template-rows:minmax(0,1fr);padding:24px}.doc-state{display:grid;place-items:center;width:min(100%,34rem);min-height:min(16rem,calc(100dvh - 48px));padding:32px;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--panel-strong) 94%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.doc-state--error{border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0}.brand__mark,.doc-backlink__mark{display:block;width:100%;height:100%}.topbar-actions{display:flex;align-items:center;gap:12px}.user-chip,.ghost-button,.primary-button,.doc-card,.content-card,.hero-panel,.sidebar-card,.editor-card{border:1px solid var(--line);box-shadow:var(--shadow)}.user-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:var(--chip)}.primary-button,.ghost-button,.toolbar-button,.language-picker select{display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .14s ease,border-color .14s ease,transform .14s ease;cursor:pointer}.primary-button,.ghost-button{padding:11px 16px;border-radius:12px}.primary-button{border:none;background:var(--accent);color:#fff}.ghost-button{background:var(--panel)}.primary-button:hover,.ghost-button:hover,.toolbar-button:hover,.doc-card:hover{transform:translateY(-1px)}.hero-panel,.content-card,.sidebar-card,.editor-card{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px}.hero-panel{padding:36px}.hero-panel h1{max-width:13ch;margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:.94;letter-spacing:-.04em}.eyebrow{margin:0 0 12px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.lede,.muted,.empty-state,.notice-text{color:var(--muted)}.hero-actions,.doc-grid{display:grid;gap:16px}.hero-actions{grid-auto-flow:column;justify-content:start;margin-top:20px}.content-card{margin-top:24px;padding:24px}.narrow-card{max-width:420px}.section-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.doc-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.doc-card{display:grid;gap:8px;border-radius:18px;padding:20px;background:var(--panel-strong)}.doc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.doc-header__left,.doc-header__right{display:flex;align-items:center;gap:10px}.doc-backlink{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.doc-title-input{min-width:280px;max-width:min(50vw,40rem);padding:7px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);font-size:clamp(1rem,1.45vw,1.28rem);font-weight:700;letter-spacing:-.03em}.doc-share-button{padding:8px 12px;border-radius:10px;font-size:.92rem}.doc-title-input:hover,.doc-title-input:focus{border-color:var(--line);outline:none;background:var(--panel)}.doc-meta-chip{padding:8px 10px;border-radius:999px;background:var(--chip);color:var(--accent);font-size:.82rem;font-weight:700;text-transform:capitalize}.doc-toolbar-wrap{overflow:hidden;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.doc-editor-region{min-height:0;overflow:hidden}.share-form{display:grid;gap:12px;margin-top:24px}.share-form input{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel-strong);color:var(--ink)}.editor-stack{height:100%}.editor-toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:10px 12px}.editor-canvas{min-height:0;height:100%;overflow-y:auto;padding:24px 20px 32px}.toolbar-group{display:inline-flex;align-items:center;gap:4px;padding-right:8px;margin-right:2px;border-right:1px solid var(--line)}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-group--style,.toolbar-group--language{gap:0}.toolbar-group--history{margin-left:auto}.toolbar-button{width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}.toolbar-button__text{font-size:.72rem;font-weight:700;letter-spacing:.02em}.language-picker{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 8px;border-radius:8px;color:var(--muted);border:1px solid var(--line);background:var(--panel-strong)}.language-picker.is-active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.language-picker span{font-size:.82rem;font-weight:600}.language-picker select{padding:5px 8px;border:none;border-radius:7px;background:transparent;color:var(--ink)}.language-picker select:focus,.style-picker select:focus,.link-dialog__field input:focus,.link-dialog__field select:focus{outline:none}.style-picker{display:inline-flex;align-items:center;gap:8px;min-width:170px;padding:4px 8px 4px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);color:var(--ink)}.style-picker__icon{display:inline-flex;color:var(--muted)}.style-picker select{flex:1;border:none;background:transparent;color:var(--ink);font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none}.link-dialog{width:min(460px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);color:var(--ink);box-shadow:0 30px 80px #00000047}.share-dialog{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel-strong);color:var(--ink);box-shadow:0 30px 80px #00000047}.share-dialog::backdrop{background:#0f121a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-dialog__intro{margin:-6px 0 0}.share-dialog__section{display:grid;gap:14px}.share-dialog__section-copy{display:grid;gap:6px}.share-dialog__section-copy h4{margin:0;font-size:.98rem}.share-dialog__section-copy p{margin:0}.share-dialog__divider{height:1px;background:var(--line)}.link-dialog::backdrop{background:#0f121a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.link-dialog__form{display:grid;gap:18px;padding:20px}.link-dialog__header,.link-dialog__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.link-dialog__actions--end{justify-content:flex-end}.link-dialog__header h3{margin:0;font-size:1.05rem}.link-dialog__close{padding:8px 12px}.link-dialog__field{display:grid;gap:8px}.link-dialog__field span{font-size:.84rem;font-weight:600;color:var(--muted)}.link-dialog__field input,.link-dialog__field select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.checkbox-field{display:flex;align-items:center;gap:10px;color:var(--ink)}.checkbox-field input{width:16px;height:16px;margin:0}.checkbox-field span{font-size:.92rem}.toolbar-button:hover{background:var(--accent-soft);color:var(--ink)}.toolbar-button:disabled,.style-picker select:disabled,.language-picker select:disabled{cursor:not-allowed;opacity:.45}.toolbar-button.is-active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.editor-surface{width:min(100%,80rem);margin:0 auto;padding:52px 72px 96px;outline:none;font-family:Charter,Iowan Old Style,Palatino Linotype,serif;font-size:1.14rem;line-height:1.75;color:var(--ink)}.editor-surface>*:first-child{margin-top:0}.editor-surface[contenteditable=false]{cursor:default}.editor-surface p{margin:0 0 1.05em}.editor-surface h1,.editor-surface h2,.editor-surface h3{margin:1.45em 0 .45em;line-height:1.08;letter-spacing:-.04em}.editor-surface h1{font-size:2.8rem}.editor-surface h2{font-size:2rem}.editor-surface h3{font-size:1.45rem}.editor-surface a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.16em}.editor-surface blockquote{margin:1.2em 0;padding-left:1rem;border-left:3px solid var(--line-strong);color:var(--muted)}.editor-surface code{padding:.14rem .36rem;border-radius:8px;background:var(--accent-soft);font-family:SF Mono,Menlo,monospace;font-size:.9em}.editor-surface pre{margin:1.3em 0;padding:1rem 1.1rem;border-radius:16px;border:1px solid var(--line);background:var(--code-bg);overflow-x:auto;box-shadow:inset 0 1px #ffffff08}.editor-surface pre code{display:block;padding:0;background:transparent;color:var(--code-fg);font-size:.92rem;line-height:1.65}.editor-surface .hljs-comment,.editor-surface .hljs-quote{color:var(--code-comment)}.editor-surface .hljs-keyword,.editor-surface .hljs-selector-tag,.editor-surface .hljs-literal,.editor-surface .hljs-section,.editor-surface .hljs-link{color:var(--code-keyword)}.editor-surface .hljs-string,.editor-surface .hljs-title,.editor-surface .hljs-name,.editor-surface .hljs-attribute,.editor-surface .hljs-symbol,.editor-surface .hljs-bullet,.editor-surface .hljs-addition{color:var(--code-string)}.editor-surface .hljs-number,.editor-surface .hljs-built_in,.editor-surface .hljs-type,.editor-surface .hljs-params,.editor-surface .hljs-meta{color:var(--code-number)}.editor-surface .hljs-function,.editor-surface .hljs-title.function_,.editor-surface .hljs-title.class_{color:var(--code-function)}.editor-surface .hljs-variable,.editor-surface .hljs-template-variable,.editor-surface .hljs-property{color:var(--code-variable)}.editor-surface ul,.editor-surface ol{padding-left:1.35rem}.editor-surface ul[data-type=taskList]{padding-left:0;list-style:none}.editor-surface ul[data-type=taskList] li{display:flex;gap:.65rem;align-items:flex-start}.editor-surface ul[data-type=taskList] li>label{margin-top:.3rem}.editor-surface .tableWrapper{margin:1.3em 0;overflow-x:auto}.editor-surface table{width:100%;border-collapse:collapse;table-layout:fixed}.editor-surface th,.editor-surface td{min-width:5.5rem;padding:.6rem .72rem;vertical-align:top;border:1px solid var(--line)}.editor-surface th{background:color-mix(in srgb,var(--accent-soft) 74%,white);font-weight:700;text-align:left}.editor-surface td p:last-child,.editor-surface th p:last-child{margin-bottom:0}.editor-surface .selectedCell{position:relative;background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}.editor-surface .selectedCell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:2px solid color-mix(in srgb,var(--accent) 40%,transparent)}.editor-surface .column-resize-handle{position:absolute;top:0;right:-2px;bottom:0;width:4px;background:var(--accent);opacity:.28}.editor-surface hr{border:none;border-top:1px solid var(--line-strong);margin:2rem 0}.editor-surface .collaboration-cursor__caret{position:relative;margin-left:-1px;margin-right:-1px;border-left:2px solid currentColor;border-right:none;pointer-events:none}.editor-surface .collaboration-cursor__label{position:absolute;top:-1.45em;left:-1px;display:inline-flex;align-items:center;padding:.18rem .45rem;border-radius:999px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:.72rem;font-weight:600;line-height:1;color:#fff;white-space:nowrap;transform:translateY(-2px);box-shadow:0 8px 18px #2a201824}.editor-surface p.is-editor-empty:first-child:before{content:"Write something precise, useful, and hard to ignore.";color:color-mix(in srgb,var(--muted) 72%,transparent);float:left;height:0;pointer-events:none}.doc-statusbar{display:flex;align-items:center;gap:12px;min-height:38px;padding:8px 14px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 94%,transparent);color:var(--muted);font-size:.78rem}.doc-statusbar__item{display:inline-flex;align-items:center;gap:8px;min-width:0}.doc-statusbar__item--disconnected{color:var(--error)}.doc-statusbar__item--self{margin-left:auto}.doc-presence-list{display:inline-flex;flex-wrap:wrap;gap:6px}.doc-presence-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink)}.doc-presence-dot{width:7px;height:7px;border-radius:999px}@media(max-width:960px){.doc-header{flex-direction:column;align-items:stretch}.doc-header__left,.doc-header__right{width:100%;justify-content:space-between}.editor-surface{padding:28px 22px 64px}.doc-statusbar{flex-wrap:wrap}.doc-statusbar__item--self{margin-left:0}}@media(max-width:720px){.app-shell{padding:14px 14px 36px}.topbar,.hero-actions{flex-direction:column;align-items:stretch}.hero-actions{grid-auto-flow:row}.hero-panel{padding:26px}.editor-toolbar{padding:10px}.toolbar-button{font-size:.85rem}}@media(max-width:600px){.doc-header,.doc-toolbar-wrap,.doc-statusbar{display:none}.editor-canvas{padding:6px 6px 12px}.editor-surface{padding:14px 12px 32px;font-size:1rem;line-height:1.68}.editor-surface h1{font-size:2.2rem}.editor-surface h2{font-size:1.72rem}.editor-surface h3{font-size:1.3rem}}@media print{:root{color-scheme:light}html,body,#root{height:auto;min-height:0;overflow:visible;background:#fff}body{background:#fff;color:#111}.doc-shell{height:auto;display:block;overflow:visible}.doc-header,.doc-toolbar-wrap,.doc-statusbar,.editor-surface .collaboration-cursor__caret,.editor-surface .collaboration-cursor__label{display:none!important}.doc-editor-region,.editor-stack,.editor-canvas{display:block;height:auto;min-height:0;overflow:visible;padding:0}.editor-surface{width:100%;max-width:none;margin:0;padding:0}.editor-surface pre,.editor-surface code{box-shadow:none}}