:root{--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-serif: Lyon-Text, Georgia, ui-serif, serif;--font-mono: "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", monospace;--blue: #2383e2;--radius: 3px;--sidebar-w: 248px;--content-w: 708px;--transition: background 20ms ease-in 0s}:root,:root[data-theme=light]{--bg: #ffffff;--bg-sidebar: #f7f7f5;--bg-overlay: #ffffff;--bg-input: rgba(242, 241, 238, .6);--text: rgb(55, 53, 47);--text-secondary: rgba(55, 53, 47, .65);--text-tertiary: rgba(55, 53, 47, .45);--text-placeholder: rgba(55, 53, 47, .28);--hover: rgba(55, 53, 47, .08);--active: rgba(55, 53, 47, .16);--border: rgba(55, 53, 47, .09);--divider: rgba(55, 53, 47, .16);--code-bg: rgba(135, 131, 120, .15);--code-text: #eb5757;--code-block-bg: rgb(247, 246, 243);--callout-bg: rgba(241, 241, 239, .6);--mark-bg: rgba(255, 212, 0, .4);--selection: rgba(35, 131, 226, .28);--shadow-menu: rgba(15, 15, 15, .05) 0px 0px 0px 1px, rgba(15, 15, 15, .1) 0px 3px 6px, rgba(15, 15, 15, .2) 0px 9px 24px;color-scheme:light}:root[data-theme=dark]{--bg: #191919;--bg-sidebar: #202020;--bg-overlay: #252525;--bg-input: rgba(255, 255, 255, .055);--text: rgba(255, 255, 255, .81);--text-secondary: rgba(255, 255, 255, .443);--text-tertiary: rgba(255, 255, 255, .282);--text-placeholder: rgba(255, 255, 255, .282);--hover: rgba(255, 255, 255, .055);--active: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .094);--divider: rgba(255, 255, 255, .13);--code-bg: rgba(135, 131, 120, .15);--code-text: #ff7369;--code-block-bg: rgba(255, 255, 255, .03);--callout-bg: rgba(255, 255, 255, .03);--mark-bg: rgba(255, 212, 0, .25);--selection: rgba(35, 131, 226, .4);--shadow-menu: rgba(15, 15, 15, .1) 0px 0px 0px 1px, rgba(15, 15, 15, .2) 0px 3px 6px, rgba(15, 15, 15, .4) 0px 9px 24px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}::selection{background:var(--selection)}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}input,textarea{font-family:inherit;color:inherit}.login{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:200}.login-card{width:320px;text-align:center}.login-logo{font-size:48px;margin-bottom:16px}.login-card h1{font-size:22px;font-weight:600;margin:0 0 4px}.login-card p{color:var(--text-secondary);font-size:14px;margin:0 0 24px}.login-card input{width:100%;padding:10px 12px;font-size:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;outline:none;margin-bottom:10px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2383e233}.login-card button{width:100%;padding:10px;font-size:14px;font-weight:500;color:#fff;background:var(--blue);border-radius:4px}.login-card button:hover{background:#1a72c9}.login-error{color:#eb5757;font-size:13px;min-height:18px;margin-top:8px}.app{display:flex;height:100vh;overflow:hidden}.app[hidden]{display:none}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .22s cubic-bezier(.2,0,0,1),margin-left .22s cubic-bezier(.2,0,0,1);overflow:hidden}.sidebar.collapsed{margin-left:calc(var(--sidebar-w) * -1)}.sidebar-header{display:flex;align-items:center;gap:8px;padding:10px 12px 6px}.workspace{display:flex;align-items:center;gap:8px;flex:1;padding:4px 6px;border-radius:var(--radius);font-size:14px;font-weight:600;min-width:0}.workspace:hover{background:var(--hover)}.workspace-icon{width:20px;height:20px;border-radius:3px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px;flex-shrink:0}.workspace-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius);color:var(--text-secondary);flex-shrink:0;transition:var(--transition)}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn svg{width:15px;height:15px}.sidebar-actions{padding:0 8px 8px}.sidebar-action{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;border-radius:var(--radius);font-size:14px;color:var(--text-secondary);transition:var(--transition)}.sidebar-action:hover{background:var(--hover)}.sidebar-action svg{width:16px;height:16px;flex-shrink:0}.sidebar-action kbd{margin-left:auto;font-family:var(--font-sans);font-size:11px;color:var(--text-tertiary)}.sidebar-scroll{flex:1;overflow-y:auto;padding:8px 8px 24px}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--divider);border-radius:4px}.section-label{font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--text-tertiary);padding:6px 8px 4px;text-transform:none}.tree-row{display:flex;align-items:center;gap:2px;padding:2px 8px 2px 4px;border-radius:var(--radius);font-size:14px;color:var(--text-secondary);cursor:pointer;user-select:none;transition:var(--transition)}.tree-row:hover{background:var(--hover)}.tree-row.selected{background:var(--active);color:var(--text);font-weight:500}.tree-caret{width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius);flex-shrink:0;color:var(--text-tertiary);opacity:0;transition:transform .12s ease}.tree-row:hover .tree-caret,.tree-caret.has-children{opacity:1}.tree-caret:hover{background:var(--active)}.tree-caret.open{transform:rotate(90deg)}.tree-caret svg{width:10px;height:10px}.tree-icon{width:20px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.tree-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-actions{display:flex;gap:1px;opacity:0}.tree-row:hover .tree-actions{opacity:1}.tree-actions .icon-btn{width:20px;height:20px}.tree-actions .icon-btn svg{width:13px;height:13px}.tree-empty{font-size:13px;color:var(--text-tertiary);padding:4px 8px 4px 30px}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.topbar{height:45px;display:flex;align-items:center;gap:8px;padding:0 12px;flex-shrink:0;font-size:14px}.breadcrumbs{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:hidden}.crumb{display:flex;align-items:center;gap:5px;padding:2px 6px;border-radius:var(--radius);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.crumb:hover{background:var(--hover)}.crumb-sep{color:var(--text-tertiary);font-size:13px}.save-state{font-size:12px;color:var(--text-tertiary);margin-right:4px;white-space:nowrap}.scroller{flex:1;overflow-y:auto;overflow-x:hidden}.scroller::-webkit-scrollbar{width:12px}.scroller::-webkit-scrollbar-thumb{background:var(--divider);border-radius:6px;border:3px solid var(--bg)}.page{max-width:calc(var(--content-w) + 192px);margin:0 auto;padding:0 96px 30vh}.page-cover{height:30vh;min-height:180px;margin:0 -96px;background-size:cover;background-position:center;position:relative}.page-header{padding-top:100px}.page-header.with-cover{padding-top:20px}.page-icon{font-size:78px;line-height:1.1;width:84px;height:84px;display:flex;align-items:center;border-radius:var(--radius);cursor:pointer;margin-bottom:4px;user-select:none}.page-icon:hover{background:var(--hover)}.page-icon.empty{display:none}.page-controls{display:flex;gap:4px;height:24px;margin-bottom:4px;opacity:0;transition:opacity .12s ease}.page-header:hover .page-controls{opacity:1}.page-control{display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-tertiary)}.page-control:hover{background:var(--hover)}.page-control svg{width:15px;height:15px}.page-title{font-size:40px;font-weight:700;line-height:1.2;letter-spacing:-.01em;outline:none;margin:0 0 8px;padding:3px 2px;word-break:break-word;white-space:pre-wrap}.page-title:empty:before{content:"Sin título";color:var(--text-placeholder);pointer-events:none}.editor{padding-bottom:40px}.block{position:relative;display:flex;align-items:flex-start;margin:1px 0}.block-gutter{position:absolute;left:-46px;top:0;display:flex;align-items:center;gap:1px;height:28px;opacity:0;transition:opacity .12s ease}.block:hover>.block-gutter,.block.menu-open>.block-gutter{opacity:1}.gutter-btn{width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius);color:var(--text-tertiary);transition:var(--transition)}.gutter-btn:hover{background:var(--hover)}.gutter-btn svg{width:14px;height:14px}.gutter-btn.drag{cursor:grab}.block-body{flex:1;min-width:0;display:flex;align-items:flex-start}.block-marker{flex-shrink:0;user-select:none;color:var(--text)}.block-content{flex:1;min-width:0;outline:none;padding:3px 2px;word-break:break-word;white-space:pre-wrap;caret-color:var(--text)}.block-content:empty:before,.block-content.show-placeholder:before{content:attr(data-placeholder);color:var(--text-placeholder);pointer-events:none;position:absolute}.block-content a{color:inherit;text-decoration:underline;text-decoration-color:var(--text-tertiary);text-underline-offset:2px;cursor:pointer}.block-content code{font-family:var(--font-mono);font-size:85%;background:var(--code-bg);color:var(--code-text);border-radius:var(--radius);padding:.2em .4em;line-height:normal}.block-content mark{background:var(--mark-bg);color:inherit;border-radius:2px}.block[data-type=h1] .block-content{font-size:1.875em;font-weight:600;line-height:1.3;padding-top:2px}.block[data-type=h1]{margin-top:32px;margin-bottom:1px}.block[data-type=h2] .block-content{font-size:1.5em;font-weight:600;line-height:1.3}.block[data-type=h2]{margin-top:21px}.block[data-type=h3] .block-content{font-size:1.25em;font-weight:600;line-height:1.3}.block[data-type=h3]{margin-top:14px}.block[data-type=ul] .block-marker,.block[data-type=ol] .block-marker{width:24px;display:flex;justify-content:center;padding-top:3px;line-height:1.5}.block[data-type=ul] .block-marker:before{content:"•";font-size:1.2em;line-height:1.2}.block[data-type=todo] .block-marker{width:24px;display:flex;justify-content:center;padding-top:6px}.todo-box{width:16px;height:16px;border:1.3px solid var(--text-tertiary);border-radius:2px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.todo-box.checked{background:var(--blue);border-color:var(--blue)}.todo-box svg{width:11px;height:11px;color:#fff;opacity:0}.todo-box.checked svg{opacity:1}.block[data-type=todo][data-checked=true] .block-content{color:var(--text-tertiary);text-decoration:line-through}.block[data-type=quote] .block-body{border-left:3px solid currentColor;padding-left:14px}.block[data-type=quote] .block-content{font-size:1em}.block[data-type=callout] .block-body{background:var(--callout-bg);border-radius:var(--radius);padding:16px 16px 16px 12px;gap:8px}.callout-emoji{font-size:16px;line-height:24px;cursor:pointer;user-select:none;flex-shrink:0;width:24px;text-align:center}.block[data-type=toggle] .block-marker{width:24px;display:flex;justify-content:center;padding-top:5px}.toggle-caret{width:18px;height:18px;display:grid;place-items:center;border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);transition:transform .15s ease}.toggle-caret:hover{background:var(--hover)}.toggle-caret.open{transform:rotate(90deg)}.toggle-caret svg{width:11px;height:11px}.block.hidden-by-toggle{display:none}.block[data-type=divider]{padding:6px 0}.block[data-type=divider] .block-body:after{content:"";display:block;width:100%;height:1px;background:var(--divider)}.block[data-type=code] .block-body{background:var(--code-block-bg);border-radius:var(--radius);padding:30px 16px 24px;position:relative;flex-direction:column}.block[data-type=code] .block-content{font-family:var(--font-mono);font-size:85%;line-height:1.5;tab-size:2;width:100%;padding:0}.code-lang{position:absolute;top:4px;left:12px;font-size:12px;color:var(--text-tertiary);font-family:var(--font-sans);background:transparent;border:none;outline:none;cursor:pointer;border-radius:var(--radius);padding:2px 4px}.code-lang:hover{background:var(--hover)}.code-copy{position:absolute;top:4px;right:8px;font-size:12px;color:var(--text-tertiary);padding:2px 6px;border-radius:var(--radius);opacity:0}.block[data-type=code]:hover .code-copy{opacity:1}.code-copy:hover{background:var(--hover)}.block[data-indent="1"]{margin-left:24px}.block[data-indent="2"]{margin-left:48px}.block[data-indent="3"]{margin-left:72px}.block[data-indent="4"]{margin-left:96px}.block[data-indent="5"]{margin-left:120px}.menu{position:fixed;z-index:100;background:var(--bg-overlay);border-radius:4px;box-shadow:var(--shadow-menu);padding:6px 0;min-width:220px;max-height:340px;overflow-y:auto;font-size:14px}.menu[hidden]{display:none}.menu-section{font-size:11px;font-weight:500;color:var(--text-tertiary);padding:6px 14px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 14px;text-align:left;transition:var(--transition)}.menu-item:hover,.menu-item.active{background:var(--hover)}.menu-item.danger{color:#eb5757}.menu-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:15px}.menu-item.compact .menu-icon{width:18px;height:18px;border:none;background:none}.menu-icon svg{width:15px;height:15px}.menu-text{min-width:0}.menu-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-desc{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-empty{padding:8px 14px;color:var(--text-tertiary);font-size:13px}.menu-sep{height:1px;background:var(--border);margin:6px 0}.format-bar{position:fixed;z-index:110;display:flex;align-items:center;background:var(--bg-overlay);border-radius:4px;box-shadow:var(--shadow-menu);padding:2px;height:33px}.format-bar[hidden]{display:none}.format-btn{width:30px;height:28px;display:grid;place-items:center;border-radius:var(--radius);color:var(--text);font-size:14px}.format-btn:hover{background:var(--hover)}.format-btn svg{width:15px;height:15px}.overlay{position:fixed;inset:0;background:#0f0f0f99;z-index:150;display:flex;justify-content:center;padding-top:15vh}.overlay[hidden]{display:none}.search-panel{width:min(600px,92vw);max-height:60vh;background:var(--bg-overlay);border-radius:6px;box-shadow:var(--shadow-menu);display:flex;flex-direction:column;overflow:hidden}.search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.search-input-row svg{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.search-input-row input{flex:1;border:none;outline:none;background:none;font-size:16px}.search-input-row input::placeholder{color:var(--text-placeholder)}.search-results{overflow-y:auto;padding:6px 0}.search-hit{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;text-align:left}.search-hit:hover,.search-hit.active{background:var(--hover)}.search-hit-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.search-hit-body{min-width:0}.search-hit-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-hit-snippet{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-hit-snippet mark{background:none;color:var(--text-secondary);font-weight:600}.emoji-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;padding:6px 8px;max-height:240px;overflow-y:auto}.emoji-btn{width:30px;height:30px;display:grid;place-items:center;font-size:19px;border-radius:var(--radius)}.emoji-btn:hover{background:var(--hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;color:var(--text-tertiary)}.empty-state h2{font-size:20px;font-weight:600;color:var(--text-secondary);margin:0}.empty-state button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;background:var(--blue);color:#fff;font-size:14px;font-weight:500}@media(max-width:860px){.page{padding:0 24px 30vh}.page-cover{margin:0 -24px}.block-gutter{display:none}.sidebar{position:fixed;inset:0 auto 0 0;z-index:120;box-shadow:var(--shadow-menu)}.page-title{font-size:32px}}@media print{.sidebar,.topbar,.block-gutter,.page-controls{display:none!important}.scroller{overflow:visible}}