:root{--bg:#f8f7f4;--surface:#fff;--surface-raised:#f3f2ef;--surface-inset:#eceae6;--border:#e2e0db;--hover:#efeee9;--text:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--accent:#6366f1;--accent-hover:#4f46e5;--accent-soft:#6366f114;--accent-glow:#6366f126;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius:8px;--nav-height:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111110;--surface:#1c1b1a;--surface-raised:#262524;--surface-inset:#0e0d0c;--border:#363432;--hover:#2e2c2a;--text:#eeeceb;--text-secondary:#a8a29e;--text-muted:#6b6560;--accent:#818cf8;--accent-hover:#6366f1;--accent-soft:#818cf81a;--accent-glow:#818cf826;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}}@media (width<=767px){:root{--nav-height:48px}}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-glow);color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=767px){button,a{-webkit-tap-highlight-color:transparent}}.notif-bell-wrapper{position:relative}.notif-bell-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.notif-bell-btn:hover{background:var(--hover);color:var(--text);border-color:var(--text-muted)}.notif-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:340px;max-height:420px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;animation:.15s ease-out notif-fade-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notif-dropdown-title{font-size:.85rem;font-weight:700}.notif-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600}.notif-mark-all:hover{background:var(--accent-soft)}.notif-dropdown-list{flex:1;overflow-y:auto}.notif-dropdown-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.82rem}.notif-item{cursor:pointer;border-bottom:1px solid var(--border);padding:.65rem 1rem;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--hover)}.notif-item--unread{background:var(--accent-soft)}.notif-item--unread:hover{background:var(--accent-glow)}.notif-item-text{color:var(--text);font-size:.8rem;line-height:1.4}.notif-actor{font-weight:600}.notif-item-time{color:var(--text-muted);margin-top:2px;font-size:.68rem}.notif-see-all{border:none;border-top:1px solid var(--border);color:var(--accent);cursor:pointer;text-align:center;background:0 0;width:100%;padding:.6rem 1rem;font-size:.78rem;font-weight:600}.notif-see-all:hover{background:var(--hover)}@keyframes notif-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.notif-dropdown{top:var(--nav-height);width:100%;max-height:calc(100vh - var(--nav-height));border-left:none;border-right:none;border-radius:0;position:fixed;left:0;right:0}}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.avatar span{letter-spacing:-.02em}.avatar svg{display:block}.top-nav{height:var(--nav-height);border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:relative}.nav-left{align-items:center;gap:2rem;display:flex}.nav-hamburger{border-radius:var(--radius);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.nav-hamburger:hover{background:var(--hover)}.nav-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.nav-brand:hover{text-decoration:none}.nav-brand-icon{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.nav-links{gap:.125rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-link:hover{background:var(--hover);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent);color:#fff}.nav-link--disabled{opacity:.35;pointer-events:none;cursor:default}.nav-link-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-link.active .nav-link-dot{background:#fff}.nav-link--primary{background:var(--accent);color:#fff}.nav-link--primary:hover{opacity:.9;color:#fff;text-decoration:none}.nav-right{flex-shrink:0;align-items:center;display:flex}.nav-user{align-items:center;gap:.5rem;display:flex}.nav-profile{color:var(--text);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:.5rem;padding:.3rem .6rem .3rem .3rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav-profile:hover{background:var(--hover);text-decoration:none}.nav-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:flex}.nav-avatar--sm{width:24px;height:24px;font-size:.65rem}.nav-auth{align-items:center;gap:.5rem;display:flex}.btn-signout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius);white-space:nowrap;background:0 0;padding:.25rem .5rem;font-size:.75rem;transition:all .15s}.btn-signout:hover{background:var(--hover);color:var(--text);border-color:var(--text-muted)}.nav-mobile-backdrop,.nav-mobile-menu{display:none}@media (width<=767px){.top-nav{padding:0 .75rem}.nav-left{gap:.25rem}.nav-hamburger{display:flex}.nav-links,.nav-profile-name{display:none}.nav-profile{padding:.4rem}.btn-signout,.nav-brand-text{display:none}.nav-mobile-backdrop{inset:0;top:var(--nav-height);background:var(--bg);opacity:.95;z-index:99;animation:.15s ease-out fade-in;display:block;position:fixed}.nav-mobile-menu{top:var(--nav-height);background:var(--surface);z-index:100;flex-direction:column;padding:.5rem;animation:.15s ease-out slide-down;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.nav-mobile-link{border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.nav-mobile-link:hover{background:var(--hover);text-decoration:none}.nav-mobile-link--disabled{color:var(--text-muted);opacity:.45;cursor:default}.nav-mobile-link--disabled:hover{background:0 0}.nav-mobile-soon{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-raised);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:700}.nav-mobile-divider{background:var(--border);height:1px;margin:.25rem .75rem}.nav-mobile-signout{color:var(--text-muted)}.nav-mobile-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.2s ease-out page-fade-in;display:contents}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell-content{flex:1;min-height:0;display:flex;overflow:hidden}.auth-page{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow-y:auto}.auth-form{flex-direction:column;gap:1rem;width:100%;max-width:380px;display:flex}.auth-form h1{margin:0 0 .5rem;font-size:1.5rem}.auth-form label{color:var(--text-secondary);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.auth-form input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;outline:none;padding:.6rem .75rem;font-size:1rem}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.btn-primary{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active:not(:disabled){opacity:.8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#dc2626;background:#fef2f2;border-radius:6px;padding:.6rem .75rem;font-size:.85rem}.auth-switch{text-align:center;color:var(--text-muted);font-size:.85rem}.auth-switch a{color:var(--accent)}@media (width<=767px){.auth-page{align-items:flex-start;padding:10vh 1rem 1.5rem}.auth-form h1{font-size:1.3rem}}.prompt-node{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:.75rem 0;transition:all .2s;overflow:hidden}.prompt-node--empty{border-style:dashed}.prompt-node--empty .prompt-node-header{animation:3s ease-in-out infinite prompt-pulse}@keyframes prompt-pulse{0%,to{opacity:1}50%{opacity:.7}}.prompt-node--collapsed{background:var(--surface-raised)}.prompt-node-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;transition:background .15s;display:flex}.prompt-node-header:hover{background:var(--hover)}.prompt-node-icon{color:var(--accent);opacity:.7;flex-shrink:0;margin-top:1px}.prompt-node-question{color:var(--text-secondary);flex:1;font-size:.85rem;font-style:italic;font-weight:500;line-height:1.5}.prompt-node-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.prompt-node-response{border-top:1px solid var(--border);padding:.75rem 1rem;animation:.2s ease-out prompt-expand}.prompt-node-content{outline:none;min-height:2rem}.prompt-node-content p{margin:.25rem 0}.prompt-node-content p:first-child{margin-top:0}.prompt-node-content p.is-empty:first-child:before{content:"Start writing...";color:var(--text-muted);float:left;pointer-events:none;height:0;font-style:italic}@keyframes prompt-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.moment-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:.75rem 0;transition:box-shadow .2s;overflow:hidden}.moment-card:hover{box-shadow:var(--shadow-sm)}.moment-card-header{background:var(--surface-raised);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.moment-card-badge{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.moment-card-label{flex:1;font-size:.82rem;font-weight:600}.moment-card-actions{opacity:0;gap:.25rem;transition:opacity .15s;display:flex}.moment-card:hover .moment-card-actions{opacity:1}.moment-card-btn{border-radius:var(--radius);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.moment-card-move:hover{background:var(--hover);color:var(--text)}.moment-card-add:hover{background:var(--accent-soft);color:var(--accent)}.moment-card-remove:hover{color:#fff;background:#ef4444}.moment-card-fields{padding:0}.moment-field{border-bottom:1px solid var(--border);padding:.65rem 1rem}.moment-field:last-child{border-bottom:none}.moment-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);opacity:.7;-webkit-user-select:none;user-select:none;margin-bottom:.35rem;font-size:.68rem;font-weight:700}.moment-field-content{outline:none;min-height:1.5rem;font-size:.9rem;line-height:1.6}.moment-field-content p{margin:.15rem 0}.moment-field-content p.is-empty:first-child:before{content:"Write here...";color:var(--text-muted);float:left;pointer-events:none;height:0;font-size:.85rem;font-style:italic}@media (width<=767px){.moment-card-actions{opacity:1}}.feelings-wheel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:.75rem 0}.feelings-wheel--readonly .feelings-primary-btn,.feelings-wheel--readonly .feelings-secondary-btn,.feelings-wheel--readonly .feelings-clear{cursor:default;pointer-events:none}.feelings-wheel--readonly .feelings-primary-btn:hover{background:var(--surface-raised);border-color:#0000;overflow:hidden}.feelings-wheel-header{background:var(--surface-raised);border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.82rem;font-weight:600;display:flex}.feelings-wheel-header svg{color:var(--accent);opacity:.7}.feelings-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.7rem}.feelings-clear:hover{background:var(--hover);color:var(--text)}.feelings-primary-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.75rem;display:grid}.feelings-primary-btn{border-radius:var(--radius);background:var(--surface-raised);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .25rem;transition:all .15s;display:flex}.feelings-primary-btn:hover{border-color:var(--feeling-color);background:color-mix(in srgb, var(--feeling-color) 8%, transparent)}.feelings-primary-btn.is-selected{border-color:var(--feeling-color);background:color-mix(in srgb, var(--feeling-color) 12%, transparent);box-shadow:0 0 0 1px var(--feeling-color)}.feelings-emoji{font-size:1.5rem;line-height:1}.feelings-label{color:var(--text-secondary);text-transform:capitalize;font-size:.72rem;font-weight:500}.feelings-secondary{border-top:1px solid var(--border);padding:.5rem .75rem .75rem;animation:.2s ease-out feelings-expand}.feelings-secondary-label{color:var(--text-muted);margin-bottom:.4rem;padding-left:.25rem;font-size:.72rem;font-weight:500}.feelings-secondary-grid{flex-wrap:wrap;gap:.3rem;display:flex}.feelings-secondary-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .65rem;font-size:.75rem;transition:all .15s}.feelings-secondary-btn:hover{border-color:var(--feeling-color);color:var(--text);background:color-mix(in srgb, var(--feeling-color) 8%, transparent)}.feelings-secondary-btn.is-selected{border-color:var(--feeling-color);background:var(--feeling-color);color:#fff;font-weight:600}.feelings-result{border-top:1px solid var(--border);background:color-mix(in srgb, var(--feeling-color) 5%, transparent);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.feelings-result-emoji{font-size:1.2rem}.feelings-result-text{color:var(--text-secondary);text-transform:capitalize;font-size:.82rem}.feelings-result-text strong{color:var(--text)}@keyframes feelings-expand{0%{opacity:0}to{opacity:1}}@media (width<=767px){.feelings-primary-grid{grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.6rem}.feelings-emoji{font-size:1.3rem}}.editor-toolbar{border-bottom:1px solid var(--border);background:var(--surface-raised);flex-wrap:wrap;gap:2px;padding:.5rem .75rem;display:flex}.toolbar-btn{min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:.78rem;transition:all .12s;display:inline-flex}.toolbar-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.toolbar-btn.is-active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-divider{background:var(--border);align-self:center;width:1px;height:20px;margin:0 4px}@media (width<=767px){.editor-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:1px;padding:.4rem .5rem;overflow-x:auto}.editor-toolbar::-webkit-scrollbar{display:none}.toolbar-btn{flex-shrink:0;min-width:36px;height:36px;font-size:.82rem}.toolbar-divider{flex-shrink:0;height:24px;margin:0 2px}}.editor-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-content{flex:1;padding:2rem 2.5rem;overflow-y:auto}.editor-content .tiptap{outline:none;min-height:300px;font-size:.95rem;line-height:1.7}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0;font-style:italic}.editor-content .tiptap h1{letter-spacing:-.03em;margin:1.25rem 0 .5rem;font-size:1.75rem;font-weight:700}.editor-content .tiptap h2{letter-spacing:-.02em;margin:1rem 0 .4rem;font-size:1.35rem;font-weight:600}.editor-content .tiptap h3{margin:.75rem 0 .3rem;font-size:1.1rem;font-weight:600}.editor-content .tiptap [data-locked=true]{-webkit-user-select:none;user-select:none;cursor:default;opacity:.8}.editor-content .tiptap p[data-locked=true]{color:var(--text-secondary);font-style:italic}.editor-content .tiptap p{margin:.5rem 0}.editor-content .tiptap ul,.editor-content .tiptap ol{padding-left:1.5rem}.editor-content .tiptap ul[data-type=taskList]{padding-left:0;list-style:none}.editor-content .tiptap ul[data-type=taskList] li{align-items:flex-start;gap:.5rem;display:flex}.editor-content .tiptap ul[data-type=taskList] li label{margin-top:.25rem}.editor-content .tiptap blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin-left:0;padding-left:1rem;font-style:italic}.editor-content .tiptap pre{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.82rem;line-height:1.5;overflow-x:auto}.editor-content .tiptap code{background:var(--surface-raised);border-radius:4px;padding:.15rem .35rem;font-size:.85em}.editor-content .tiptap mark{background-color:#fef08a;border-radius:2px;padding:.1rem 0}.editor-content .tiptap img{border-radius:var(--radius);max-width:100%;margin:.75rem 0}.editor-content .tiptap hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.editor-tags-bar{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.editor-footer{color:var(--text-muted);border-top:1px solid var(--border);background:var(--surface-raised);flex-shrink:0;justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.72rem;display:flex}.editor-footer-stats{white-space:nowrap}.editor-footer-actions{gap:.25rem;display:flex}@media (width<=767px){.editor-wrapper{box-shadow:none;border-left:none;border-right:none;border-radius:0}.editor-content{padding:1rem}.editor-content .tiptap{min-height:200px;font-size:1rem}.editor-content .tiptap h1{font-size:1.4rem}.editor-content .tiptap h2{font-size:1.15rem}.editor-footer{padding:.4rem 1rem}}.tag-editor{cursor:text;align-items:center;gap:.35rem;min-height:28px;padding:.25rem .5rem;display:flex}.tag-editor-icon{color:var(--text-muted);opacity:.6;flex-shrink:0}.tag-editor--focused .tag-editor-icon{color:var(--accent);opacity:1}.tag-editor-tags{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.tag-pill{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:10px;align-items:center;gap:.2rem;padding:.1rem .45rem;font-size:.68rem;font-weight:600;line-height:1.5;display:inline-flex}.tag-pill-remove{width:14px;height:14px;color:var(--accent);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s;display:flex}.tag-pill-remove:hover{opacity:1;background:var(--accent);color:#fff}.tag-editor-input{color:var(--text);background:0 0;border:none;outline:none;min-width:20px;padding:.1rem 0;font-size:.72rem}.tag-editor-input::placeholder{color:var(--text-muted)}.journal-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;width:300px;min-width:300px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.sidebar-header h2{letter-spacing:-.01em;color:var(--text);margin:0;font-size:.85rem;font-weight:600}.sidebar-header-actions{align-items:center;gap:.35rem;display:flex}.btn-import{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:.3rem;padding:.35rem .55rem;font-size:.72rem;font-weight:500;transition:all .15s;display:flex}.btn-import-label{display:none}@media (width>=768px){.btn-import-label{display:inline}}.btn-import:hover{background:var(--hover);color:var(--text);border-color:var(--text-muted)}.btn-new{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.btn-new:hover{background:var(--hover);color:var(--text);border-color:var(--text-muted)}.entry-list{flex-direction:column;flex:1;gap:2px;margin:0;padding:.5rem;list-style:none;display:flex;overflow-y:auto}.entry-item{cursor:pointer;border-radius:var(--radius);padding:.75rem 1rem;transition:background .15s;position:relative}.entry-item:hover{background:var(--hover)}.entry-item.is-active{background:var(--accent-soft);border-left:3px solid var(--accent)}.entry-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:.85rem;font-weight:600;overflow:hidden}.entry-meta{color:var(--text-muted);margin-top:2px;font-size:.7rem}.btn-delete{border-radius:var(--radius);width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:.6rem;right:.5rem}.entry-item:hover .btn-delete{opacity:1}.btn-delete:hover{color:#fff;background:#ef4444}.entry-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.5rem;font-size:.78rem;display:flex}.entry-loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite entry-spin}@keyframes entry-spin{to{transform:rotate(360deg)}}.entry-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1.5rem}.entry-empty-icon{opacity:.25;color:var(--text-muted);margin-bottom:.5rem}.entry-empty p{margin:0;font-size:.82rem}.entry-empty-cta{border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);cursor:pointer;background:0 0;align-items:center;gap:.4rem;margin-top:.75rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.entry-empty-cta:hover{background:var(--accent-soft);border-color:var(--accent)}@media (width<=767px){.entry-empty{padding:1.75rem 1.25rem}.entry-empty-icon{margin-bottom:.4rem}.entry-empty-cta{justify-content:center;width:100%;padding:.55rem 1rem;font-size:.82rem}}.share-backdrop{z-index:200;background:#00000080;animation:.15s ease-out share-fade-in;position:fixed;inset:0}.share-dialog{background:var(--surface);border:1px solid var(--border);width:420px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);box-shadow:var(--shadow-lg);z-index:201;border-radius:12px;animation:.2s ease-out share-scale-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.share-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.share-header h3{margin:0;font-size:.95rem;font-weight:700}.share-close{border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.share-close:hover{background:var(--hover);color:var(--text)}.share-entry-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:.75rem 1.25rem 0;font-size:.82rem;overflow:hidden}.share-msg{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);margin:.75rem 1.25rem 0;padding:.5rem .75rem;font-size:.78rem}.share-loading,.share-empty{text-align:center;color:var(--text-muted);padding:2rem 1.25rem;font-size:.85rem}.share-all{padding:1rem 1.25rem 0}.share-all-row{background:var(--accent-soft);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.share-all-label{color:var(--accent);font-size:.82rem;font-weight:600}.share-divider{color:var(--text-muted);align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.72rem;display:flex}.share-divider:before,.share-divider:after{content:"";background:var(--border);flex:1;height:1px}.share-friends-list{flex-direction:column;gap:2px;margin:0;padding:0 .75rem .75rem;list-style:none;display:flex}.share-friend-row{border-radius:var(--radius);align-items:center;gap:.65rem;padding:.6rem .5rem;transition:background .15s;display:flex}.share-friend-row:hover{background:var(--hover)}.share-friend-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.share-friend-info{flex:1;min-width:0}.share-friend-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.share-friend-username{color:var(--text-muted);font-size:.72rem;display:block}.share-btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.share-btn--primary{background:var(--accent);color:#fff;border:none}.share-btn--primary:hover{background:var(--accent-hover)}.share-btn--full{text-align:center;width:100%;padding:.6rem}.share-btn--ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.share-btn--ghost:hover{background:var(--hover);border-color:var(--text-muted)}@keyframes share-fade-in{0%{opacity:0}to{opacity:1}}@keyframes share-scale-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=767px){.share-dialog{border-radius:12px 12px 0 0;width:100%;max-width:100%;max-height:80vh;animation:.25s ease-out share-slide-up;inset:auto 0 0;transform:none}@keyframes share-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.tpl-backdrop{z-index:200;background:#00000080;animation:.15s ease-out tpl-fade-in;position:fixed;inset:0}.tpl-picker{background:var(--surface);border:1px solid var(--border);width:440px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 4rem);box-shadow:var(--shadow-lg);z-index:201;border-radius:12px;padding:1.25rem;animation:.2s ease-out tpl-scale-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.tpl-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tpl-header h3{margin:0;font-size:1.1rem;font-weight:700}.tpl-close{border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tpl-close:hover{background:var(--hover);color:var(--text)}.tpl-blank{border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:all .15s;display:flex}.tpl-blank:hover{border-color:var(--text-muted);background:var(--hover)}.tpl-blank:active{transform:scale(.99)}.tpl-blank-icon{color:var(--text-muted);flex-shrink:0}.tpl-blank-text{flex-direction:column;flex:1;display:flex}.tpl-blank-name{color:var(--text);font-size:.85rem;font-weight:600}.tpl-blank-desc{color:var(--text-muted);font-size:.72rem}.tpl-blank-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.tpl-blank:hover .tpl-blank-arrow{transform:translate(3px)}.tpl-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.72rem;display:flex}.tpl-divider:before,.tpl-divider:after{content:"";background:var(--border);flex:1;height:1px}.tpl-grid{flex-direction:column;gap:.4rem;display:flex}.tpl-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;transition:all .2s;display:flex}.tpl-card:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tpl-card:active{box-shadow:none;transform:translateY(0)}.tpl-card-icon{background:var(--surface-raised);width:40px;height:40px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.tpl-card:hover .tpl-card-icon{background:var(--accent);color:#fff}.tpl-card-body{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.tpl-card-name{color:var(--text);font-size:.88rem;font-weight:600}.tpl-card-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.tpl-card-preview{color:var(--text-muted);background:var(--surface-raised);letter-spacing:.02em;border-radius:4px;align-self:flex-start;margin-top:.2rem;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-flex}.tpl-card:hover .tpl-card-preview{background:var(--accent-glow);color:var(--accent)}@keyframes tpl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tpl-scale-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=767px){.tpl-picker{border-radius:12px 12px 0 0;width:100%;max-width:100%;max-height:80vh;animation:.25s ease-out tpl-slide-up;inset:auto 0 0;transform:none}.tpl-card-icon{width:36px;height:36px}@keyframes tpl-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.ai-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ai-header h3{letter-spacing:-.02em;margin:0;font-size:.9rem;font-weight:700}.btn-clear{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:3px 8px;font-size:.72rem;transition:all .15s}.btn-clear:hover{background:var(--hover);color:var(--text-secondary)}.ai-messages{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.ai-empty{color:var(--text-muted);text-align:center;padding:2rem .5rem;font-size:.8rem;line-height:1.6}.ai-msg{border-radius:10px;padding:.6rem .85rem;font-size:.82rem;line-height:1.55}.ai-msg--user{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;max-width:85%}.ai-msg--assistant{background:var(--surface-raised);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start;max-width:85%}.ai-msg-role{text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-bottom:3px;font-size:.65rem;font-weight:700}.ai-typing{opacity:.6;font-style:italic}.ai-error{color:#ef4444;border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;padding:.5rem .75rem;font-size:.78rem}.ai-input-form{border-top:1px solid var(--border);background:var(--surface-raised);gap:.5rem;padding:.75rem;display:flex}.ai-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;flex:1;padding:.5rem .75rem;font-size:.82rem;transition:border-color .15s}.ai-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.btn-send{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.5rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.btn-send:hover:not(:disabled){background:var(--accent-hover)}.btn-send:disabled{opacity:.35;cursor:not-allowed}@media (width<=767px){.ai-header{padding:.85rem 3.5rem .85rem 1rem}.ai-messages{padding:.75rem}.ai-msg{max-width:90%;font-size:.88rem}.ai-input-form{padding:.6rem;padding-bottom:max(.6rem, env(safe-area-inset-bottom))}.ai-input{padding:.6rem .75rem;font-size:1rem}.btn-send{padding:.6rem 1rem;font-size:.88rem}}.write-layout{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-toggle{display:none}.sidebar-drawer{display:contents}.sidebar-backdrop{display:none}.write-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;padding:1rem;display:flex;position:relative;overflow:hidden}.write-title-input{width:100%;color:var(--text);letter-spacing:-.02em;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;margin-bottom:.25rem;padding:.5rem .25rem;font-size:1.15rem;font-weight:700;transition:border-color .15s}.write-title-input:hover{border-bottom-color:var(--border)}.write-title-input:focus{border-bottom-color:var(--accent)}.write-title-input::placeholder{color:var(--text-muted);font-weight:400}.write-loading{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.write-loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite write-spin}@keyframes write-spin{to{transform:rotate(360deg)}}.write-empty{flex:1;justify-content:center;align-items:flex-start;padding-top:18vh;display:flex}.write-empty-content{text-align:center;max-width:380px;padding:0 1rem}.write-empty-icon{color:var(--accent);opacity:.5;margin-bottom:1.25rem}.write-empty-content h2{letter-spacing:-.03em;color:var(--text);margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.write-empty-content>p{color:var(--text-secondary);margin:0 0 1.75rem;font-size:.88rem;line-height:1.6}.write-empty-cta{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #6366f140}.write-empty-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f159}.write-empty-cta:active{transform:translateY(0)}.write-empty-cta--secondary{color:var(--accent);border:1px solid var(--border);box-shadow:none;background:0 0;padding:.6rem 1.25rem;font-size:.85rem}.write-empty-cta--secondary:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:none;transform:none}.write-empty-content--select .write-empty-icon{opacity:.3}.write-empty-content--select h2{font-size:1.15rem}.write-empty-content--select>p{margin-bottom:1.25rem}.write-empty-hints{text-align:left;flex-direction:column;gap:.75rem;margin-top:2.5rem;padding:0 1rem;display:flex}.write-empty-hint{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.82rem;display:flex}.write-empty-hint svg{opacity:.65;color:var(--accent);flex-shrink:0}.write-action-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.write-action-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.ai-overlay-backdrop{display:none}.ai-panel-wrapper{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;width:340px;min-width:340px;animation:.2s ease-out slide-in;display:flex;position:relative}.ai-close-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:.75rem;right:3.5rem}.ai-close-btn:hover{background:var(--hover);color:var(--text)}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.write-layout{flex-direction:column}.sidebar-toggle--hidden{display:none}.sidebar-toggle{background:var(--surface);border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;flex-shrink:0;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.82rem;font-weight:600;display:flex}.sidebar-toggle:active{background:var(--hover)}.sidebar-toggle-label{color:var(--text-secondary);font-weight:400}.sidebar-toggle-chevron{color:var(--text-muted);margin-left:auto;transition:transform .25s}.sidebar-toggle.is-open .sidebar-toggle-chevron{transform:rotate(180deg)}.sidebar-drawer{top:var(--nav-height);z-index:50;width:300px;max-width:85vw;box-shadow:none;transition:transform .25s;display:block;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar-drawer.is-open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-drawer .journal-sidebar{border-right:none;width:100%;min-width:0;height:100%}.sidebar-backdrop{inset:0;top:var(--nav-height);z-index:49;background:#000000a6;animation:.15s ease-out fade-in;display:block;position:fixed}.write-main{flex:1;padding:.5rem}.write-empty{align-items:flex-start;padding-top:6vh}.write-empty-icon svg{width:36px;height:36px}.write-empty-content h2{font-size:1.2rem}.write-empty-content>p{margin-bottom:1.25rem;font-size:.84rem}.write-empty-cta{padding:.75rem 2rem;font-size:.9rem}.write-empty-hints{margin-top:2rem}.write-action-btn span{display:none}.write-action-btn{padding:.3rem}.ai-overlay-backdrop{z-index:59;background:#00000080;animation:.15s ease-out fade-in;display:block;position:fixed;inset:0}.ai-panel-wrapper{top:var(--nav-height);z-index:60;border-left:none;width:100%;min-width:0;animation:.25s ease-out slide-up;position:fixed;bottom:0;left:0;right:0}.ai-close-btn{width:36px;height:36px;top:.65rem;right:.75rem}}.feed-page{flex:1;justify-content:center;padding:2rem;display:flex;overflow-y:auto}.feed-content{width:100%;max-width:600px}.feed-content h1{letter-spacing:-.03em;margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.feed-subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:.85rem}.feed-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.feed-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.feed-empty svg{opacity:.3;margin-bottom:1rem}.feed-empty p{margin:0;font-size:.88rem}.feed-empty-hint{opacity:.7;margin-top:.25rem!important;font-size:.78rem!important}.feed-entries{flex-direction:column;gap:.75rem;display:flex}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:1.25rem;transition:all .15s}.feed-card:hover{background:var(--hover);box-shadow:var(--shadow-sm)}.feed-card-header{align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.feed-card-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.feed-card-meta{flex-direction:column;display:flex}.feed-card-author{font-size:.85rem;font-weight:600}.feed-card-date{color:var(--text-muted);font-size:.72rem}.feed-card-title{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.feed-card-excerpt{color:var(--text-secondary);margin:0 0 .75rem;font-size:.84rem;line-height:1.55}.feed-card-footer{color:var(--text-muted);font-size:.72rem}@media (width<=767px){.feed-page{padding:1rem}.feed-content h1{font-size:1.2rem}.feed-card{padding:1rem}}.toc{padding:1rem 0}.toc-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .65rem;padding:0 1rem;font-size:.7rem;font-weight:700}.toc-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.toc-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin:0 .5rem;padding:.4rem 1rem;font-size:.8rem;transition:all .15s;overflow:hidden}.toc-item:hover{background:var(--hover);color:var(--text)}.toc-item--h1{font-size:.82rem;font-weight:600}.toc-item--h2{padding-left:1.75rem}.toc-item--h3{padding-left:2.5rem;font-size:.78rem}.comment-sidebar{flex-direction:column;height:100%;display:flex;overflow:hidden}.comment-sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.comment-sidebar-header h4{margin:0;font-size:.82rem;font-weight:700}.comment-count{color:var(--text-muted);background:var(--surface-raised);border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:600}.comment-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.comment-empty svg{opacity:.3;margin-bottom:.75rem}.comment-empty p{margin:0;font-size:.82rem}.comment-empty-hint{opacity:.7;margin-top:.25rem!important;font-size:.72rem!important}.comment-threads{flex-direction:column;flex:1;gap:.5rem;padding:.5rem;display:flex;overflow-y:auto}.comment-thread{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;gap:0;transition:all .15s;display:flex;overflow:hidden}.comment-thread:hover{border-color:var(--text-muted)}.comment-thread--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.comment-thread-indicator{flex-shrink:0;width:4px}.comment-thread-body{flex:1;min-width:0;padding:.6rem .75rem;position:relative}.comment-thread-actions{opacity:0;gap:.15rem;transition:opacity .15s;display:flex;position:absolute;top:.35rem;right:.35rem}.comment-thread:hover .comment-thread-actions,.comment-thread--active .comment-thread-actions{opacity:1}.comment-thread-edit,.comment-thread-delete{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.comment-thread-edit:hover{background:var(--accent-soft);color:var(--accent)}.comment-thread-delete:hover{color:#fff;background:#ef4444}.comment-thread-cancel-edit{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.comment-thread-excerpt{color:var(--text-secondary);border-left:2px solid var(--border);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.4rem;padding-left:.5rem;font-size:.73rem;font-style:italic;line-height:1.45;display:-webkit-box;overflow:hidden}.comment-thread-stale,.comment-thread-approximate{border-radius:4px;margin-bottom:.4rem;padding:.25rem .5rem;font-size:.68rem;line-height:1.4}.comment-thread-stale{color:#dc2626;background:#fef2f2}.comment-thread-approximate{color:#b45309;background:#fffbeb}@media (prefers-color-scheme:dark){.comment-thread-stale{color:#fca5a5;background:#dc26261a}.comment-thread-approximate{color:#fcd34d;background:#b453091a}}.comment-thread-empty{color:var(--text-muted);margin:0;font-size:.75rem;font-style:italic}.comment-item{margin-bottom:.5rem}.comment-item:last-child{margin-bottom:0}.comment-item-header{align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.comment-item-author{font-size:.75rem;font-weight:600}.comment-item-date{color:var(--text-muted);font-size:.65rem}.comment-item-text{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.45}.comment-input-form{gap:.35rem;margin-top:.5rem;display:flex}.comment-input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:5px;outline:none;flex:1;padding:.35rem .6rem;font-size:.78rem}.comment-input:focus{border-color:var(--accent)}.comment-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:.35rem .6rem;font-size:.72rem;font-weight:600}.comment-send-btn:disabled{opacity:.35;cursor:not-allowed}@media (width<=767px){.comment-input{font-size:1rem}}.entry-chat{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;max-height:320px;display:flex}.entry-chat-header{border-bottom:1px solid var(--border);color:var(--text-muted);flex-shrink:0;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.72rem;font-weight:600;display:flex}.entry-chat-header svg{color:var(--accent);opacity:.6}.entry-chat-count{background:var(--surface-raised);color:var(--text-muted);border-radius:6px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1.5}.entry-chat-viewers{color:#22c55e;align-items:center;gap:.25rem;margin-left:auto;font-size:.62rem;font-weight:600;display:flex}.entry-chat-viewers-dot{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite entry-chat-pulse}@keyframes entry-chat-pulse{0%,to{opacity:1}50%{opacity:.4}}.entry-chat-messages{flex-direction:column;flex:1;gap:.6rem;min-height:60px;padding:.5rem .65rem;display:flex;overflow-y:auto}.entry-chat-empty{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.78rem}.entry-chat-group{align-self:flex-start;align-items:flex-start;gap:.45rem;max-width:100%;display:flex}@media (width<=767px){.entry-chat-group{align-items:flex-end;max-width:85%}.entry-chat-group--mine{flex-direction:row-reverse;align-self:flex-end}.entry-chat-group--mine .entry-chat-avatar{display:none}}.entry-chat-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.15rem;font-size:.58rem;font-weight:700;display:flex}.entry-chat-bubble-col{flex-direction:column;gap:2px;min-width:0;display:flex}.entry-chat-group-author{color:var(--text-muted);margin-bottom:1px;padding-left:.15rem;font-size:.62rem;font-weight:600}.entry-chat-group-author--mine{color:var(--accent)}@media (width<=767px){.entry-chat-group--mine .entry-chat-bubble-col{align-items:flex-end}.entry-chat-group--mine .entry-chat-group-author{display:none}}.entry-chat-bubble-wrap{position:relative}.entry-chat-bubble{background:var(--surface-raised);border:1px solid var(--border);word-break:break-word;border-radius:10px;padding:.4rem .65rem;font-size:.82rem;line-height:1.45;position:relative}.entry-chat-bubble-md{font-size:inherit;line-height:inherit}.entry-chat-bubble-md p{margin:.25em 0}.entry-chat-bubble-md p:first-child{margin-top:0}.entry-chat-bubble-md p:last-child{margin-bottom:0}.entry-chat-bubble-md strong{font-weight:700}.entry-chat-bubble-md em{font-style:italic}.entry-chat-bubble-md ul,.entry-chat-bubble-md ol{margin:.3em 0;padding-left:1.25em}.entry-chat-bubble-md li{margin:.15em 0}.entry-chat-bubble-md code{background:#0000001a;border-radius:3px;padding:.1em .3em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em}.entry-chat-bubble-md pre{background:var(--surface-inset);border-radius:6px;margin:.4em 0;padding:.5em .75em;font-size:.8em;overflow-x:auto}.entry-chat-bubble-md pre code{background:0 0;padding:0}.entry-chat-bubble-md blockquote{border-left:2px solid var(--accent);color:var(--text-secondary);margin:.3em 0;padding-left:.6em;font-style:italic}.entry-chat-bubble-md h1,.entry-chat-bubble-md h2,.entry-chat-bubble-md h3{margin:.4em 0 .2em;font-size:.95em;font-weight:700}.entry-chat-bubble-md a{color:var(--accent);text-decoration:underline}.entry-chat-bubble-md hr{border:none;border-top:1px solid var(--border);margin:.5em 0}.entry-chat-react-trigger{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:3;border-radius:12px;gap:0;padding:1px 2px;display:none;position:absolute;bottom:-10px;right:4px}.entry-chat-bubble-wrap:hover .entry-chat-react-trigger{display:flex}.entry-chat-react-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 3px;font-size:.72rem;line-height:1;transition:all .1s}.entry-chat-react-btn:hover{background:var(--hover);transform:scale(1.3)}.entry-chat-reactions{flex-wrap:wrap;gap:.2rem;margin-top:2px;display:flex}.entry-chat-reaction{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;border-radius:10px;align-items:center;gap:.15rem;padding:1px 5px;font-size:.65rem;transition:all .1s;display:flex}.entry-chat-reaction:hover{border-color:var(--accent)}.entry-chat-reaction--mine{border-color:var(--accent);background:var(--accent-soft)}.entry-chat-ai-thinking{align-self:flex-start;align-items:center;gap:.45rem;padding:.35rem .5rem;animation:.3s ease-out entry-chat-ai-appear;display:flex}@keyframes entry-chat-ai-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.entry-chat-ai-thinking-avatar{color:#fff;background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;animation:1.5s ease-in-out infinite entry-chat-ai-pulse;display:flex}@keyframes entry-chat-ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.entry-chat-ai-thinking-body{align-items:center;gap:.3rem;display:flex}.entry-chat-ai-thinking-name{color:#a78bfa;font-size:.7rem;font-weight:600}.entry-chat-ai-thinking-dots{gap:2px;display:flex}.entry-chat-ai-thinking-dots span{background:#a78bfa;border-radius:50%;width:4px;height:4px;animation:1.2s infinite entry-chat-bounce}.entry-chat-ai-thinking-dots span:nth-child(2){animation-delay:.15s}.entry-chat-ai-thinking-dots span:nth-child(3){animation-delay:.3s}.entry-chat-ai-thinking-label{color:var(--text-muted);font-size:.65rem;font-style:italic}.entry-chat-ai-avatar{color:#fff;background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.15rem;display:flex}.entry-chat-group--ai .entry-chat-bubble{background:linear-gradient(135deg,#a78bfa1a,#6366f11a);border-color:#818cf833}.entry-chat-group-author--ai{color:#a78bfa;font-style:italic}.entry-chat-ai-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a78bfa,#6366f1);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:2px;transition:all .15s;display:flex}.entry-chat-ai-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 8px #6366f166}.entry-chat-ai-btn:disabled{opacity:.25;cursor:not-allowed;background:var(--border);color:var(--text-muted)}.entry-chat-bubble--mine{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--text)}.entry-chat-bubble--themed{border:none}@media (width<=767px){.entry-chat-bubble--mine{background:var(--accent);color:#fff;border-color:#0000}}.entry-chat-group-time{color:var(--text-muted);opacity:.7;margin-top:1px;padding:0 .15rem;font-size:.55rem}.entry-chat-typing{align-self:flex-start;align-items:center;gap:.45rem;padding:.2rem .4rem;display:flex}.entry-chat-typing-dots{gap:3px;display:flex}.entry-chat-typing-dots span{background:var(--text-muted);border-radius:50%;width:4px;height:4px;animation:1.2s infinite entry-chat-bounce}.entry-chat-typing-dots span:nth-child(2){animation-delay:.15s}.entry-chat-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes entry-chat-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.entry-chat-typing-name{color:var(--text-muted);font-size:.65rem;font-style:italic}.entry-chat-input{border-top:1px solid var(--border);background:var(--surface-raised);flex-shrink:0;padding:.45rem .6rem}.entry-chat-input-row{background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.entry-chat-input-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.entry-chat-input input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.45rem .75rem;font-size:.82rem}.entry-chat-input input::placeholder{color:var(--text-muted)}.entry-chat-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:2px;transition:all .15s;display:flex}.entry-chat-input button:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.entry-chat-input button:disabled{opacity:.25;cursor:not-allowed;color:var(--text-muted);background:0 0}@media (width<=767px){.entry-chat{max-height:250px}.entry-chat-input input{font-size:1rem}}.hl-popover{z-index:200;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .65rem;animation:.15s ease-out hl-popover-in;display:flex;position:fixed}.hl-popover-label{color:var(--text-muted);white-space:nowrap;padding-right:.25rem;font-size:.72rem;font-weight:600}.hl-popover-colors{gap:.3rem;display:flex}.hl-popover-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;transition:all .12s}.hl-popover-color:hover{border-color:var(--text);transform:scale(1.2)}.hl-popover-color:active{transform:scale(1)}.hl-popover-dismiss{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;margin-left:.15rem;padding:.25rem .4rem;font-size:.7rem;font-weight:500}.hl-popover-dismiss:hover{background:var(--hover);color:var(--text)}@keyframes hl-popover-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.hl-popover{border-radius:12px;gap:.4rem;padding:.6rem .75rem}.hl-popover-color{width:32px;height:32px}.hl-popover-label{font-size:.75rem}.hl-popover-dismiss{padding:.35rem .5rem;font-size:.75rem}}.reader-layout{flex:1;min-height:0;display:flex;overflow:hidden}.reader-toc-panel{border-right:1px solid var(--border);background:var(--surface);width:220px;min-width:220px;transition:width .25s,min-width .25s;position:relative;overflow-y:auto}.reader-toc-panel--collapsed{width:40px;min-width:40px;overflow:hidden}.reader-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.reader-progress-track{z-index:5;background:0 0;flex-shrink:0;height:3px;position:sticky;top:0}.reader-progress-bar{background:linear-gradient(90deg, var(--accent), #a78bfa);border-radius:0 2px 2px 0;height:100%;transition:width .15s ease-out}.reader-mobile-bar{display:none}.reader-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:750px;box-shadow:var(--shadow-sm);flex:1;margin:1rem auto;padding:2rem 2.5rem;position:relative}.reader-content .tiptap{color:var(--text);outline:none;font-size:1rem;line-height:1.8}.reader-content .tiptap h1{letter-spacing:-.03em;margin:1.5rem 0 .6rem;font-size:1.65rem;font-weight:700;line-height:1.3}.reader-content .tiptap h2{letter-spacing:-.02em;margin:1.25rem 0 .5rem;font-size:1.3rem;font-weight:600}.reader-content .tiptap h3{margin:1rem 0 .4rem;font-size:1.1rem;font-weight:600}.reader-content .tiptap p{margin:.6rem 0}.reader-content .tiptap ul,.reader-content .tiptap ol{margin:.5rem 0;padding-left:1.5rem}.reader-content .tiptap ul[data-type=taskList]{padding-left:0;list-style:none}.reader-content .tiptap ul[data-type=taskList] li{align-items:flex-start;gap:.5rem;display:flex}.reader-content .tiptap ul[data-type=taskList] li label{margin-top:.3rem}.reader-content .tiptap blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:1rem 0;padding-left:1.25rem;font-style:italic}.reader-content .tiptap pre{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:1rem 1.25rem;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.55;overflow-x:auto}.reader-content .tiptap code{background:var(--surface-raised);border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em}.reader-content .tiptap img{border-radius:var(--radius);max-width:100%;margin:1rem 0}.reader-content .tiptap hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.reader-content .tiptap mark{background-color:#fef08a;border-radius:2px;padding:.1rem 0}.reader-hl{cursor:pointer;border-radius:2px;transition:background-color .15s}.reader-hl:hover{filter:brightness(1.1)}.reader-hl--active{filter:brightness(1.15)}.reader-hl--approximate{opacity:.8}.reader-hint{color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface-raised);flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;padding:.4rem 1rem;font-size:.72rem;display:flex}.reader-hint svg{opacity:.5}.reader-hint--editing{background:var(--accent-soft);color:var(--accent);border-bottom-color:var(--accent-glow);font-weight:600}.reader-hint-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:.5rem;padding:2px 8px;font-size:.7rem;font-weight:500}.reader-hint-cancel:hover{background:var(--hover);color:var(--text)}.reader-comments-panel{border-left:1px solid var(--border);background:var(--surface);width:280px;min-width:280px;transition:width .25s,min-width .25s;position:relative;overflow:hidden}.reader-comments-panel--collapsed{width:40px;min-width:40px}.reader-panel-toggle{border:none;border-bottom:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;padding:.5rem;transition:all .15s;display:flex}.reader-panel-toggle:hover{background:var(--hover);color:var(--text)}.reader-panel-toggle-label{writing-mode:vertical-lr;text-orientation:mixed;letter-spacing:.05em;padding:.5rem 0;font-size:.65rem;font-weight:600}.reader-toc-panel--collapsed .reader-panel-toggle{border-bottom:none;border-right:none;flex-direction:column;height:100%;padding:.5rem .25rem}.reader-comments-panel--collapsed .reader-panel-toggle{border-bottom:none;flex-direction:column;height:100%;padding:.5rem .25rem}.reader-panel-toggle-badge{background:var(--accent);color:#fff;border-radius:6px;padding:0 4px;font-size:.55rem;font-weight:700;line-height:1.5}.reader-chat-minimized{border:none;border-top:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-secondary);cursor:pointer;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.78rem;font-weight:600;transition:background .15s;display:flex}.reader-chat-minimized:hover{background:var(--hover)}.reader-chat-minimized svg:first-child{color:var(--accent);opacity:.6}.reader-chat-minimized-count{background:var(--surface-raised);color:var(--text-muted);border-radius:6px;padding:0 4px;font-size:.62rem;font-weight:700}.reader-chat-minimized-viewers{color:#22c55e;align-items:center;gap:.2rem;font-size:.62rem;font-weight:600;display:flex}.reader-chat-minimized-dot{background:#22c55e;border-radius:50%;width:5px;height:5px}.reader-chat-wrapper{flex-shrink:0;position:relative}.reader-chat-minimize-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:.35rem;right:.5rem}.reader-chat-minimize-btn:hover{background:var(--hover);color:var(--text)}.reader-mobile-backdrop,.reader-mobile-comments,.reader-mobile-toc{display:none}@media (width<=767px){.reader-layout{flex-direction:column}.reader-toc-panel,.reader-comments-panel{display:none}.reader-mobile-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:.5rem;padding:.5rem .75rem;display:flex}.reader-mobile-toggle{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.78rem;font-weight:500;display:flex}.reader-mobile-toggle:active{background:var(--hover)}.reader-mobile-badge{background:var(--accent);color:#fff;border-radius:8px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1.4}.reader-mobile-toc{border-bottom:1px solid var(--border);background:var(--surface);max-height:40vh;animation:.15s ease-out reader-slide-down;display:block;overflow-y:auto}.reader-mobile-backdrop{z-index:59;background:#00000080;display:block;position:fixed;inset:0}.reader-mobile-comments{background:var(--surface);z-index:60;border-radius:12px 12px 0 0;flex-direction:column;max-height:70vh;animation:.25s ease-out reader-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0}.reader-mobile-comments-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.reader-mobile-comments-header h4{margin:0;font-size:.9rem;font-weight:700}.reader-mobile-comments-header button{border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.reader-content{box-shadow:none;background:var(--bg);border:none;border-radius:0;margin:0;padding:1.25rem 1rem}.reader-panel-toggle{display:none}.reader-content .tiptap{font-size:1rem}.reader-content .tiptap h1{font-size:1.35rem}.reader-content .tiptap h2{font-size:1.15rem}.reader-hint{font-size:.7rem}}@keyframes reader-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes reader-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.presence-bar{background:var(--accent-soft);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.35rem 1rem;animation:.2s ease-out presence-in;display:flex}@keyframes presence-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:40px}}.presence-avatars{flex-direction:row-reverse;display:flex}.presence-avatar{background:var(--accent);color:#fff;border:2px solid var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:.58rem;font-weight:700;display:flex;position:relative}.presence-avatar:last-child{margin-left:0}.presence-avatar--overflow{background:var(--surface-raised);color:var(--text-muted);font-size:.55rem}.presence-dot{border:1.5px solid var(--surface);background:#22c55e;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.presence-text{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:500;overflow:hidden}@media (width<=767px){.presence-text{display:none}}.read-page{flex-direction:column;flex:1;display:flex;overflow:hidden}.read-page--center{justify-content:center;align-items:center}.read-loading,.read-error{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.read-topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:1rem;padding:.65rem 1.25rem;display:flex}.read-back-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.read-back-btn:hover{background:var(--hover);color:var(--text)}.read-topbar-info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.read-topbar-author{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.read-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.read-author-name{white-space:nowrap;font-size:.82rem;font-weight:600}.read-date{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.read-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.read-topbar-stats{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.72rem}@media (width<=767px){.read-topbar{flex-wrap:wrap;gap:.5rem;padding:.6rem .75rem}.read-topbar-info{flex-direction:column;flex-basis:100%;order:2;align-items:flex-start;gap:.25rem}.read-title{white-space:normal;font-size:1.1rem}.read-topbar-stats{display:none}}.rlib-page{flex:1;justify-content:center;padding:2rem;display:flex;overflow-y:auto}.rlib-content{width:100%;max-width:720px}.rlib-loading{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.rlib-loading-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite rlib-spin}@keyframes rlib-spin{to{transform:rotate(360deg)}}.rlib-header{margin-bottom:1.5rem}.rlib-header-text h1{letter-spacing:-.03em;margin:0 0 .15rem;font-size:1.5rem;font-weight:700}.rlib-header-sub{color:var(--text-muted);margin:0 0 1rem;font-size:.82rem}.rlib-stats-row{gap:.5rem;display:flex}.rlib-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;padding:.65rem .5rem;display:flex}.rlib-stat-value{color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.2}.rlib-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.1rem;font-size:.62rem;font-weight:500}.rlib-controls{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.rlib-search-wrap{align-items:center;display:flex;position:relative}.rlib-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.rlib-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:.6rem .75rem .6rem 2.25rem;font-size:.88rem}.rlib-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.rlib-search-clear{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;right:.5rem}.rlib-search-clear:hover{background:var(--hover)}.rlib-filters{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rlib-filter-pills{gap:.25rem;display:flex}.rlib-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;transition:all .15s}.rlib-pill:hover{border-color:var(--text-muted)}.rlib-pill--active{border-color:var(--accent);background:var(--accent);color:#fff}.rlib-sort{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);cursor:pointer;outline:none;padding:.35rem .6rem;font-size:.75rem}.rlib-sort:focus{border-color:var(--accent)}.rlib-tagdd{position:relative}.rlib-tagdd-trigger{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.rlib-tagdd-trigger:hover{border-color:var(--text-muted)}.rlib-tagdd-trigger:has(.rlib-tagdd-count){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.rlib-tagdd-selected{white-space:nowrap;text-overflow:ellipsis;max-width:100px;color:var(--accent);font-weight:600;overflow:hidden}.rlib-tagdd-count{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.55rem;font-weight:700;display:flex}.rlib-tagdd-chevron{color:var(--text-muted);flex-shrink:0}.rlib-tagdd-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:max-content;min-width:220px;max-width:min(320px,100vw - 2rem);box-shadow:var(--shadow-lg);z-index:100;animation:.12s ease-out rlib-dd-in;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}@keyframes rlib-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rlib-tagdd-search-wrap{border-bottom:1px solid var(--border);align-items:center;gap:.4rem;padding:.5rem;display:flex}.rlib-tagdd-search{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.15rem 0;font-size:.8rem}.rlib-tagdd-search::placeholder{color:var(--text-muted)}.rlib-tagdd-clear{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600}.rlib-tagdd-clear:hover{background:var(--accent-soft)}.rlib-tagdd-list{max-height:200px;padding:.25rem;overflow-y:auto}.rlib-tagdd-empty{text-align:center;color:var(--text-muted);padding:1rem;font-size:.78rem}.rlib-tagdd-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.78rem;transition:background .1s;display:flex}.rlib-tagdd-item:hover{background:var(--hover)}.rlib-tagdd-item--active{color:var(--accent);font-weight:600}.rlib-tagdd-check{border:1.5px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .1s;display:flex}.rlib-tagdd-item--active .rlib-tagdd-check{background:var(--accent);border-color:var(--accent);color:#fff}.rlib-tagdd-tag-name{flex:1}.rlib-result-count{color:var(--text-muted);margin-bottom:.5rem;padding-left:.15rem;font-size:.72rem}.rlib-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.rlib-empty svg{opacity:.3;margin-bottom:.75rem}.rlib-empty p{margin:0;font-size:.88rem}.rlib-entries{flex-direction:column;gap:.5rem;display:flex}.rlib-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:1rem 1.15rem;transition:all .15s}.rlib-card:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-1px)}.rlib-card:active{transform:translateY(0)}.rlib-card-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.rlib-card-author{align-items:center;gap:.5rem;display:flex}.rlib-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:700;display:flex}.rlib-card-author-name{font-size:.78rem;font-weight:600;display:block}.rlib-card-date{color:var(--text-muted);font-size:.65rem;display:block}.rlib-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 7px;font-size:.6rem;font-weight:700}.rlib-badge--mine{background:var(--accent-soft);color:var(--accent)}.rlib-badge--shared{color:#a78bfa;background:#a78bfa1f}.rlib-card-title{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1rem;font-weight:700}.rlib-card-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.rlib-card-tags{flex-wrap:wrap;gap:.2rem;margin-bottom:.6rem;display:flex}.rlib-card-tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:8px;padding:.1rem .4rem;font-size:.62rem;font-weight:600}.rlib-card-footer{justify-content:space-between;align-items:center;display:flex}.rlib-card-stats{gap:.6rem;display:flex}.rlib-card-stat{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.68rem;display:flex}.rlib-card-stat--hl{color:#facc15}.rlib-card-stat--cm{color:#60a5fa}.rlib-card-activity{align-items:center;gap:.5rem;display:flex}.rlib-card-heat{gap:2px;display:flex}.rlib-heat-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.rlib-card-ago{color:var(--text-muted);white-space:nowrap;font-size:.65rem}@media (width<=767px){.rlib-page{padding:1rem}.rlib-header-text h1{font-size:1.25rem}.rlib-stats-row{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.rlib-stat-value{font-size:1.1rem}.rlib-search{font-size:1rem}.rlib-filters{flex-wrap:wrap}.rlib-card-excerpt{-webkit-line-clamp:1}}.friends-page{flex:1;justify-content:center;padding:2rem;display:flex;overflow-y:auto}.friends-content{width:100%;max-width:560px}.friends-content h1{letter-spacing:-.03em;margin:0 0 1.5rem;font-size:1.4rem;font-weight:700}.friends-section{margin-bottom:2rem}.friends-section h2{color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.friends-search{gap:.5rem;margin-bottom:.75rem;display:flex}.friends-search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;flex:1;padding:.6rem .75rem;font-size:.88rem}.friends-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.friends-search-btn{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:.6rem 1.25rem;font-size:.82rem;font-weight:600;transition:opacity .15s}.friends-search-btn:hover:not(:disabled){background:var(--accent-hover)}.friends-search-btn:disabled{opacity:.4;cursor:not-allowed}.friends-action-msg{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);margin-bottom:.75rem;padding:.5rem .75rem;font-size:.82rem}.friends-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.friend-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .15s;display:flex}.friend-card:hover{background:var(--hover)}.friend-avatar{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.friend-info{flex:1;min-width:0}.friend-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.friend-username{color:var(--text-muted);font-size:.75rem}.friend-actions{gap:.4rem;display:flex}.friend-btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.friend-btn--primary{background:var(--accent);color:#fff;border:none}.friend-btn--primary:hover{background:var(--accent-hover)}.friend-btn--ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.friend-btn--ghost:hover{background:var(--hover);border-color:var(--text-muted)}.friend-btn--star{color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.3rem;display:flex}.friend-btn--star:hover,.friend-btn--starred{color:#f59e0b}.friend-btn--danger{border:1px solid var(--border);color:var(--text-muted);opacity:0;background:0 0;transition:opacity .15s,background .15s}.friend-card:hover .friend-btn--danger{opacity:1}.friend-btn--danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.friend-status{color:var(--text-muted);font-size:.75rem;font-style:italic}.friends-empty-hint{color:var(--text-muted);margin:0;font-size:.82rem}.friends-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}@media (width<=767px){.friends-page{padding:1rem}.friends-content h1{margin-bottom:1rem;font-size:1.2rem}.friends-search{flex-direction:column}.friends-search-input{font-size:1rem}.friend-btn--danger{opacity:1}}.profile-page{flex:1;justify-content:center;padding:1.5rem;display:flex;overflow-y:auto}.profile-content{width:100%;max-width:520px}.profile-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.profile-hero{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:1rem;position:relative;overflow:hidden}.profile-hero-bg{opacity:.2;height:80px}.profile-hero-body{text-align:center;flex-direction:column;align-items:center;margin-top:-36px;padding:0 1.5rem 1rem;display:flex}.profile-hero-avatar{border:3px solid var(--surface);box-shadow:var(--shadow-md)}.profile-hero-name{letter-spacing:-.02em;margin:.5rem 0 0;font-size:1.3rem;font-weight:700}.profile-hero-username{color:var(--text-muted);margin:.1rem 0 0;font-size:.78rem}.profile-hero-bio{color:var(--text-secondary);max-width:320px;margin:.5rem 0 0;font-size:.82rem;line-height:1.55}.profile-hero-chat-preview{justify-content:center;padding:0 1.5rem 1rem;display:flex}.profile-hero-bubble{background:var(--accent-soft);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:.35rem .75rem;font-size:.75rem}.profile-tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;padding-bottom:0;display:flex}.profile-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;margin-bottom:-1px;padding:.6rem .85rem;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.profile-tab:hover{color:var(--text)}.profile-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.profile-tab svg{opacity:.6}.profile-tab--active svg{opacity:1}.profile-tab-content{min-height:200px}.profile-section{flex-direction:column;gap:.75rem;display:flex}.profile-section-title{color:var(--text-secondary);margin:.5rem 0 0;font-size:.78rem;font-weight:600}.profile-section-desc{color:var(--text-muted);margin:-.5rem 0 0;font-size:.72rem}.profile-field{flex-direction:column;gap:.3rem;display:flex}.profile-field-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.profile-field input,.profile-field textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);resize:vertical;outline:none;padding:.55rem .7rem;font-family:inherit;font-size:.88rem}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-type-row{gap:.25rem;display:flex}.avatar-type-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;transition:all .15s}.avatar-type-btn:hover{border-color:var(--text-muted)}.avatar-type-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.avatar-initials-row{align-items:center;gap:.65rem;display:flex}.avatar-initials-input{border:1px solid var(--border);background:var(--surface);width:56px;color:var(--text);text-align:center;text-transform:uppercase;border-radius:6px;outline:none;padding:.3rem .5rem;font-size:.85rem;font-weight:700}.avatar-initials-input:focus{border-color:var(--accent)}.avatar-icon-grid{flex-wrap:wrap;gap:.3rem;display:flex}.avatar-icon-btn{border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.avatar-icon-btn:hover{border-color:var(--accent);color:var(--accent)}.avatar-icon-btn--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.avatar-color-grid{flex-wrap:wrap;gap:.35rem;display:flex}.avatar-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:all .15s}.avatar-color-btn:hover{transform:scale(1.15)}.avatar-color-btn--active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px currentColor}.chat-theme-grid{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.chat-theme-option{border-radius:var(--radius);background:var(--surface-raised);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .35rem;transition:all .15s;display:flex}.chat-theme-option:hover{border-color:var(--border)}.chat-theme-option--active{border-color:var(--accent);background:var(--accent-soft)}.chat-theme-bubble-preview{background:var(--accent-soft);color:var(--text);border:1px solid var(--border);white-space:nowrap;border-radius:10px;padding:.3rem .6rem;font-size:.68rem;font-weight:500}.chat-theme-option--active .chat-theme-bubble-preview{box-shadow:var(--shadow-sm)}.chat-theme-name{color:var(--text-muted);font-size:.6rem;font-weight:500}.digest-toggle-row{margin:.25rem 0}.digest-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;display:flex}.digest-toggle input{display:none}.digest-toggle-slider{background:var(--border);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.digest-toggle-slider:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.digest-toggle input:checked+.digest-toggle-slider{background:var(--accent)}.digest-toggle input:checked+.digest-toggle-slider:after{transform:translate(16px)}.digest-toggle-label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.digest-frequency-row{flex-direction:column;gap:.4rem;margin-top:.25rem;display:flex}.digest-frequency-btns{gap:.25rem;display:flex}.digest-freq-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .85rem;font-size:.78rem;font-weight:500;transition:all .15s}.digest-freq-btn:hover{border-color:var(--text-muted)}.digest-freq-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.digest-freq-hint{color:var(--text-muted);font-size:.68rem}.profile-save-bar{border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem 0;display:flex}.profile-save-btn{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.55rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .15s}.profile-save-btn:hover:not(:disabled){background:var(--accent-hover)}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-saved-msg{color:#22c55e;font-size:.8rem;font-weight:600;animation:.3s ease-out profile-saved-pop}@keyframes profile-saved-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.profile-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.55rem 0;display:flex}.profile-info-label{color:var(--text-muted);font-size:.82rem}.profile-info-value{font-size:.82rem;font-weight:500}@media (width<=767px){.profile-page{padding:1rem}.profile-hero-body{padding:0 1rem .75rem}.profile-hero-name{font-size:1.15rem}.profile-field input,.profile-field textarea{font-size:1rem}.chat-theme-grid{grid-template-columns:repeat(3,1fr)}.profile-tabs{scrollbar-width:none;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{white-space:nowrap;padding:.5rem .65rem;font-size:.75rem}}.notifs-page{flex:1;justify-content:center;padding:2rem;display:flex;overflow-y:auto}.notifs-content{width:100%;max-width:560px}.notifs-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.notifs-header h1{letter-spacing:-.03em;margin:0;font-size:1.4rem;font-weight:700}.notifs-mark-all{color:var(--accent);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.35rem .65rem;font-size:.78rem;font-weight:600}.notifs-mark-all:hover{background:var(--accent-soft)}.notifs-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.notifs-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.notifs-empty svg{opacity:.3;margin-bottom:.75rem}.notifs-empty p{margin:0;font-size:.88rem}.notifs-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notifs-item{border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:background .15s;display:flex;position:relative}.notifs-item:hover{background:var(--hover)}.notifs-item--unread{background:var(--accent-soft)}.notifs-item--unread:hover{background:var(--accent-glow)}.notifs-item-icon{background:var(--surface-raised);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notifs-item--unread .notifs-item-icon{background:var(--accent);color:#fff}.notifs-item-body{flex:1;min-width:0}.notifs-item-text{font-size:.85rem;line-height:1.45}.notifs-actor{font-weight:600}.notifs-item-time{color:var(--text-muted);margin-top:2px;font-size:.72rem}.notifs-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.5rem}@media (width<=767px){.notifs-page{padding:1rem}.notifs-header h1{font-size:1.2rem}}