:root{--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--bg:#fff;--bg-sidebar:#f7f7f5;--bg-elevated:#fff;--bg-input:#fff;--bg-content:#fff;--bg-popup:#fff;--bg-hover:#37352f0f;--bg-pill-active:#37352f14;--border-subtle:#0f0f0f1a;--text-primary:#37352f;--text-secondary:#9b9992;--accent-blue:#2383e2;--badge-red:#eb5757;--team-orange:#d9730d;--radius-sm:6px;--radius-md:8px;--radius-popup:10px;--text:#37352f;--text-strong:#191918;--text-2:#5a5751;--text-3:#9b9992;--text-placeholder:#c2c0b9;--border:#e9e9e7;--border-strong:#d9d9d6;--hover:var(--bg-hover);--active:#2383e21a;--accent:#2383e2;--accent-strong:#1a6fc2;--code-bg:#f7f6f3;--callout-bg:#f6f3ea;--success:#2ea86a;--shadow-sm:0 1px 2px #0f0f0f0f;--shadow-lg:0 12px 32px #0f0f0f1f, 0 2px 8px #0f0f0f0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}[data-theme=dark]{--bg:#191919;--bg-sidebar:#202020;--bg-elevated:#252525;--bg-input:#2a2a2a;--bg-content:#191919;--bg-popup:#252525;--bg-hover:#ffffff0e;--bg-pill-active:#2f2f2f;--border-subtle:#ffffff1a;--text-primary:#ffffffcf;--text-secondary:#9b9b9b;--accent-blue:#2383e2;--badge-red:#eb5757;--team-orange:#d9730d;--text:#d4d2cd;--text-strong:#f1f0ee;--text-2:#b4b1aa;--text-3:#7f7c76;--text-placeholder:#5c5a55;--border:#2f2f2f;--border-strong:#3d3d3d;--hover:var(--bg-hover);--active:#2383e22e;--accent:#529cca;--accent-strong:#6cb0da;--code-bg:#262626;--callout-bg:#262626;--success:#3fb37f;--shadow-lg:0 16px 40px #00000073, 0 2px 8px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}button{font-family:inherit}button:focus-visible,[contenteditable]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::selection{background:#2383e23d}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.app{background:var(--bg);height:100%;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex:0 0 270px;gap:1px;width:270px;min-height:0;padding:8px 6px 6px;display:flex}.sidebar-top{justify-content:space-between;align-items:center;gap:4px;padding:2px 2px 6px;display:flex}.workspace-switch{min-width:0;color:var(--text-strong);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;padding:4px 6px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.workspace-switch:hover{background:var(--hover)}.workspace-name{white-space:nowrap;text-overflow:ellipsis;max-width:128px;overflow:hidden}.workspace-chevron{color:var(--text-3);flex:none}.brand-mark{color:#fff;letter-spacing:-.01em;background:linear-gradient(140deg,#3d8bfd,#1f6fd0 60%,#1857a8);border-radius:4px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.new-page-button{width:100%;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:14px;font-weight:500;transition:background .12s;display:flex}.new-page-button:hover{background:var(--hover);color:var(--text-strong)}.sidebar-search{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:30px;color:var(--text-secondary);cursor:text;background:0 0;align-items:center;gap:8px;margin:2px 5px 8px;padding:0 8px;display:flex}.sidebar-search:hover,.sidebar-search:focus-within{background:var(--bg-hover);border-color:#7f7f7f73}.sidebar-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.sidebar-search input::placeholder{color:var(--text-secondary)}.sidebar-search .shortcut{border:1px solid var(--border-subtle);background:var(--bg-hover);color:var(--text-secondary);white-space:nowrap;border-radius:4px;flex:none;padding:1px 5px;font-size:11px;line-height:1.5}.sidebar-quick{align-items:center;gap:8px;padding:2px 5px 6px;display:flex}.quick-home{border-radius:var(--radius-sm);background:var(--bg-pill-active);height:28px;color:var(--text-strong);cursor:pointer;border:none;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.quick-home:hover{background:var(--bg-hover)}.quick-home svg{width:15px;height:15px;color:var(--text-secondary);flex:0 0 15px}.quick-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.quick-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav{flex-direction:column;gap:1px;padding:0 5px;display:flex}.nav-item{border-radius:var(--radius-sm);width:100%;height:30px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 8px;font-family:inherit;font-size:14px;display:flex}.nav-item:hover{background:var(--bg-hover)}.nav-item.is-active{background:var(--bg-hover);color:var(--text-strong);font-weight:500}.nav-item svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px}.nav-item.is-active svg{color:var(--text-primary)}.sidebar-section{flex-direction:column;align-items:stretch;gap:1px;padding:12px 5px 2px;display:flex}.sidebar-section-label{color:var(--text-secondary);padding:0 8px 2px;font-size:12px;font-weight:500}.ghost-icon{width:24px;height:24px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;transition:background .12s,color .12s;display:grid}.ghost-icon:hover{background:var(--hover);color:var(--text-2)}.page-tree{flex:1;min-height:0;padding:2px 0 8px;overflow-y:auto}.tree-row{min-height:27px;color:var(--text-2);border-radius:5px;align-items:center;gap:1px;margin:0 2px;padding-right:3px;display:flex}.tree-row:hover{background:var(--hover)}.tree-row.is-active{background:var(--active);color:var(--text-strong)}.tree-arrow{width:18px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:0 0 18px;place-items:center;padding:0;transition:transform .12s;display:grid}.tree-arrow.is-open{transform:rotate(90deg)}.tree-arrow.is-hidden{visibility:hidden}.tree-main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:3px 0;font-size:14px;display:flex}.tree-icon{width:18px;color:var(--text-3);flex:0 0 18px;place-items:center;font-size:13px;line-height:1;display:grid}.tree-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tree-actions{opacity:0;gap:1px;transition:opacity .12s;display:flex}.tree-row:hover .tree-actions,.tree-row:focus-within .tree-actions{opacity:1}.tree-action{width:21px;height:21px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:0;display:grid}.tree-action:hover{background:var(--hover);color:var(--text-2)}.tree-empty{color:var(--text-3);margin:0;padding:8px 12px;font-size:12.5px}.search-result{width:calc(100% - 8px);color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:flex-start;gap:7px;margin:1px 4px;padding:6px 8px;display:flex}.search-result:hover{background:var(--hover)}.search-result.is-active{background:var(--active);color:var(--text-strong)}.search-result-copy{flex-direction:column;gap:1px;min-width:0;font-size:13.5px;display:flex}.search-result-copy small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:1px;margin-top:auto;padding:6px 0 0;display:flex}.footer-row{width:100%;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:13.5px;display:flex}.footer-row:hover{background:var(--hover);color:var(--text-strong)}.footer-row svg{flex:0 0 16px;width:16px;height:16px}.footer-count{color:var(--text-3);margin-left:auto;font-size:12px}.footer-reset{color:var(--text-3);font-size:12.5px}.footer-button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.footer-button:hover{background:var(--hover);color:var(--text-strong)}.sidebar-reveal{z-index:30;border:1px solid var(--border);background:var(--bg-elevated);width:32px;height:32px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:6px;place-items:center;display:grid;position:fixed;top:12px;left:12px}.sidebar-reveal:hover{background:var(--hover);color:var(--text-strong)}.is-sidebar-collapsed .page-topbar{padding-left:56px}.page-scroll{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.page-topbar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;gap:12px;height:45px;padding:0 12px 0 16px;display:flex;position:sticky;top:0}.page{flex-direction:column;flex:1 0 auto;width:100%;max-width:900px;margin:0 auto;padding:24px 96px 48px;display:flex}.page-breadcrumbs{white-space:nowrap;min-width:0;color:var(--text-3);flex:1;align-items:center;gap:2px;height:100%;font-size:14px;display:flex;overflow:hidden}.crumb{align-items:center;gap:2px;display:inline-flex}.crumb-link{white-space:nowrap;text-overflow:ellipsis;max-width:180px;color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;overflow:hidden}.crumb-link:hover{background:var(--hover);color:var(--text-2)}.crumb-chevron{color:var(--text-placeholder);flex:none}.crumb-current{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:320px;padding:2px 4px;overflow:hidden}.page-icon-wrap{align-self:flex-start;margin-bottom:4px;position:relative}.page-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;margin:-4px;padding:4px;font-size:58px;line-height:1.1;transition:background .12s;display:block}.page-icon:hover{background:var(--hover)}.page-icon-add{color:var(--text-3);cursor:pointer;opacity:.75;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:-7px;padding:4px 7px;font-size:12.5px;transition:background .12s,opacity .12s;display:inline-flex}.page-icon-add:hover{background:var(--hover);color:var(--text-2);opacity:1}.page-title{resize:none;width:100%;color:var(--text-strong);letter-spacing:-.022em;background:0 0;border:none;outline:none;margin:2px 0 6px;padding:2px 0;font-family:inherit;font-size:40px;font-weight:700;line-height:1.22;overflow:hidden}.page-title::placeholder{color:var(--text-placeholder)}.page-blocks{flex-direction:column;margin-top:10px;display:flex}.block{border-radius:4px;align-items:flex-start;gap:4px;min-height:30px;padding:2px 0;display:flex;position:relative}.block-content{min-width:0;color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;outline:none;flex:1;padding:2px;font-size:16px;line-height:1.55;position:relative}.block[data-empty=true] .block-content:before{content:attr(data-placeholder);color:var(--text-placeholder);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:2px;left:2px}.block-content b,.block-content strong{font-weight:650}.block-content code{background:var(--code-bg);font-family:var(--mono);border-radius:3px;padding:.1em .32em;font-size:.86em}.block-content a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}.block-marker{min-width:14px;color:var(--text-2);-webkit-user-select:none;user-select:none;flex:none;padding:3px 2px 0 0;font-size:16px;line-height:1.55}.block-numbered .block-marker{text-align:right;min-width:22px;padding-right:6px}.block-heading1 .block-content{letter-spacing:-.015em;color:var(--text-strong);margin-top:22px;padding-top:4px;font-size:30px;font-weight:700;line-height:1.3}.block-heading2 .block-content{letter-spacing:-.01em;color:var(--text-strong);margin-top:18px;padding-top:3px;font-size:24px;font-weight:650;line-height:1.32}.block-heading3 .block-content{color:var(--text-strong);margin-top:12px;padding-top:2px;font-size:20px;font-weight:600;line-height:1.36}.block-callout{background:var(--callout-bg);border-radius:4px;margin:4px 0;padding:12px 14px}.block-callout .block-marker{padding:2px 10px 0 0}.callout-icon{font-size:16px;line-height:1.55}.block-callout .block-content{padding:0}.block-callout[data-empty=true] .block-content:before{top:0;left:0}.block-image{margin:4px 0}.image-frame{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;min-width:0;padding:0;display:block}.image-frame img{border-radius:4px;max-width:100%;display:block}.image-placeholder{border:1px dashed var(--border-strong);color:var(--text-3);cursor:pointer;background:0 0;border-radius:4px;flex:1;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:14px;display:flex}.image-placeholder:hover{background:var(--hover);color:var(--text-2)}.block-quote{margin:4px 0}.block-quote .block-content{border-left:3px solid var(--text-strong);color:var(--text-2);padding-left:14px;font-size:16.5px;line-height:1.55}.block-code{margin:4px 0}.block-code .block-content{background:var(--code-bg);font-family:var(--mono);tab-size:2;border-radius:6px;padding:10px 12px;font-size:13.5px;line-height:1.55}.block-code .block-content:before{top:10px;left:12px}.todo-checkbox{border:1.5px solid var(--border-strong);color:#fff;cursor:pointer;background:0 0;border-radius:4px;flex:none;place-items:center;width:18px;height:18px;margin:5px 2px 0 3px;padding:0;font-size:11px;line-height:1;transition:background .12s,border-color .12s;display:grid}.todo-checkbox:hover{border-color:var(--accent)}.todo-checkbox.is-checked{background:var(--accent);border-color:var(--accent)}.block-todo .block-content.is-checked{color:var(--text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--text-placeholder);text-decoration-color:var(--text-placeholder)}.block-divider{padding:8px 0}.divider-line{border-top:1px solid var(--border-strong);outline:none;flex:1;height:0;margin:6px 2px}.divider-line:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.block-controls{opacity:0;gap:1px;transition:opacity .12s;display:flex;position:absolute;top:2px;left:auto;right:calc(100% + 4px)}.block:hover .block-controls,.block:focus-within .block-controls{opacity:1}.block-control{width:24px;height:24px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:0;display:grid}.block-control:hover{background:var(--hover);color:var(--text-2)}.page-tail{cursor:text;flex:1;min-height:150px}.page-empty-state{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:6px;margin:auto;padding:48px 24px;display:flex}.page-empty-icon{margin-bottom:4px;font-size:40px}.page-empty-state h1{letter-spacing:-.02em;color:var(--text-strong);margin:0;font-size:28px;font-weight:700}.page-empty-state p{color:var(--text-2);margin:0 0 10px;font-size:14px}.primary-button{background:var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:6px;padding:8px 14px;font-size:13.5px;font-weight:500}.primary-button:hover{background:var(--accent-strong)}.block-menu{z-index:100;border:1px solid var(--border);background:var(--bg-elevated);width:292px;max-height:336px;box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.block-menu-header{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:10px 13px 6px;font-size:10.5px;font-weight:600}.block-menu-search{padding:0 8px 6px}.block-menu-search input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:6px;outline:none;padding:6px 8px;font-family:inherit;font-size:13px}.block-menu-search input:focus{border-color:var(--accent)}.block-menu-list{padding:4px 6px 8px;overflow-y:auto}.block-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.block-menu-item.is-active{background:var(--hover)}.block-menu-glyph{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-2);border-radius:6px;flex:0 0 32px;place-items:center;font-size:12.5px;font-weight:600;display:grid}.block-menu-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.block-menu-label{color:var(--text-strong);font-size:13.5px}.block-menu-description{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.block-menu-empty{color:var(--text-3);padding:12px;font-size:12.5px}.emoji-picker{z-index:60;border:1px solid var(--border);background:var(--bg-elevated);width:330px;box-shadow:var(--shadow-lg);border-radius:12px;padding:10px;position:absolute;top:calc(100% + 6px);left:0}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;max-height:208px;display:grid;overflow-y:auto}.emoji-option{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 0;font-size:18px;line-height:1.3}.emoji-option:hover{background:var(--hover)}.emoji-remove{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-2);cursor:pointer;background:0 0;border-radius:0 0 6px 6px;margin-top:8px;padding:7px 8px;font-size:12.5px}.emoji-remove:hover{background:var(--hover);color:var(--text-strong)}@media (width<=860px){.page{padding:16px 40px 32px 88px}.block-control{width:20px;height:22px}}@media (width<=720px){.sidebar{z-index:40;width:270px;box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0}.page{padding:12px 24px 24px}.page-title{font-size:32px}.block-controls{display:none}.emoji-picker{width:min(330px,100vw - 48px)}}.auth-page{background:var(--bg-sidebar);justify-content:center;align-items:center;height:100%;display:flex}.auth-card{text-align:center;width:100%;max-width:380px;padding:40px 24px}.auth-brand{letter-spacing:-.02em;color:var(--text-strong);margin-bottom:24px;font-size:28px;font-weight:700}.auth-card h2{color:var(--text-strong);margin:0 0 20px;font-size:20px;font-weight:600}.auth-error{color:#c44;text-align:left;background:#c83c3c1f;border-radius:6px;margin:0 0 16px;padding:8px 12px;font-size:13px}.auth-field{text-align:left;margin:0 0 12px}.auth-field label{color:var(--text-2);margin-bottom:5px;font-size:12.5px;font-weight:500;display:block}.auth-field input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:6px;outline:none;padding:9px 10px;font-family:inherit;font-size:14px}.auth-field input:focus{border-color:var(--accent)}.auth-button{background:var(--accent);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:6px;margin:6px 0 12px;padding:10px 14px;font-size:14px;font-weight:500}.auth-button:hover:not(:disabled){background:var(--accent-strong)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button.ghost{width:auto;color:var(--text-2);box-shadow:none;background:0 0;padding:6px 10px}.auth-button.ghost:hover:not(:disabled){background:var(--hover);color:var(--text-strong)}.auth-toggle{color:var(--text-2);margin:16px 0 0;font-size:13px}.auth-toggle button{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-weight:500}.auth-toggle button:hover{text-decoration:underline}.auth-note{color:var(--text-3);margin-top:16px;font-size:12px}.workspace-page{background:var(--bg-sidebar);justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.workspace-card{width:100%;max-width:420px;padding:32px 24px}.workspace-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.workspace-brand{letter-spacing:-.02em;color:var(--text-strong);font-size:24px;font-weight:700}.workspace-card h2{color:var(--text-strong);margin:0 0 16px;font-size:18px;font-weight:600}.workspace-list{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.workspace-item{margin:0}.workspace-button{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .12s}.workspace-button:hover{border-color:var(--accent);background:var(--hover)}.workspace-name{display:block}.workspace-owner{float:right;color:var(--text-3);font-size:11.5px;font-weight:400}.workspace-empty{color:var(--text-3);padding:12px;font-size:13px}.workspace-divider{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:16px 0;font-size:11px;font-weight:600}.workspace-form{flex-direction:column;gap:10px;display:flex}.template-modal{z-index:200;background:#0f0f0f4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-modal-content{background:var(--bg-elevated);width:min(420px,90vw);box-shadow:var(--shadow-lg);border-radius:10px;padding:24px}.template-modal-content h3{color:var(--text-strong);margin:0 0 16px;font-size:18px;font-weight:600}.template-modal-content input{border:1px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:6px;outline:none;margin-bottom:16px;padding:9px 10px;font-family:inherit;font-size:14px}.template-modal-actions{justify-content:flex-end;gap:8px;display:flex}.template-btn-cancel,.template-btn-save,.template-btn-use,.template-btn-delete{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.template-btn-cancel{background:var(--hover);color:var(--text-2)}.template-btn-save,.template-btn-use{background:var(--accent);color:#fff}.template-btn-delete{color:var(--text-3);background:0 0}.sidebar-section-stack{flex-direction:column;align-items:stretch;gap:2px;display:flex}.template-list{flex-direction:column;max-height:220px;padding-bottom:4px;display:flex;overflow-y:auto}.template-item{border-radius:5px;align-items:center;gap:2px;display:flex}.template-item:hover{background:var(--hover)}.template-item-main{min-width:0;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;align-items:center;gap:7px;padding:5px 8px;font-family:inherit;font-size:14px;display:flex}.template-item:hover .template-item-main{color:var(--text-strong)}.template-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-empty{color:var(--text-3);margin:0;padding:4px 8px;font-size:13px}.template-item-delete{width:22px;height:22px;color:var(--text-3);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;place-items:center;padding:0;font-size:15px;line-height:1;display:grid}.template-item:hover .template-item-delete,.template-item:focus-within .template-item-delete{opacity:1}.template-item-delete:hover{background:var(--hover);color:var(--text-strong)}.page-actions{flex:none;align-items:center;gap:2px;display:flex}.page-action-btn{width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;font-size:14px;display:grid}.page-action-btn:hover{background:var(--hover);color:var(--text-strong)}.page-share-btn{height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 8px;font-family:inherit;font-size:14px;font-weight:500}.page-share-btn:hover{background:var(--hover);color:var(--text-strong)}.page-menu-wrap{position:relative}.page-menu{border:1px solid var(--border);background:var(--bg-elevated);width:220px;max-height:340px;box-shadow:var(--shadow-lg);z-index:60;border-radius:10px;padding:4px;position:absolute;top:34px;right:0;overflow-y:auto}.page-menu-header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:6px 10px 4px;font-size:11px;font-weight:600}.page-menu-separator{background:var(--border);height:1px;margin:4px 2px}.page-menu-page{align-items:center;gap:7px;display:flex}.page-menu-page-icon{text-align:center;flex:0 0 16px;width:16px;font-size:13px;line-height:1}.page-menu-page-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-menu-item.is-danger{color:#eb5757}.page-menu-item.is-danger:hover{color:#eb5757;background:#eb57571f}.page-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 10px;font-family:inherit;font-size:14px}.page-menu-item:hover{background:var(--hover);color:var(--text-strong)}.block-drag-handle{width:20px;height:20px;color:var(--text-3);cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:4px;place-items:center;padding:0;font-size:12px;line-height:1;display:grid}.block-drag-handle:hover{background:var(--hover);color:var(--text-2)}.block-drag-handle:active{cursor:grabbing}.block.is-dragging{opacity:.45}.block-drop-indicator{background:var(--accent);pointer-events:none;border-radius:1px;height:2px;margin:1px 0}.favorite-list{flex-direction:column;padding-bottom:2px;display:flex}.favorite-item{min-height:27px;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;margin:0 2px;padding:4px 8px;font-family:inherit;font-size:14px;display:flex}.favorite-item:hover{background:var(--hover);color:var(--text-strong)}.favorite-item.is-active{background:var(--active);color:var(--text-strong)}.favorite-item .tree-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-action-btn.is-starred{color:#f2b53d}.page-action-btn.is-starred svg path{fill:currentColor}.trash-heading{letter-spacing:-.02em;color:var(--text-strong);margin:12px 0 6px;font-size:40px;font-weight:700}.trash-note{color:var(--text-3);margin:0 0 24px;font-size:14px}.trash-empty{color:var(--text-3);flex-direction:column;align-items:center;gap:10px;padding:64px 0;display:flex}.trash-empty p{margin:0;font-size:14px}.trash-list{border-top:1px solid var(--border)}.trash-entry{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:52px;padding:8px 6px;display:flex}.trash-entry:hover{background:var(--hover)}.trash-entry-icon{color:var(--text-3);flex:0 0 24px;place-items:center;font-size:18px;line-height:1;display:grid}.trash-entry-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trash-entry-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-strong);font-size:14px;overflow:hidden}.trash-entry-copy small{color:var(--text-3);font-size:12px}.trash-entry-actions{opacity:0;gap:4px;transition:opacity .12s;display:flex}.trash-entry:hover .trash-entry-actions,.trash-entry:focus-within .trash-entry-actions{opacity:1}.trash-entry-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-2);cursor:pointer;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12.5px}.trash-entry-btn:hover{background:var(--active);color:var(--text-strong)}.trash-entry-btn.is-danger{color:#eb5757;border-color:#0000}.trash-entry-btn.is-danger:hover{color:#eb5757;background:#eb57571f}@media (hover:none){.trash-entry-actions{opacity:1}}.trash-toast{z-index:90;color:#f5f5f5;background:#2f2f2f;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 320px);padding:10px 10px 10px 14px;font-size:13.5px;display:flex;position:fixed;bottom:20px;left:268px;box-shadow:0 8px 28px #00000059}.trash-toast-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trash-toast-undo{color:#6ea8fe;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 7px;font-family:inherit;font-size:13.5px;font-weight:600}.trash-toast-undo:hover{background:#6ea8fe26}.trash-toast-close{color:#b8b8b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:16px;line-height:1}.trash-toast-close:hover{color:#fff}.is-sidebar-collapsed .trash-toast{left:20px}@media (width<=720px){.trash-toast{max-width:none;left:16px;right:16px}}.sidebar-toggle{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-top{justify-content:space-between;align-items:center;gap:4px;height:40px;padding:2px 2px 4px;display:flex}.sidebar-top-actions{align-items:center;gap:2px;display:flex}.topbar-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}.topbar-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.inbox-badge{background:var(--badge-red);color:#fff;border-radius:7px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:-2px;right:-2px}.calendar-icon{color:#4c9aff;flex:0 0 16px;place-items:center;width:16px;height:16px;display:grid;position:relative}.calendar-day{background:var(--bg-sidebar);color:#4c9aff;border-radius:2px;padding:0 1px;font-size:8px;font-weight:700;line-height:1.2;position:absolute;bottom:-4px;right:-6px}.teamspace-group{flex-direction:column;gap:1px;display:flex}.teamspace-badge{width:20px;height:20px;color:var(--team-orange);background:#d9730d29;border-radius:4px;flex:0 0 20px;place-items:center;display:grid}.teamspace-badge svg{width:14px;height:14px}.page-item{border-radius:var(--radius-sm);width:100%;height:30px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 8px;font-family:inherit;font-size:14px;display:flex}.page-item:hover{background:var(--bg-hover)}.page-item.is-active{background:var(--bg-pill-active);color:var(--text-strong)}.page-item.add-new{color:var(--text-secondary);font-size:13.5px}.page-item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subpage-item{gap:0;padding-left:10px}.tree-expander{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:0 0 18px;place-items:center;margin-right:2px;padding:0;display:grid}.tree-expander:hover{background:var(--bg-hover);color:var(--text-primary)}.tree-expander svg{transition:transform .12s}.tree-expander.is-open svg{transform:rotate(90deg)}.tree-expander-placeholder{flex:0 0 18px;width:18px;margin-right:2px;display:inline-block}.tree-item-button{min-width:0;height:100%;color:inherit;font-family:inherit;font-size:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:0;display:flex}.tree-item-button svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px}.nested-item{padding-left:40px}.page-item svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px}.page-item.is-active svg{color:var(--text-primary)}.sidebar-spacer{flex:auto;min-height:8px}.sidebar-customize{border-radius:var(--radius-sm);width:calc(100% - 10px);height:30px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin:0 5px;padding:0 8px;font-family:inherit;font-size:13.5px;display:flex}.sidebar-customize:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-customize svg{flex:0 0 16px;width:16px;height:16px}.sidebar-footerbar{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:6px 5px 2px;display:flex}.footer-team{border-radius:var(--radius-sm);min-width:0;height:30px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0 6px;font-family:inherit;font-size:13.5px;display:flex}.footer-team:hover,.footer-team.is-open{background:var(--bg-hover)}.team-avatar{color:#fff;background:#3f3f3f;border-radius:4px;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.team-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team-chevron{color:var(--text-secondary);flex:0 0 12px;transform:rotate(90deg)}.footer-actions{align-items:center;gap:2px;display:flex}.footer-icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.footer-icon:hover,.footer-icon.is-open{background:var(--bg-hover);color:var(--text-primary)}.footer-icon.is-gift{color:#4c9aff}.menu-scrim{z-index:70;background:0 0;position:fixed;inset:0}.popup{z-index:80;border:1px solid var(--border-subtle);border-radius:var(--radius-popup);background:var(--bg-popup);flex-direction:column;gap:1px;padding:6px;display:flex;position:fixed;box-shadow:0 12px 32px #00000059,0 2px 8px #00000040}.app-menu{width:240px;bottom:52px;left:8px}.team-menu{width:220px;bottom:52px;left:8px}.popup-item{border-radius:var(--radius-sm);width:100%;height:29px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0 8px;font-family:inherit;font-size:14px;display:flex}.popup-item:hover{background:var(--bg-hover);color:var(--text-strong)}.popup-item svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px}.popup-item.is-danger{color:var(--badge-red)}.popup-separator{background:var(--border-subtle);height:1px;margin:4px}.inbox-panel{width:300px;max-height:420px;top:44px;left:5px;overflow-y:auto}.inbox-panel-header{color:var(--text-secondary);padding:4px 8px 6px;font-size:12px;font-weight:600}.inbox-empty{color:var(--text-secondary);margin:0;padding:8px;font-size:13.5px}.inbox-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:14px;display:flex}.inbox-item:hover{background:var(--bg-hover)}.inbox-item svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px}.inbox-item-copy{flex-direction:column;flex:1;min-width:0;display:flex}.inbox-item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inbox-item-time{color:var(--text-secondary);font-size:11.5px}.inbox-unread-dot{background:var(--accent-blue);border-radius:50%;flex:0 0 6px;width:6px;height:6px}@media (width<=720px){.sidebar-search .shortcut{display:none}}.library-scroll{background:var(--bg-content)}.library-page{flex-direction:column;width:100%;max-width:1660px;margin:0 auto;padding:40px 96px 64px 104px;display:flex}.library-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.library-heading{letter-spacing:-.02em;color:var(--text-strong);margin:0;font-size:32px;font-weight:700}.library-tabs{align-items:center;gap:26px;margin-bottom:12px;display:flex}.tab{border-radius:var(--radius-md);height:28px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 8px;font-family:inherit;font-size:14px;display:inline-flex}.tab:hover{background:var(--bg-hover);color:var(--text-primary)}.tab.is-active{background:var(--bg-pill-active);color:var(--text-strong);font-weight:600}.tab svg{flex:0 0 15px;width:15px;height:15px}.tab-search{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:0 0 28px;place-items:center;margin-left:auto;padding:0;display:grid}.tab-search:hover{background:var(--bg-hover);color:var(--text-primary)}.library-table-wrap{width:100%}.library-table{border-collapse:collapse;width:100%;font-size:14px}.library-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:8px 10px;font-size:14px;font-weight:500}.library-table th svg{vertical-align:-2px;width:14px;height:14px;color:var(--text-secondary);margin-right:6px}.library-table td{border-bottom:1px solid var(--border-subtle);height:37px;color:var(--text-primary);vertical-align:middle;padding:0 10px}.library-row:hover td{background:var(--bg-hover)}.col-name,.col-desc{width:35.5%}.col-access{width:15.6%}.col-members{width:13.4%;color:var(--text-secondary)}.row-link{width:100%;color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:14px;font-weight:600;display:flex}.row-expand{width:16px;height:16px;color:var(--text-secondary);cursor:pointer;flex:0 0 16px;place-items:center;display:grid}.row-expand svg{transition:transform .12s}.row-expand.is-open svg{transform:rotate(90deg)}.row-expand-placeholder{flex:0 0 16px;width:16px}.row-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-title.is-child{color:var(--text-primary);font-weight:400}.access-cell{color:var(--text-primary);align-items:center;gap:6px;display:inline-flex}.access-cell svg{color:var(--text-secondary)}.library-empty{color:var(--text-secondary);margin:0;padding:14px 10px;font-size:14px}.library-list{flex-direction:column;display:flex}.library-list-item{border-radius:var(--radius-sm);height:32px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 10px;font-family:inherit;font-size:14px;display:flex}.library-list-item:hover{background:var(--bg-hover)}.library-list-item svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px}.new-teamspace-btn{border-radius:var(--radius-sm);background:var(--accent-blue);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;height:32px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.new-teamspace-btn:hover{background:#1a6fc2}.new-teamspace-btn svg{flex:0 0 16px;width:16px;height:16px}.dialog-backdrop{z-index:90;background:#0f0f0f8c;place-items:center;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-popup);width:min(360px,92vw);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:16px;display:flex}.dialog-header{color:var(--text-strong);font-size:16px;font-weight:600}.dialog-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:8px 10px;font-family:inherit;font-size:14px}.dialog-input:focus{border-color:var(--accent-blue)}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-btn-cancel,.dialog-btn-save{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 12px;font-family:inherit;font-size:13px}.dialog-btn-cancel{background:var(--bg-hover);color:var(--text-primary)}.dialog-btn-cancel:hover{color:var(--text-strong);background:#ffffff14}.dialog-btn-save{background:var(--accent-blue);color:#fff}.dialog-btn-save:hover:not(:disabled){background:#1a6fc2}.dialog-btn-save:disabled{opacity:.5;cursor:not-allowed}.ai-float-btn{color:#1a1a1a;cursor:pointer;z-index:50;background:#f5f5f5;border:none;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .12s,background .12s;display:grid;position:fixed;bottom:40px;right:40px;box-shadow:0 4px 12px #0000004d}.ai-float-btn:hover{background:#e5e5e5;transform:translateY(-2px)}