*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000000;--bg-page: #1a1a18;--bg-surface: #141413;--bg-hover: #1e1e1c;--fg: #ffffff;--fg-muted: #807e76;--fg-dim: #5a5850;--border: #2e2e2b;--primary: #788c5d;--secondary: #cc785c;--accent: #6a9bcc;--destructive: #a5524a;--matrix: #00ff41;--radius: 2px;--transition: .1s linear;--tooltip-bg: #1e1e1c;--tooltip-border: #2e2e2b;--annotation-color: #6a9bcc;--active-highlight: rgba(106, 155, 204, .25);--active-shadow: rgba(106, 155, 204, .5);--font-heading: "Fraunces", serif;--font-body: "Lora", serif;--font-mono: "Space Mono", monospace}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}.loading{display:flex;align-items:center;justify-content:center;height:var(--vh, 100vh);background:var(--bg)}.loading-text{font-family:var(--font-heading);font-size:28px;font-weight:400;color:var(--fg-muted);letter-spacing:.1em}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--vh, 100vh);gap:12px;background:var(--bg)}.login-title{font-family:var(--font-heading);font-size:64px;font-weight:700;letter-spacing:-.02em;color:var(--fg);line-height:1.15}.login-subtitle{font-family:var(--font-body);color:var(--fg-muted);font-size:.92rem;line-height:1.65;margin-bottom:36px}.login-button{font-family:var(--font-heading);font-weight:600;font-size:.85rem;letter-spacing:-.02em;padding:12px 24px;border:1px solid var(--border);background:var(--bg-surface);color:var(--fg);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.login-button:hover{border-color:var(--primary);background:var(--bg-hover)}.login-button:focus-visible{outline:1px solid var(--primary);outline-offset:1px}.login-button-secondary{background:transparent;border-color:var(--fg-dim);color:var(--fg-muted)}.login-button-secondary:hover{border-color:var(--fg-muted);background:transparent}.login-actions{display:flex;gap:12px}.app{display:flex;flex-direction:column;height:var(--vh, 100vh);background:var(--bg);overflow:hidden}.hamburger{position:fixed;top:12px;left:12px;z-index:200;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg-muted);font-size:16px;cursor:pointer;transition:all var(--transition);opacity:.6}.hamburger:hover{opacity:1;background:var(--bg-hover)}.save-indicator{position:fixed;top:14px;right:16px;z-index:200;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.05em;color:var(--fg);opacity:0;transition:opacity .3s ease;pointer-events:none}.save-indicator.saving{opacity:1}.save-indicator.saved{opacity:.7;animation:save-fade 2s ease forwards}.save-indicator.error{opacity:1;color:#f33;animation:save-error-pulse 2s ease infinite}@keyframes save-fade{0%{opacity:.7}50%{opacity:.7}to{opacity:0}}@keyframes save-error-pulse{0%,to{opacity:1}50%{opacity:.4}}.main{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--bg)}.sidebar{width:280px;border-right:1px solid var(--border);background:var(--bg-surface);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:fixed;top:0;left:0;bottom:0;z-index:300;box-shadow:2px 0 12px #00000080}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.sidebar-avatar{width:28px;height:28px;border-radius:9999px;border:1px solid var(--border);flex-shrink:0}.sidebar-avatar-initial{display:flex;align-items:center;justify-content:center;background:var(--bg-hover);color:var(--fg-muted);font-family:var(--font-heading);font-size:.78rem;font-weight:600}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-family:var(--font-body);font-size:.85rem;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-status{font-family:var(--font-mono);font-size:.62rem;color:var(--fg-dim);letter-spacing:.05em}.sidebar-current{padding:10px 18px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.sidebar-current-label{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim)}.sidebar-current-name{font-family:var(--font-body);font-size:.85rem;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-breadcrumb{padding:8px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:0}.sidebar-breadcrumb-sep{color:var(--fg-dim);font-size:.68rem;margin:0 4px}.sidebar-breadcrumb-btn{font-family:var(--font-mono);font-size:.68rem;color:var(--fg-muted);background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:var(--radius);transition:color var(--transition)}.sidebar-breadcrumb-btn:hover{color:var(--fg)}.sidebar-breadcrumb-btn.active{color:var(--fg);font-weight:700}.sidebar-new-toggle{padding:6px 10px;font-family:var(--font-mono);font-size:.72rem;border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.sidebar-new-toggle.folder{color:var(--accent);border-color:var(--accent)}.sidebar-file-folder{cursor:pointer}.sidebar-folder-icon{margin-right:6px;font-size:.85rem}.sidebar-file-back{color:var(--fg-dim);cursor:pointer}.sidebar-file-back .sidebar-file-name{color:var(--fg-dim);font-family:var(--font-mono)}.sidebar-file[draggable=true]{cursor:grab}.sidebar-file[draggable=true]:active{cursor:grabbing;opacity:.5}.sidebar-file.drop-target{background:#6a9bcc26;border-left:2px solid var(--accent)}.sidebar-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--fg-dim);padding:0 6px;transition:color var(--transition)}.sidebar-close:hover{color:var(--fg-muted)}.sidebar-new{display:flex;padding:6px;gap:6px;border-bottom:1px solid var(--border)}.sidebar-new input{flex:1;padding:6px 12px;font-family:var(--font-body);font-size:.85rem;border:1px solid var(--border);border-radius:var(--radius);outline:none;background:var(--bg);color:var(--fg);transition:border-color var(--transition)}.sidebar-new input::placeholder{color:var(--fg-dim)}.sidebar-new input:focus{border-color:var(--primary)}.sidebar-new button{padding:6px 12px;font-size:16px;border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition)}.sidebar-new button:hover{border-color:var(--primary)}.sidebar-files{flex:1;overflow-y:auto}.sidebar-file{display:flex;align-items:center;padding:12px 18px;cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition)}.sidebar-file:hover{background:var(--bg-hover)}.sidebar-file.active{background:var(--bg-hover);border-left:2px solid var(--primary)}.sidebar-file-name{flex:1;font-family:var(--font-body);font-size:.88rem;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-file-delete{background:none;border:none;font-size:14px;color:var(--fg-dim);cursor:pointer;opacity:0;padding:0 6px;transition:opacity var(--transition),color var(--transition)}.sidebar-file:hover .sidebar-file-delete{opacity:1}.sidebar-file-rename{flex:1;padding:4px 8px;font-family:var(--font-body);font-size:.85rem;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg);color:var(--fg);outline:none;min-width:0}.sidebar-file-delete:hover{color:#d06050}.sidebar-footer{padding:12px 18px;border-top:1px solid var(--border);margin-top:auto}.sidebar-signout{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);background:none;border:none;cursor:pointer;padding:6px 0;transition:color var(--transition)}.sidebar-signout:hover{color:var(--fg-muted)}.sidebar-loading,.sidebar-empty{padding:36px 18px;text-align:center;font-family:var(--font-mono);font-size:.78rem;color:var(--fg-dim);letter-spacing:.05em}.editor-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.toolbar{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 18px;background:transparent;flex-shrink:0}.toolbar select{padding:6px 12px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg-muted);outline:none;cursor:pointer;transition:border-color var(--transition)}.toolbar select:hover,.toolbar select:focus{border-color:var(--fg-dim)}.toolbar button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;border-radius:var(--radius);cursor:pointer;font-size:14px;color:var(--fg-muted);transition:background var(--transition),color var(--transition),border-color var(--transition)}.toolbar button:hover{background:var(--bg-hover);color:var(--fg)}.toolbar button.active{background:var(--bg-hover);border-color:var(--border);color:var(--fg)}.toolbar-spacing{display:flex;align-items:center;gap:4px}.toolbar-range{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.toolbar-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg-muted);border:none;cursor:pointer}.toolbar-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--fg-muted);border:none;cursor:pointer}.toolbar-spacing-value{font-family:var(--font-mono);font-size:.62rem;color:var(--fg-dim);min-width:12px;text-align:center}.toolbar-filename{font-family:var(--font-mono);font-size:.65rem;color:var(--fg);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.toolbar-hide-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--fg-dim);border-radius:var(--radius);transition:color var(--transition)}.toolbar-hide-btn:hover{color:var(--fg-muted)}.toolbar-reveal{display:flex;align-items:center;justify-content:center;width:100%;padding:4px;background:none;border:none;cursor:pointer;color:var(--fg-dim);opacity:.4;transition:opacity var(--transition)}.toolbar-reveal:hover{opacity:1}.toolbar-wordcount{font-family:var(--font-mono);font-size:.65rem;color:var(--fg);letter-spacing:.02em;white-space:nowrap}.toolbar-zoom{display:flex;align-items:center;gap:2px}.toolbar-zoom-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:none;border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-muted);transition:all var(--transition)}.toolbar-zoom-btn:hover{background:var(--bg-hover);color:var(--fg)}.toolbar-zoom-btn:disabled{opacity:.3;cursor:default}.toolbar-zoom-value{font-family:var(--font-mono);font-size:.62rem;color:var(--fg-dim);min-width:36px;text-align:center;cursor:pointer;letter-spacing:.02em}.toolbar-zoom-value:hover{color:var(--fg-muted)}.toolbar-divider{width:1px;height:18px;background:var(--border);margin:0 6px}.editor-zoom-wrapper{flex:1;overflow-y:auto;min-height:0;font-size:16px}.editor-zoom-wrapper.page-breaks .tiptap,.editor-zoom-wrapper.page-breaks .ProseMirror{background-image:repeating-linear-gradient(to bottom,transparent,transparent calc(9in - 1px),rgba(255,255,255,.12) calc(9in - 1px),rgba(255,255,255,.12) 9in);background-size:100% 9in;background-position:top}.toolbar-page-break-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;border-radius:var(--radius);cursor:pointer;color:var(--fg-dim);transition:all var(--transition)}.toolbar-page-break-btn:hover{color:var(--fg-muted)}.toolbar-page-break-btn.active{color:var(--fg);border-color:var(--border);background:var(--bg-hover)}.editor-wrapper .tiptap,.editor-wrapper .ProseMirror{padding:48px;max-width:var(--editor-max-width, 720px);margin:0 auto;width:100%;min-height:100%;outline:none;font-family:var(--font-body);font-size:1em;line-height:inherit;color:var(--fg);background:var(--bg)}.editor-wrapper .tiptap p,.editor-wrapper .ProseMirror p{margin:0 0 var(--p-margin, 0) 0}.editor-wrapper .tiptap:focus,.editor-wrapper .ProseMirror:focus{outline:none}.editor-wrapper .tiptap,.editor-wrapper .ProseMirror{tab-size:4;-moz-tab-size:4;white-space:pre-wrap}.highlight-btn-wrapper{position:relative;display:inline-flex}.highlight-btn-wrapper>button{display:flex;flex-direction:column;align-items:center;gap:1px}.highlight-indicator{display:block;width:14px;height:3px;border-radius:1px}.highlight-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;display:flex;gap:4px;padding:6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);z-index:500;box-shadow:0 4px 12px #00000080}.highlight-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition)}.highlight-swatch:hover{border-color:var(--fg-muted)}.highlight-swatch.active{border-color:var(--fg)}.highlight-remove{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--bg-hover);color:var(--fg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;padding:0}.highlight-remove:hover{color:var(--fg)}.editor-wrapper .tiptap mark,.editor-wrapper .ProseMirror mark{border-radius:2px;padding:0 2px;color:#000!important}.version-panel{position:fixed;top:0;right:0;width:320px;height:var(--vh, 100vh);background:var(--bg-surface);border-left:1px solid var(--border);z-index:400;display:flex;flex-direction:column;box-shadow:-4px 0 12px #0006}.version-panel-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px;position:relative}.version-panel-title{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim)}.version-panel-filename{font-family:var(--font-body);font-size:.85rem;color:var(--fg)}.version-panel-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;color:var(--fg-dim);cursor:pointer}.version-panel-close:hover{color:var(--fg)}.version-panel-list{flex:1;overflow-y:auto;min-height:0}.version-item{padding:10px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);display:flex;justify-content:space-between;align-items:center}.version-item:hover{background:var(--bg-hover)}.version-item.active{background:var(--bg-hover);border-left:2px solid var(--accent)}.version-item-time{font-family:var(--font-mono);font-size:.72rem;color:var(--fg)}.version-item-meta{display:flex;gap:8px;align-items:center}.version-item-badge{font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius);padding:1px 6px}.version-item-size{font-family:var(--font-mono);font-size:.62rem;color:var(--fg-dim)}.version-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:center;justify-content:center}.version-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 36px #00000080}.version-modal-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;position:relative}.version-modal-title{font-family:var(--font-mono);font-size:.78rem;color:var(--fg)}.version-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:18px;color:var(--fg-dim);cursor:pointer}.version-modal-close:hover{color:var(--fg)}.version-modal-body{flex:1;overflow-y:auto;min-height:0}.version-modal-content{padding:24px;font-family:var(--font-body);font-size:.92rem;line-height:1.7;color:var(--fg)}.version-modal-content p{margin-bottom:.5em}.version-modal-actions{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px}.version-action-btn{flex:1;padding:8px 18px;font-family:var(--font-heading);font-size:.85rem;font-weight:600;letter-spacing:-.02em;border:none;border-radius:var(--radius);cursor:pointer;transition:filter var(--transition)}.version-action-new{background:var(--primary);color:var(--bg)}.version-action-revert{background:var(--accent);color:var(--bg)}.version-action-btn:hover{filter:brightness(1.1)}.version-panel-loading,.version-panel-empty{padding:24px 18px;text-align:center;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-dim)}@media(max-width:768px){.version-panel{width:100%}}.annotation{cursor:pointer;border-bottom:2px solid var(--annotation-color);border-radius:var(--radius);transition:all var(--transition)}.annotation:hover{background:#6a9bcc14}.annotation.active{background:var(--active-highlight);box-shadow:0 0 0 3px var(--active-shadow);border-bottom-width:3px}.tooltip-container{display:none;position:fixed;left:50%;transform:translate(-50%);width:90%;max-width:680px;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius);box-shadow:0 12px 36px #00000080;z-index:1000;overflow:hidden}.tooltip-container.visible{display:block}.tooltip-close-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg);font-size:16px;z-index:1001;transition:all var(--transition)}.tooltip-close-btn:hover{background:var(--primary);color:var(--bg-surface);border-color:var(--primary)}.tooltip-text{font-style:italic;color:var(--fg);padding:16px 48px 12px 20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--bg-hover),var(--bg-surface));font-size:15px;letter-spacing:.01em;font-family:var(--font-body)}.tooltip-content-wrapper{position:relative}.tooltip-content{max-height:35vh;min-height:30px;overflow-y:auto;overflow-x:hidden;text-align:left;padding:16px 20px;line-height:1.7;font-family:var(--font-body);font-size:.92rem;color:var(--fg)}.tooltip-content::-webkit-scrollbar{width:6px}.tooltip-content::-webkit-scrollbar-track{background:var(--bg-surface)}.tooltip-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tooltip-content::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}.tooltip-scroll-indicator{position:absolute;bottom:8px;right:20px;width:32px;height:32px;background:var(--tooltip-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fg);opacity:0;transition:opacity .3s ease;pointer-events:none;box-shadow:0 4px 12px #00000080;border:2px solid var(--border)}.tooltip-scroll-indicator.visible{opacity:.9}.tooltip-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--border)}.tooltip-meta-type{display:flex;gap:12px;align-items:baseline}.tooltip-type-value{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--annotation-color);letter-spacing:-.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}@media(max-width:768px){.sidebar{width:260px}.editor-wrapper .tiptap,.editor-wrapper .ProseMirror{padding:24px 18px;margin:0;border-left:none;border-right:none}.toolbar{padding:6px 12px;overflow-x:auto;justify-content:center;position:relative;background:transparent}.toolbar-filename,.toolbar select[title="Font family"],.toolbar-spacing,.toolbar-zoom,.toolbar-page-break-btn,.toolbar-wordcount,.toolbar-hide-btn,.toolbar-divider,.toolbar button[title="Align left"],.toolbar button[title="Align center"],.toolbar button[title="Align right"],.toolbar button[title=Justify]{display:none!important}.toolbar-reveal{display:none}.hamburger{top:auto;bottom:12px;left:8px}.login-title{font-size:48px}.tooltip-container{left:0!important;transform:none!important;width:100%!important;border-radius:var(--radius) var(--radius) 0 0;border-left:none;border-right:none}.tooltip-content{max-height:50vh;text-align:left}}@media(max-width:480px){.header-filename{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar select{font-size:.62rem;padding:4px 6px}.toolbar button{width:26px;height:26px;font-size:13px}.login-title{font-size:36px}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.hamburger,.save-indicator,.sidebar,.toolbar,.toolbar-reveal,.tooltip-container,.annotation{display:none!important;border:none!important}.annotation{display:inline!important;border:none!important;background:none!important;box-shadow:none!important}.app,.main,.editor-wrapper,.editor-zoom-wrapper{display:block!important;overflow:visible!important;height:auto!important}.editor-wrapper .tiptap,.editor-wrapper .ProseMirror{padding:0!important;margin:0!important;max-width:none!important;min-height:auto!important;font-size:12pt!important;line-height:1.5!important}.editor-wrapper .tiptap p,.editor-wrapper .ProseMirror p{margin-bottom:.5em!important}@page{margin:1in}}