:root,[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--border-color: #e2e8f0;--border-light: #f1f5f9;--text-primary: #111827;--text-secondary: #64748b;--text-tertiary: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: #eff6ff;--error: #ef4444;--success: #10b981;--code-bg: #f3f4f6;--comment-highlight: rgba(59, 130, 246, .15);--comment-highlight-border: rgba(59, 130, 246, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #252526;--bg-tertiary: #2d2d2d;--bg-quaternary: #333333;--border-color: #404040;--border-light: #333333;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-light: rgba(59, 130, 246, .1);--error: #f87171;--success: #34d399;--code-bg: #1e1e1e;--comment-highlight: rgba(59, 130, 246, .2);--comment-highlight-border: rgba(59, 130, 246, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.hidden{display:none!important}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--bg-quaternary);color:var(--text-primary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{text-align:center;padding:3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-width:400px;width:100%}.login-icon{font-size:3rem;margin-bottom:1rem}.login-card h1{font-size:1.5rem;margin-bottom:.5rem}.login-card p{color:var(--text-secondary);margin-bottom:1.5rem}.loading-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.error-icon{font-size:4rem}.error-container h1{font-size:1.5rem}.error-container p{color:var(--text-secondary);max-width:400px}.viewer-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left{flex:1;min-width:0}.doc-title{font-size:1.125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.meta-sep{margin:0 .25rem}.header-right{display:flex;align-items:center;gap:.5rem;margin-left:1rem;flex-shrink:0}.theme-toggle{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.theme-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .15s}.theme-btn:hover{color:var(--text-primary)}.theme-btn.active{background:var(--accent);color:#fff}.user-menu{position:relative}.btn-user{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.8125rem;color:var(--text-primary)}.user-avatar{width:28px;height:28px;border-radius:6px;background:var(--accent-light)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);min-width:150px;overflow:hidden;z-index:200}.dropdown-item{display:block;width:100%;padding:.625rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--bg-tertiary)}.viewer-body{display:flex;min-height:calc(100vh - 60px)}.doc-content{flex:1;max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem;overflow-x:hidden}.comment-sidebar{width:320px;flex-shrink:0;border-left:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column}.sidebar-header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:.9375rem;font-weight:600}.comment-count{font-size:.75rem;font-weight:500;color:var(--accent);background:var(--accent-light);padding:.125rem .5rem;border-radius:10px}.comment-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.no-comments{color:var(--text-tertiary);font-size:.8125rem;text-align:center;padding:2rem 1rem}.comment-card{padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-light)}.comment-card.orphaned{opacity:.6;border-left:3px solid var(--text-tertiary)}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.comment-avatar{width:24px;height:24px;border-radius:6px;background:var(--accent-light)}.comment-author{font-size:.8125rem;font-weight:500}.comment-time{font-size:.6875rem;color:var(--text-tertiary);margin-left:auto}.comment-quote{font-size:.75rem;color:var(--accent);font-style:italic;margin-bottom:.375rem;padding:.25rem .5rem;background:var(--accent-light);border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-text{font-size:.8125rem;line-height:1.5}.comment-actions{display:flex;gap:.5rem;margin-top:.5rem}.comment-action-btn{font-size:.6875rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:0}.comment-action-btn:hover{color:var(--accent)}.comment-replies{margin-top:.5rem;padding-left:.75rem;border-left:2px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.reply-item{padding:.5rem 0;font-size:.8125rem}.reply-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.25rem}.reply-avatar{width:20px;height:20px;border-radius:4px;background:var(--accent-light)}.reply-author{font-weight:500;font-size:.75rem}.reply-time{font-size:.625rem;color:var(--text-tertiary)}.selection-toolbar{position:fixed;z-index:300;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:.25rem}.comment-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400}.comment-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.comment-modal-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);width:90%;max-width:480px;overflow:hidden}.comment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.comment-modal-header h3{font-size:.9375rem}.comment-modal-quote{padding:.5rem 1rem;background:var(--accent-light);font-size:.8125rem;color:var(--accent);font-style:italic}.comment-input{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:.875rem;resize:vertical;min-height:80px}.comment-input:focus{outline:none}.comment-input::placeholder{color:var(--text-tertiary)}.comment-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-color)}.doc-content h1,.doc-content h2,.doc-content h3,.doc-content h4,.doc-content h5,.doc-content h6{margin:1.5rem 0 .75rem;font-weight:600;line-height:1.3}.doc-content h1{font-size:2rem}.doc-content h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.375rem}.doc-content h3{font-size:1.25rem}.doc-content h4{font-size:1.1rem}.doc-content p{margin:.75rem 0;line-height:1.7}.doc-content ul,.doc-content ol{margin:.75rem 0;padding-left:1.5rem}.doc-content li{margin:.25rem 0;line-height:1.6}.doc-content li>ul,.doc-content li>ol{margin:.25rem 0}.doc-content blockquote{border-left:3px solid var(--accent);padding:.5rem 1rem;margin:.75rem 0;color:var(--text-secondary);background:var(--accent-light);border-radius:0 8px 8px 0}.doc-content hr{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}.doc-content a{color:var(--accent);text-decoration:none}.doc-content a:hover{text-decoration:underline}.doc-content strong{font-weight:600}.doc-content em{font-style:italic}.doc-content del{text-decoration:line-through;color:var(--text-secondary)}.doc-content img{max-width:100%;border-radius:8px;margin:.75rem 0}.doc-content table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.875rem}.doc-content th,.doc-content td{border:1px solid var(--border-color);padding:.5rem .75rem;text-align:left}.doc-content th{background:var(--bg-tertiary);font-weight:600}.doc-content tr:nth-child(2n){background:var(--bg-tertiary)}.doc-content input[type=checkbox]{margin-right:.5rem;accent-color:var(--accent)}.doc-content code{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,monospace}.doc-content :not(pre)>code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px;font-size:.875em}.code-block{background:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin:.75rem 0}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:.375rem .75rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-block-lang{font-size:.6875rem;color:var(--text-tertiary);text-transform:lowercase}.code-block-copy{padding:.125rem .375rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);font-size:.6875rem;cursor:pointer}.code-block-copy:hover{color:var(--text-primary);background:var(--bg-quaternary)}.code-block pre{margin:0;padding:1rem;overflow-x:auto;background:transparent;border:none}.code-block pre code{font-size:.875rem;line-height:1.5}.comment-anchor{background:var(--comment-highlight);border-bottom:2px solid var(--comment-highlight-border);cursor:pointer;border-radius:2px;transition:background .15s}.comment-anchor:hover{background:#3b82f640}.anchor-popover{position:absolute;z-index:350;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:.625rem .75rem;max-width:280px;pointer-events:auto;animation:popover-in .12s ease-out}.anchor-popover-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.anchor-popover-header strong{font-size:.8125rem}.anchor-popover-time{font-size:.6875rem;color:var(--text-tertiary)}.anchor-popover-body{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}@keyframes popover-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.comment-card-highlight{animation:card-flash 2s ease-out}@keyframes card-flash{0%,30%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:none}}[data-paragraph-id]{position:relative}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.625rem 1.25rem;background:var(--text-primary);color:var(--bg-primary);border-radius:8px;font-size:.8125rem;z-index:500;animation:toast-in .2s ease-out;box-shadow:var(--shadow-lg)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.comment-sidebar{display:none}.doc-content{max-width:100%}}@media(max-width:640px){.viewer-header{padding:.5rem 1rem}.doc-title{font-size:1rem}.doc-content{padding:1rem}.doc-content h1{font-size:1.5rem}.doc-content h2{font-size:1.25rem}}