*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;color:#111;background:#fff;line-height:1.6}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid #e5e7eb}.system-banner{position:fixed;top:0;left:0;right:0;z-index:200;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.nav-sticky{position:sticky;top:var(--banner-height, 0px);background:#fff;z-index:100}.nav-landing{margin-top:var(--banner-height, 0px)}.nav-left{display:flex;align-items:center;gap:1rem}.nav-back{font-size:.85rem}.nav-book-title{font-weight:600;color:#0f172a;font-size:.95rem}.book-title-menu{position:relative}.book-title-menu-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.3rem;padding:.25rem .4rem;border-radius:5px}.book-title-menu-btn:hover{background:#f1f5f9}.book-title-menu-dropdown{left:0;right:auto;width:max-content;white-space:nowrap}.nav-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#111;text-decoration:none}.nav-logo span{color:#2563eb}.nav-cta{background:#2563eb;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none}.nav-cta:hover{background:#1d4ed8}.hero{max-width:720px;margin:0 auto;padding:6rem 2rem 5rem;text-align:center}.hero-badge{display:inline-block;background:#eff6ff;color:#2563eb;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .85rem;border-radius:999px;margin-bottom:1.5rem}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem;color:#0f172a}.hero p{font-size:1.15rem;color:#475569;max-width:540px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:#2563eb;color:#fff;padding:.75rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;color:#374151;padding:.75rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid #d1d5db;cursor:pointer}.btn-secondary:hover{background:#f9fafb}.demo{max-width:840px;margin:0 auto;padding:0 2rem 5rem}.demo-video{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.demo-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.features{background:#f8fafc;padding:5rem 2rem}.features-inner{max-width:960px;margin:0 auto}.features-header{text-align:center;margin-bottom:3rem}.features-header h2{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;margin-bottom:.5rem}.features-header p{color:#64748b;font-size:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.feature-icon{font-size:1.75rem;margin-bottom:1rem}.feature-card h3{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:#64748b;line-height:1.65}.footer{text-align:center;padding:2.5rem 2rem;color:#94a3b8;font-size:.85rem;border-top:1px solid #e5e7eb}.nav-user{display:flex;align-items:center;gap:1rem}.user-menu{position:relative}.user-menu-btn{background:none;border:none;cursor:pointer;font-size:.9rem;color:#475569;padding:.25rem .4rem;border-radius:5px;display:flex;align-items:center;gap:.3rem}.user-menu-btn:hover{background:#f1f5f9;color:#0f172a}.user-menu-caret{font-size:.65rem;color:#94a3b8}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1200;padding:.25rem 0}.user-menu-item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:.5rem 1rem;font-size:.875rem;color:#334155}.user-menu-item:hover{background:#f1f5f9;color:#0f172a}.user-menu-item:disabled{color:#94a3b8;cursor:default}.user-menu-item:disabled:hover{background:none}.user-menu-divider{height:1px;background:#e2e8f0;margin:.25rem 0}.login-page{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2.5rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1.25rem}.login-logo{display:block;margin-bottom:.25rem}.login-card h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.login-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:.6rem .85rem;font-size:.875rem}.login-field{display:flex;flex-direction:column;gap:.375rem}.login-field label{font-size:.875rem;font-weight:500;color:#374151}.login-field input{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;outline:none;transition:border-color .15s}.login-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-btn{width:100%;padding:.7rem;font-size:.95rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-back{background:none;border:none;color:#64748b;font-size:.875rem;cursor:pointer;padding:0;text-align:left}.login-back:hover{color:#374151}.login-first-time{color:#2563eb;font-size:.8rem}.setup-hint{font-size:.875rem;color:#64748b;margin-top:-.5rem}.field-hint{display:block;margin-top:.25rem;font-size:.8rem;color:#64748b}.nav-admin{font-size:.85rem;padding:.4rem 1rem}.profile-page{max-width:540px;margin:0 auto;padding:2.5rem 2rem}.profile-header{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:2rem}.profile-header h2{font-size:1.25rem;font-weight:700;color:#0f172a}.profile-body{display:flex;flex-direction:column;gap:2rem}.profile-section{border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem 1.5rem;background:#fff}.profile-section-title{font-size:.9rem;font-weight:600;color:#334155;margin-bottom:1rem}.profile-form{display:flex;flex-direction:column;gap:.75rem}.profile-field-row{display:flex;align-items:center;gap:1rem}.profile-label{width:11rem;flex-shrink:0;font-size:.875rem;color:#64748b}.profile-value{font-size:.875rem;color:#0f172a}.profile-input{flex:1;border:1px solid #d1d5db;border-radius:6px;padding:.4rem .7rem;font-size:.875rem;font-family:inherit}.profile-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.profile-btn{align-self:flex-start;margin-top:.25rem;padding:.45rem 1.25rem;font-size:.875rem}.profile-success{font-size:.82rem;color:#16a34a}.profile-error{font-size:.82rem;color:#dc2626}.admin-panel{max-width:800px;margin:0 auto;padding:2.5rem 2rem}.admin-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.admin-header h2{font-size:1.25rem;font-weight:700;color:#0f172a}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:2.5rem}.admin-table th{text-align:left;font-weight:600;color:#475569;padding:.5rem .75rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{color:#2563eb}.sort-indicator{font-size:.7em;color:#cbd5e1;margin-left:.3rem}.sort-indicator.active{color:#2563eb}.admin-table td{padding:.6rem .75rem;border-bottom:1px solid #f1f5f9}.invite-link{font-size:.8rem;color:#2563eb;word-break:break-all}.role-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase}.role-admin{background:#eff6ff;color:#2563eb}.role-user{background:#f0fdf4;color:#16a34a}.role-approver{background:#fef3c7;color:#b45309}.admin-actions{display:flex;gap:.4rem}.reset-pwd-btn{background:none;border:1px solid #fcd34d;color:#92400e;font-size:.8rem;padding:.25rem .65rem;border-radius:5px;cursor:pointer}.reset-pwd-btn:hover{background:#fffbeb}.delete-btn{background:none;border:1px solid #fca5a5;color:#dc2626;font-size:.8rem;padding:.25rem .65rem;border-radius:5px;cursor:pointer}.delete-btn:hover{background:#fef2f2}.admin-add h3{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.admin-form .login-field select{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;background:#fff;width:100%}.workspace-body{max-width:960px;margin:0 auto;padding:4rem 2rem}.book-page-content{padding:1.5rem 2rem}.font-zoom{display:flex;align-items:center;gap:.2rem;margin-left:.5rem}.font-zoom-btn{background:none;border:1px solid #d1d5db;border-radius:5px;padding:.2rem .5rem;cursor:pointer;color:#475569;line-height:1}.font-zoom-btn:hover{border-color:#2563eb;color:#2563eb}.font-zoom-reset{font-size:.75rem;color:#94a3b8}.font-zoom-btn-active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.lang-switcher{display:flex;gap:.4rem}.lang-btn{background:none;border:1px solid #d1d5db;border-radius:5px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;text-transform:uppercase;cursor:pointer;color:#64748b}.lang-btn:hover{border-color:#2563eb;color:#2563eb}.lang-btn-active{background:#2563eb;border-color:#2563eb;color:#fff}.block-group{margin-bottom:.25rem}.block-group+.block-group{border-top:1px solid #64748b;padding-top:.25rem;margin-top:.25rem;margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}.read-mode .block-group+.block-group{border-top:none;padding-top:0;margin-top:0}.block-entry{position:relative;border:1px solid;border-radius:6px;padding:.3rem .75rem;margin-bottom:.15rem;outline:2px solid transparent;outline-offset:-1px;transition:outline-color .12s}.block-entry:hover{outline-color:#2563eb99}.block-revision{box-shadow:inset 4px 0 #94a3b8,inset -4px 0 #94a3b8}.block-revision-rejected{opacity:.45;text-decoration:line-through}.block-entry{scroll-margin-top:64px}.block-actions{position:absolute;bottom:.2rem;right:.3rem;display:flex;gap:.2rem;opacity:0;transition:opacity .1s;background:inherit;padding:0 .2rem;border-radius:4px}.block-entry:hover .block-actions,.block-comment:hover .block-actions{opacity:1}.block-action-btn{background:none;border:none;cursor:pointer;color:#94a3b8;padding:.15rem;line-height:0;transition:color .1s}.block-action-btn:hover{color:#2563eb}.block-action-btn:disabled{opacity:.35;cursor:default;color:#94a3b8}.block-action-delete:hover{color:#dc2626}.block-action-save:hover{color:#16a34a}.block-action-abort:hover{color:#dc2626}.block-editing{background:#fff!important;box-shadow:0 0 0 2px #2563eb,0 2px 8px #2563eb26!important}.block-comment{scroll-margin-top:64px;transition:box-shadow .12s;background:#fffdf0}.block-comment:hover{box-shadow:inset 0 0 0 2px #2563eb80}.typing-indicator{font-size:.72em;color:#94a3b8;font-style:italic;padding:.1rem 0;-webkit-user-select:none;user-select:none}.server-down-banner{position:fixed;top:0;left:0;right:0;z-index:1100;background:#92400e;color:#fef3c7;text-align:center;font-size:.85rem;padding:.4rem 1rem;letter-spacing:.01em}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;box-shadow:0 4px 12px #00000040;z-index:1000;pointer-events:none;animation:toast-in-out 2s ease forwards}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%,.5rem)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes comment-link-highlight{0%{background:#fde68a}to{background:transparent}}.block-comment-highlight,.block-link-highlight{animation:comment-link-highlight 4s ease-out}.reaction-bar{display:flex;flex-wrap:wrap;gap:.18rem;padding:.15rem 0 .08rem}.reaction-pill{display:inline-flex;align-items:center;gap:.15rem;padding:.05rem .3rem;border:1px solid #e2e8f0;border-radius:1rem;background:#f8fafc;cursor:pointer;font-size:.62em;line-height:1.4;color:#475569;transition:border-color .1s,background .1s}.reaction-pill:hover,.reaction-pill-mine{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.reaction-count{font-size:.9em;min-width:.9em;text-align:center}.emoji-picker{display:flex;flex-wrap:wrap;gap:.15rem;padding:.35rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;width:212px}.emoji-option{background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:1.3rem;padding:.2rem;line-height:1;transition:background .1s,border-color .1s}.emoji-option:hover{background:#f1f5f9;border-color:#e2e8f0}.emoji-option-active{background:#eff6ff;border-color:#2563eb}.block-edit-content{outline:none;min-height:1.5em;white-space:pre-wrap;word-break:break-word;caret-color:#334155}.diff-removed{color:#b91c1c;text-decoration:line-through}.diff-removed .pilcrow,.diff-removed .soft-return{color:#b91c1c}.diff-removed .pilcrow{display:inline;margin-bottom:0}.diff-added{background:#dcfce7;border-radius:2px;padding:0 1px}.diff-added .pilcrow,.diff-added .soft-return{color:#15803d}.pilcrow,.soft-return{color:#94a3b8;font-size:.85em;-webkit-user-select:none;user-select:none;margin-left:.2em}.pilcrow{display:inline-block;margin-bottom:.75em}.block-chapter{font-size:1.2em;font-weight:700;color:#0f172a;margin:.25rem 0}.block-text{color:#334155;line-height:1.5;margin:.1rem 0;white-space:pre-wrap}.block-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8}.book-list{list-style:none;margin-top:1.5rem}.book-item{position:relative;display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;background:#fff;cursor:pointer;min-height:80px}.book-thumb{width:96px;height:125px;object-fit:contain;border-radius:4px;flex-shrink:0}.book-item:hover{border-color:#2563eb;background:#eff6ff}.book-name{font-weight:500;color:#0f172a;min-width:180px;flex-shrink:0}.book-activity{flex:1;border-left:1px solid #e2e8f0;padding-left:.85rem;overflow:hidden}.book-activity-entry{font-size:.78rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.book-activity-actor{font-weight:600;color:#334155}.book-activity-time{color:#94a3b8}.book-list-empty{color:#94a3b8;margin-top:1.5rem}.workspace-body h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.workspace-body p{color:#64748b}.comment-markdown{margin:.15rem 0 0;color:#334155;line-height:1.5}.comment-markdown p{margin:0 0 .4em}.comment-markdown p:last-child{margin-bottom:0}.comment-markdown h1,.comment-markdown h2,.comment-markdown h3,.comment-markdown h4{font-size:1em;font-weight:700;margin:.3em 0 .2em;color:#0f172a}.comment-markdown ul,.comment-markdown ol{margin:.2em 0 .2em 1.2em;padding:0}.comment-markdown li{margin:.1em 0}.comment-markdown code{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.88em;background:#00000012;border-radius:3px;padding:.1em .3em}.comment-markdown pre{background:#00000012;border-radius:4px;padding:.5em .75em;overflow-x:auto;margin:.3em 0}.comment-markdown pre code{background:none;padding:0}.comment-markdown blockquote{border-left:3px solid #e0d8a0;margin:.25em 0;padding-left:.65em;color:#64748b}.comment-markdown a{color:#2563eb;text-decoration:underline}.comment-markdown a:hover{color:#1d4ed8}.comment-markdown hr{border:none;border-top:1px solid #e0d8a0;margin:.4em 0}.comment-markdown table{border-collapse:collapse;font-size:.9em;margin:.3em 0}.comment-markdown th,.comment-markdown td{border:1px solid #e0d8a0;padding:.2em .5em}.comment-markdown th{background:#0000000a;font-weight:600}.activity-panel{position:fixed;top:64px;right:0;bottom:0;width:380px;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-4px 0 16px #00000014;display:flex;flex-direction:column;z-index:900}.activity-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-weight:600;font-size:.9rem;flex-shrink:0}.activity-close-btn,.activity-refresh-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem;line-height:1;padding:.1rem .3rem;border-radius:4px}.activity-close-btn:hover,.activity-refresh-btn:hover{color:#475569;background:#f1f5f9}.activity-panel-body{flex:1;overflow-y:auto;padding:.5rem 0}.activity-empty{color:#94a3b8;font-size:.85rem;text-align:center;padding:2rem 1rem}.activity-entry{padding:.5rem 1rem;border-bottom:1px solid #f1f5f9}.activity-entry:last-child{border-bottom:none}.activity-entry-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.15rem}.activity-actor{font-size:.82rem;font-weight:600;color:#334155}.activity-time{font-size:.75rem;color:#94a3b8;white-space:nowrap;margin-left:.5rem}.activity-entry-desc{font-size:.82rem;color:#475569;line-height:1.4}.activity-entry-desc a{color:#2563eb;text-decoration:none}.activity-entry-desc a:hover{text-decoration:underline}.activity-snippet{font-size:.78rem;color:#94a3b8;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-item-actions{position:absolute;bottom:.3rem;right:.4rem;display:flex;gap:.2rem;opacity:0;transition:opacity .1s}.book-item:hover .book-item-actions{opacity:1}.book-item-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.15rem .35rem;line-height:1;color:#94a3b8;transition:color .1s,border-color .1s}.book-item-delete-btn:hover{color:#dc2626;border-color:#dc2626}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background:#fff;border-radius:10px;padding:1.75rem 2rem;max-width:420px;width:calc(100% - 2rem);box-shadow:0 8px 32px #0003}.modal h3{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.modal p{font-size:.9rem;color:#475569;line-height:1.55;margin-bottom:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.65rem}.modal input[type=file]{display:block;font-size:.85rem;margin-bottom:1.25rem}.modal .profile-error{margin-bottom:1.25rem}.kindle-modal{max-width:640px}.kindle-annotation-list{list-style:none;margin:0 0 1.25rem;padding:0;max-height:50vh;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px}.kindle-annotation-item{padding:.6rem .85rem;border-bottom:1px solid #e2e8f0}.kindle-annotation-item:last-child{border-bottom:none}.kindle-annotation-meta{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:#64748b;margin-bottom:.3rem}.kindle-annotation-type{font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#334155}.kindle-annotation-match{color:#15803d}.kindle-annotation-nomatch{color:#b91c1c}.kindle-annotation-content{font-size:.9rem;color:#1e293b;line-height:1.5;white-space:pre-wrap}.acl-modal{max-width:640px}.acl-table{width:100%;border-collapse:collapse;margin-bottom:1.25rem;font-size:.875rem}.acl-table th,.acl-table td{border:1px solid #e2e8f0;padding:.5rem .75rem;text-align:center}.acl-table thead th{background:#f8fafc;color:#334155}.acl-table .acl-subheader{font-weight:500;color:#64748b;font-size:.78rem}.acl-table .acl-user{text-align:left;font-weight:500;color:#1e293b}.acl-table .acl-username{font-weight:400;color:#94a3b8}.acl-table .acl-checkbox{width:4.5rem}