:root{--ink:#1c1917;--ink-soft:#44403c;--ink-muted:#78716c;--ink-faint:#a8a29e;--paper:#fafaf9;--paper-mid:#f5f5f4;--paper-deep:#e7e5e4;--line:#e7e5e4;--danger:#b91c1c;--danger-bg:#fef2f2;--serif:"Source Serif 4", Georgia, "Times New Roman", serif;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;--page-max:640px;--page-wide:960px;--page-px:16px;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.25rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#e7e5e4;--ink-soft:#d6d3d1;--ink-muted:#a8a29e;--ink-faint:#57534e;--paper:#0c0a09;--paper-mid:#1c1917;--paper-deep:#292524;--line:#292524;--danger:#ef4444;--danger-bg:#ef444414}}*,:before,:after{box-sizing:border-box}body{font-family:var(--sans);font-size:var(--text-base);color:var(--ink-soft);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.65}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:400}h1{font-family:var(--serif);font-size:var(--text-2xl);line-height:1.2}h2{font-family:var(--serif);font-size:var(--text-xl);line-height:1.3}p{margin:0}a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:3px;transition:text-decoration-color .2s}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.app-loading{min-height:100svh;color:var(--ink-faint);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;display:flex}.btn-primary{background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:var(--text-base);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;padding:10px 20px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.8}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{border:1px solid var(--line);color:var(--ink-muted);font-family:var(--sans);font-size:var(--text-sm);cursor:pointer;background:0 0;align-items:center;padding:7px 14px;font-weight:400;transition:color .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{color:var(--ink);border-color:var(--ink-faint)}.auth-page{min-height:100svh;padding:var(--page-px);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:360px}.auth-card .app-name{font-family:var(--serif);font-style:italic;font-size:var(--text-2xl);color:var(--ink);letter-spacing:-.01em;margin-bottom:48px}.auth-card h1{font-family:var(--sans);font-size:var(--text-base);letter-spacing:0;color:var(--ink);margin-bottom:24px;font-weight:500}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex-direction:column;gap:6px;font-weight:500;display:flex}.auth-form input{border:none;border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--sans);font-size:var(--text-base);background:0 0;outline:none;padding:10px 0;transition:border-color .2s}.auth-form input:focus{border-bottom-color:var(--ink)}.auth-form input::placeholder{color:var(--ink-faint)}.form-row{gap:16px;display:flex}.form-row>label{flex:1}.auth-error{font-size:var(--text-sm);color:var(--danger);background:var(--danger-bg);border-left:2px solid var(--danger);margin-bottom:20px;padding:10px 12px}.field-error{font-size:var(--text-xs);text-transform:none;letter-spacing:0;color:var(--danger);font-weight:400}.auth-divider{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:16px;margin:28px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.oauth-buttons{flex-direction:column;gap:10px;display:flex}.btn-oauth{border:1px solid var(--line);font-family:var(--sans);font-size:var(--text-base);text-align:center;color:var(--ink-soft);background:0 0;padding:10px 16px;text-decoration:none;transition:border-color .15s,color .15s;display:block}.btn-oauth:hover{border-color:var(--ink-faint);color:var(--ink);text-decoration:none}.auth-link{font-size:var(--text-sm);text-align:center;color:var(--ink-muted);margin-top:28px}.auth-link a{color:var(--ink);font-weight:500}.dev-login{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.dev-login>label{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex-direction:column;flex:1;gap:6px;font-weight:500;display:flex}.dev-login>label input{border:none;border-bottom:1px dashed var(--line);color:var(--ink);font-family:var(--mono);font-size:var(--text-base);background:0 0;outline:none;padding:10px 0}.dev-login>label input:focus{border-bottom-color:var(--ink-faint)}.btn-dev{border:1px dashed var(--line);color:var(--ink-muted);font-family:var(--mono);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;background:0 0;flex:1;padding:10px 14px;transition:color .15s,border-color .15s}.btn-dev:hover{border-color:var(--ink-faint);color:var(--ink)}.btn-dev:disabled{opacity:.35;cursor:not-allowed}.home-page{flex-direction:column;min-height:100svh;display:flex}.home-header{padding:16px var(--page-px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.home-header h1{font-family:var(--serif);font-style:italic;font-size:var(--text-xl);letter-spacing:-.01em}.home-user{font-size:var(--text-sm);color:var(--ink-muted);align-items:center;gap:16px;display:flex}.home-content{padding:var(--page-px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.home-content p{color:var(--ink-faint);font-size:var(--text-base)}.documents-page{flex-direction:column;min-height:100svh;display:flex}.command-bar{padding:10px var(--page-px);align-items:center;display:flex;position:relative}.command-bar>*+:not(.avatar-expand){margin-left:8px}.command-bar+.documents-list{margin-top:5px}.command-bar:after{content:"";background:var(--line);width:100vw;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.command-input{min-width:0;color:var(--ink);font-family:var(--sans);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1;padding:0}.command-input::placeholder{color:var(--ink-faint)}.command-create-btn{background:var(--ink);width:24px;height:24px;color:var(--paper);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.command-create-btn:hover{opacity:.8}.command-avatar{background:var(--ink-faint);width:24px;height:24px;color:var(--paper);font-family:var(--sans);font-size:var(--text-xs);text-align:center;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;padding:0;font-weight:600;line-height:24px;transition:opacity .15s;display:inline-block}.command-avatar:hover{opacity:.8}.avatar-expand{opacity:0;white-space:nowrap;align-items:center;gap:0;max-width:0;transition:max-width .15s ease-in,opacity .15s ease-in,gap .15s ease-in;display:flex;overflow:hidden}.avatar-expand.is-open{opacity:1;gap:10px;max-width:200px;margin-left:16px;transition:max-width .2s ease-out,opacity .2s ease-out,gap .2s ease-out}.avatar-expand .avatar-name{font-size:var(--text-sm);color:var(--ink-muted)}.avatar-expand .avatar-signout{font-size:var(--text-xs);color:var(--ink-muted);cursor:pointer;font-family:var(--sans);text-decoration:underline;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:2px;background:0 0;border:none;padding:0}.avatar-expand .avatar-signout:hover{color:var(--ink)}.create-row{border-bottom:1px solid var(--paper-mid);cursor:pointer;align-items:center;gap:8px;padding:12px 16px;transition:background .1s;display:flex}.create-row:hover,.create-row--selected{background:var(--paper-mid)}.create-row-icon{background:var(--ink);width:20px;height:20px;color:var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.create-row-text{font-size:var(--text-sm);color:var(--ink-soft)}.create-row-text strong{color:var(--ink);font-weight:500}.create-row-kbd{background:var(--paper-deep);font-size:var(--text-xs);font-family:var(--mono);color:var(--ink-faint);border-radius:3px;margin-left:auto;padding:1px 5px}.documents-inner{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 0 80px}.documents-loading{text-align:center;color:var(--ink-faint);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;padding:40px 0}.documents-list{flex-direction:column;display:flex}.documents-empty{text-align:center;color:var(--ink-faint);flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.documents-empty p{font-style:italic}.documents-empty-action{border:1px solid var(--line);color:var(--ink-soft);font-family:var(--sans);font-size:var(--text-sm);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:8px 20px;transition:color .15s,border-color .15s;display:inline-flex}.documents-empty-action:hover{color:var(--ink);border-color:var(--ink-faint)}.document-item{padding:10px var(--page-px);border-bottom:1px solid var(--paper-mid);color:var(--ink-soft);text-decoration:none;transition:color .15s;display:block}.document-item--selected{color:var(--ink);background:var(--paper-mid);text-decoration:none}.document-item .doc-top-row{justify-content:space-between;align-items:baseline;gap:8px;min-height:21px;display:flex}.document-item .doc-title{font-family:var(--serif);font-size:var(--text-base);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.3;overflow:hidden}.document-item .doc-preview{font-size:var(--text-xs);color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;line-height:1.4;overflow:hidden}.document-item .doc-meta{font-size:var(--text-xs);color:var(--ink-faint);white-space:nowrap;flex-shrink:0}.document-item .doc-kbd{font-size:var(--text-xs);font-family:var(--mono);color:var(--ink-faint);flex-shrink:0}.search-highlight{color:inherit;background-color:#fef08a;border-radius:2px;padding:0 1px}.document-show{flex-direction:column;min-height:100svh;display:flex}.document-loading,.document-error{color:var(--ink-faint);font-size:var(--text-base);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.document-error{color:var(--danger)}.editor-content{flex-direction:column;flex:1;padding-bottom:28px;display:flex}.editor-status-bar{bottom:env(safe-area-inset-bottom,0px);padding:5px var(--page-px);font-family:var(--sans);font-size:var(--text-xs);color:var(--ink-faint);background:var(--paper);border-top:1px solid var(--paper-mid);z-index:5;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:fixed;left:0;right:0}.editor-status-bar .status-dot{background:var(--ink-faint);opacity:.5;border-radius:50%;width:2px;height:2px}.editor-status-bar .status-copy{color:var(--ink-faint);font-family:var(--sans);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;margin-right:auto;padding:2px 6px;transition:color .15s;display:inline-flex}.editor-status-bar .status-copy:hover{color:var(--ink-muted)}.editor-status-bar .status-copy-icon{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.editor-status-bar .sync-label{opacity:.4;transition:opacity .3s}.editor-status-bar .sync-label.is-synced{opacity:.6}.editor-status-bar .sync-label.is-offline{opacity:.5;color:var(--ink-muted)}.editor-status-bar .status-hash{font-family:var(--mono);letter-spacing:.02em;opacity:.25;transition:opacity .3s}.editor-status-bar .status-hash.is-synced{opacity:.4}.editor-topbar{z-index:10;padding:6px var(--page-px);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:6px;display:flex}.topbar-right{align-items:center;gap:4px;display:flex}.topbar-icon-btn{width:32px;height:32px;color:var(--ink-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.topbar-icon-btn:hover{color:var(--ink);background:var(--paper-mid)}.topbar-icon-btn svg{flex-shrink:0}.topbar-right .copy-menu-wrapper{position:relative}.copy-dropdown{background:var(--paper);border:1px solid var(--line);z-index:20;border-radius:4px;flex-direction:column;min-width:160px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #00000014}.copy-dropdown-item{color:var(--ink-soft);font-family:var(--sans);font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:none;padding:7px 12px;transition:background .1s}.copy-dropdown-item:hover{background:var(--paper-mid);color:var(--ink)}.copy-dropdown-item+.copy-dropdown-item{border-top:1px solid var(--paper-mid)}.docked-backdrop{z-index:39;position:fixed;inset:0}.docked-toolbar{z-index:40;-webkit-tap-highlight-color:transparent;position:fixed;left:0;right:0}.docked-icons{background:var(--paper-deep);border-top:1px solid var(--line);justify-content:space-around;align-items:center;padding:6px 12px;display:flex}.docked-btn{width:44px;height:44px;color:var(--ink-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .1s,background .1s;display:inline-flex}.docked-btn:active{background:var(--paper-mid);color:var(--ink-soft)}.docked-btn.is-active{color:var(--ink)}.docked-btn svg{flex-shrink:0}.docked-divider{background:var(--line);width:1px;height:24px}.docked-panel{background:var(--paper);border-top:1px solid var(--line);border-radius:12px 12px 0 0;padding:14px 16px;animation:.2s ease-out docked-slide-up;box-shadow:0 -4px 16px #0000000f}@keyframes docked-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.docked-panel-label{font-family:var(--sans);font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-weight:500}.docked-panel-input,.docked-panel-textarea{background:var(--paper-mid);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--sans);font-size:var(--text-base);box-sizing:border-box;border-radius:4px;outline:none;padding:10px 12px}.docked-panel-textarea{resize:none;line-height:1.5}.docked-panel-input:focus,.docked-panel-textarea:focus{border-color:var(--ink-faint)}.docked-panel-input::placeholder,.docked-panel-textarea::placeholder{color:var(--ink-faint)}.docked-panel-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.docked-panel-btn{border:1px solid var(--line);cursor:pointer;font-family:var(--sans);font-size:var(--text-sm);-webkit-tap-highlight-color:transparent;border-radius:4px;padding:10px 18px;font-weight:600;transition:opacity .15s}.docked-panel-btn.cancel{color:var(--ink-muted);background:0 0}.docked-panel-btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.docked-panel-btn.primary:disabled{opacity:.35;cursor:not-allowed}.docked-fade-enter-active{transition:opacity .15s ease-out}.docked-fade-leave-active{transition:opacity .15s ease-in}.docked-fade-enter-from,.docked-fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.docked-panel{animation-duration:0s!important}.docked-fade-enter-active,.docked-fade-leave-active{transition-duration:0s!important}}.overlay-back{font-size:var(--text-xs);color:var(--ink-muted);border-radius:4px;align-items:center;gap:4px;margin-left:-8px;padding:3px 8px;text-decoration:none;transition:color .15s;display:inline-flex}.overlay-back:before{content:"";background:currentColor;width:14px;height:14px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'/%3E%3Cpolyline points='12 19 5 12 12 5'/%3E%3C/svg%3E") 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'/%3E%3Cpolyline points='12 19 5 12 12 5'/%3E%3C/svg%3E") 50% no-repeat}.overlay-back:hover{color:var(--ink);text-decoration:none}.overlay-avatars{align-items:center;gap:4px;display:flex}.overlay-avatar{color:#fff;width:20px;height:20px;font-family:var(--sans);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.editor-content .tiptap{max-width:var(--page-max);width:100%;padding:16px var(--page-px) 120px;font-size:var(--text-base);color:var(--ink);outline:none;flex:1;margin:0 auto;line-height:1.75}.editor-content .tiptap h1{font-family:var(--serif);font-size:var(--text-3xl);letter-spacing:-.025em;color:var(--ink);margin:48px 0 16px;font-weight:400;line-height:1.2}.editor-content .tiptap h2{font-family:var(--serif);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--ink);margin:40px 0 12px;font-weight:400;line-height:1.3}.editor-content .tiptap h3{font-family:var(--sans);font-size:var(--text-lg);color:var(--ink);margin:32px 0 8px;font-weight:500;line-height:1.4}.editor-content .tiptap h1:first-child,.editor-content .tiptap h2:first-child,.editor-content .tiptap h3:first-child{margin-top:0}.editor-content .tiptap p{margin:0 0 12px}.editor-content .tiptap p:last-child{margin-bottom:0}.editor-content .tiptap ul,.editor-content .tiptap ol{margin:0 0 12px;padding-left:24px}.editor-content .tiptap li{margin-bottom:4px}.editor-content .tiptap li p{margin:0}.editor-content .tiptap blockquote{border-left:2px solid var(--line);color:var(--ink-muted);margin:16px 0;padding:0 0 0 20px;font-style:italic}.editor-content .tiptap code{font-family:var(--mono);background:var(--paper-mid);border-radius:2px;padding:2px 5px;font-size:.9em}.editor-content .tiptap pre{background:var(--paper-mid);font-size:var(--text-sm);margin:16px 0;padding:16px 20px;line-height:1.6;overflow-x:auto}.editor-content .tiptap pre code{background:0 0;padding:0}.editor-content .tiptap hr{border:none;border-top:1px solid var(--line);margin:32px 0}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ink-faint);pointer-events:none;float:left;height:0;font-style:italic}.collaboration-carets__caret{border-left:2px solid var(--color,#39f);pointer-events:none;word-break:normal;margin-left:-1px;margin-right:-1px;position:relative}.collaboration-carets__label{font-family:var(--sans);font-size:var(--text-xs);letter-spacing:.02em;color:#fff;background:var(--color,#39f);white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:1;padding:1px 5px;font-weight:500;transition:opacity .3s;position:absolute;top:-1.5em;left:-1px}.hide-me .collaboration-carets__label{opacity:0}.collaboration-carets__selection{background:color-mix(in srgb, var(--color,#39f) 20%, transparent)}.diff-banner-float{top:env(safe-area-inset-top,0px);z-index:15;padding:12px var(--page-px);font-family:var(--sans);font-size:var(--text-sm);color:#92400e;background:color-mix(in srgb, #d97706 8%, var(--paper));border-bottom:1px solid #d9770626;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;left:0;right:0}.diff-banner-enter-active,.diff-banner-leave-active{transition:transform .25s,opacity .25s}.diff-banner-enter-from,.diff-banner-leave-to{opacity:0;transform:translateY(-100%)}.mode-banner-float{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:40;font-size:var(--text-sm);color:var(--ink-muted);background:var(--paper-mid);white-space:nowrap;border-radius:20px;padding:6px 14px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.diff-added{text-underline-offset:2px;background:#16a34a26;-webkit-text-decoration:underline #16a34a80;text-decoration:underline #16a34a80}.diff-deleted{color:var(--ink-muted);opacity:.7;background:#dc26261f;-webkit-text-decoration:line-through #dc262680;text-decoration:line-through #dc262680}.bubble-menu{z-index:30!important}.editor-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:3px;cursor:pointer;transition:text-decoration-color .2s}.editor-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.comment-highlight{cursor:pointer;background-color:#fbbf2433;border-bottom:2px solid #f59e0b;padding:1px 0}.offline-toast{z-index:50;background:var(--paper-deep);color:var(--ink-soft);font-family:var(--sans);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;transition:opacity .3s;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.offline-toast.is-visible{opacity:1}.offline-toast-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:6px;height:6px}@media (pointer:coarse){.offline-toast{bottom:calc(56px + 16px + env(safe-area-inset-bottom,0px))}}.archive-backdrop{z-index:200;background:#00000026;position:fixed;inset:0}.archive-panel{background:var(--paper);border-left:1px solid var(--line);z-index:201;flex-direction:column;width:100%;max-width:400px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-4px 0 24px #00000014}.archive-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.archive-title{font-family:var(--sans);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-weight:500}.archive-close{color:var(--ink-faint);font-size:var(--text-base);cursor:pointer;background:0 0;border:none;padding:2px 4px;line-height:1;transition:color .15s}.archive-close:hover{color:var(--ink)}.archive-body{flex:1;padding:0 20px 20px;overflow-y:auto}.archive-empty,.archive-error{text-align:center;font-size:var(--text-sm);color:var(--ink-faint);padding:24px 0}.archive-error{color:var(--danger)}.archive-item{border-bottom:1px solid var(--line);padding:14px 0}.archive-item:last-of-type{border-bottom:none}.archive-item-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.archive-avatar{background:var(--ink-faint);width:24px;height:24px;color:var(--paper);font-size:var(--text-xs);text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.archive-item-meta{align-items:baseline;gap:8px;display:flex}.archive-author{font-size:var(--text-sm);color:var(--ink);font-weight:500}.archive-time{font-size:var(--text-xs);color:var(--ink-faint)}.archive-anchor{border-left:2px solid var(--line);background:var(--paper-mid);font-size:var(--text-xs);color:var(--ink-muted);white-space:pre-wrap;word-break:break-word;border-radius:0 4px 4px 0;margin:0 0 8px;padding:6px 10px;font-style:italic}.archive-body-text{font-size:var(--text-base);color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;margin:0 0 8px;line-height:1.5}.archive-resolved-by{font-size:var(--text-xs);color:var(--ink-muted)}.archive-load-more{border:1px solid var(--line);width:100%;color:var(--ink-muted);font-family:var(--sans);font-size:var(--text-xs);cursor:pointer;background:0 0;border-radius:4px;margin-top:12px;padding:8px;transition:background .15s,color .15s;display:block}.archive-load-more:hover:not(:disabled){background:var(--paper-mid);color:var(--ink)}.archive-load-more:disabled{opacity:.5;cursor:default}.archive-slide-enter-active,.archive-slide-leave-active{transition:transform .25s,opacity .25s}.archive-slide-enter-active .archive-panel,.archive-slide-leave-active .archive-panel{transition:transform .25s}.archive-slide-enter-from,.archive-slide-leave-to{opacity:0}.archive-slide-enter-from .archive-panel,.archive-slide-leave-to .archive-panel{transform:translate(100%)}.notif-backdrop{z-index:200;background:#00000026;justify-content:flex-end;display:flex;position:fixed;inset:0}.notif-panel{background:var(--paper);border-left:1px solid var(--line);flex-direction:column;width:360px;max-width:90vw;height:100vh;animation:.2s notif-slide-in;display:flex}@keyframes notif-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.notif-panel{animation:none}}.notif-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:16px;display:flex}.notif-title{font-size:var(--text-base);color:var(--ink);flex:1;margin:0;font-weight:600}.notif-mark-all{font-size:var(--text-xs);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 8px}.notif-mark-all:hover{text-decoration:underline}.notif-close{font-size:var(--text-lg);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;line-height:1}.notif-body{flex:1;padding:8px 0;overflow-y:auto}.notif-empty{text-align:center;color:var(--ink-muted);font-size:var(--text-base);padding:32px 16px}.notif-item{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.notif-item:hover{background:var(--paper-mid)}.notif-item.is-unread{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--paper))}.notif-avatar{background:var(--paper-deep);width:28px;height:28px;color:var(--ink-soft);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.notif-content{flex:1;min-width:0}.notif-summary{font-size:var(--text-sm);color:var(--ink);line-height:1.4;display:block}.notif-time{font-size:var(--text-xs);color:var(--ink-muted);margin-top:2px;display:block}.notif-dismiss{color:var(--ink-muted);cursor:pointer;font-size:var(--text-base);opacity:0;background:0 0;border:none;padding:2px 6px;line-height:1;transition:opacity .15s}.notif-item:hover .notif-dismiss{opacity:1}.notif-bell{background:var(--paper-deep);width:24px;height:24px;color:var(--ink-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex;position:relative}.notif-bell:hover{opacity:.8}.notif-badge{border:1.5px solid var(--paper-deep);background:#e07650;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:-1px}.doc-notif-badge{background:#e07650;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:6px}@media (prefers-reduced-motion:reduce){.avatar-expand,.offline-toast,.diff-banner-float,.mode-banner-float,.archive-slide-enter-active,.archive-slide-leave-active,.archive-slide-enter-active .archive-panel,.archive-slide-leave-active .archive-panel{transition-duration:0s!important}}@media (width<=640px){.form-row{flex-direction:column;gap:20px}}