.auth-page{min-height:100%;display:grid;place-items:center;padding:32px;overflow-y:auto;background:radial-gradient(circle at 50% 0,var(--sl-panel),var(--sl-bg) 58%)}.auth-card{width:min(100%,420px);padding:34px 36px;border:1px solid var(--sl-border);border-radius:14px;background:var(--sl-panel);box-shadow:var(--sl-shadow);animation:sl-in .2s ease both}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:30px;color:var(--sl-fg);font:600 18px/1 Newsreader,serif}.auth-mark{width:28px;height:28px;fill:var(--sl-sub);stroke:var(--sl-sub);stroke-width:1.2}.auth-mark-core{fill:var(--sl-accent);stroke:none}.auth-card h1{margin:0;font:500 32px/1.12 Newsreader,serif;letter-spacing:-.01em}.auth-subtitle{margin:8px 0 26px;color:var(--sl-sub);font-size:13px;line-height:1.55}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-field{display:flex;flex-direction:column;gap:6px;color:var(--sl-sub);font-size:11px;font-weight:600}.auth-field input{width:100%;padding:10px 12px;border:1px solid var(--sl-border);border-radius:7px;background:var(--sl-bg);font-size:14px}.auth-primary,.auth-secondary{width:100%;padding:10px 14px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600}.auth-primary{border:1px solid var(--sl-accent);background:var(--sl-accent);color:#fff}.auth-secondary{border:1px solid var(--sl-border);background:transparent;color:var(--sl-fg)}.auth-primary:disabled{cursor:wait;opacity:.65}.auth-error,.auth-success{margin:0;padding:9px 11px;border-radius:7px;font-size:12px;line-height:1.45}.auth-error{color:var(--sl-red);background:color-mix(in srgb,var(--sl-red) 10%,transparent)}.auth-success{margin-bottom:15px;color:var(--sl-green);background:color-mix(in srgb,var(--sl-green) 10%,transparent)}.auth-switch{margin:20px 0 0;color:var(--sl-sub);font-size:12px;text-align:center}.auth-switch button{border:0;background:transparent;color:var(--sl-accent);cursor:pointer;font-weight:600}.auth-invite-actions{display:flex;flex-direction:column;gap:10px}.auth-loading{height:100%;display:grid;place-items:center;color:var(--sl-sub)}.sl-pulse{animation:sl-pulse 1.6s ease-in-out infinite}.home-page{min-height:100%;overflow-y:auto}.home-inner{max-width:920px;margin:0 auto;padding:52px 40px 80px}.home-inner>h1{margin:0;font:500 33px/1.15 Newsreader,serif;letter-spacing:-.01em}.home-date{margin:6px 0 0;color:var(--sl-sub);font-size:13.5px}.home-inner>h2{margin:34px 0 10px;color:var(--sl-sub);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-cards article{padding:16px;border:1px solid var(--sl-border);border-radius:9px;background:var(--sl-panel);transition:transform .15s ease,box-shadow .15s ease}.home-cards article:hover{transform:translateY(-2px);box-shadow:var(--sl-shadow)}.home-cards span{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--sl-acc-soft);color:var(--sl-accent);font-size:9.5px;font-weight:700}.home-cards h3{margin:12px 0 3px;font-size:13.5px}.home-cards p{margin:0;color:var(--sl-sub);font-size:11.5px;line-height:1.45}.nodon-editor{position:relative;max-width:700px;color:var(--sl-fg, #2b2519)}.nodon-editor .ProseMirror{outline:none;padding:4px 0 100px;font-family:"Source Serif 4",serif;font-size:16.5px;line-height:1.7}.nodon-editor h2{margin:30px 0 10px;font-family:Newsreader,serif;font-size:23px;line-height:1.25}.nodon-editor h3{margin:22px 0 8px;font-family:Newsreader,serif;font-size:19px}.nodon-editor blockquote{margin:8px 0 18px;padding-left:18px;border-left:2.5px solid currentColor;font-style:italic}.nodon-editor pre{padding:14px 16px;border:1px solid var(--sl-border);border-radius:8px;background:var(--sl-code);font:13px/1.6 SF Mono,Menlo,monospace}.nodon-highlight,[data-highlight]{background:var(--sl-acc-soft);border-bottom:2px solid var(--sl-accent)}.nodon-wikilink,[data-wikilink]{color:var(--sl-accent);border-bottom:1px dotted var(--sl-accent)}.nodon-drag-handle{width:28px;color:var(--sl-sub);cursor:grab;letter-spacing:1px}.nodon-list input,.nodon-tasks input[type=text]{border:0;background:transparent;color:inherit;font:inherit}.nodon-tasks{display:flex;flex-direction:column;gap:7px}.nodon-tasks label{display:flex;gap:10px}.nodon-tasks .done{opacity:.55;text-decoration:line-through}.slash-menu{position:absolute;z-index:20;width:340px;padding:5px;border:1px solid var(--sl-border);border-radius:10px;background:var(--sl-panel);box-shadow:var(--sl-shadow)}.slash-menu>span{display:block;padding:6px 8px;color:var(--sl-sub);font:600 10.5px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}.slash-menu button{display:flex;width:100%;gap:10px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left}.slash-menu button:hover{background:var(--sl-hover)}.slash-menu button>b{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:var(--sl-hover);font:700 10.5px Inter,sans-serif}.slash-menu button span{display:flex;flex-direction:column}.slash-menu small{color:var(--sl-sub)}.wikilink-menu{position:absolute;z-index:21;width:280px;padding:5px;border:1px solid var(--sl-border);border-radius:9px;background:var(--sl-panel)}.wikilink-menu button{display:block;width:100%;padding:7px;border:0;background:transparent;color:inherit;text-align:left}.wikilink-menu button:hover{background:var(--sl-hover)}.horacio-callout{display:flex;gap:12px;margin:8px 0 18px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--sl-accent) 30%,transparent);border-radius:9px;background:var(--sl-acc-soft)}.horacio-callout>div>strong{color:var(--sl-accent);font:700 10.5px Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}.callout-actions{display:flex;gap:8px}.callout-actions button{padding:6px 12px;border:1px solid var(--sl-border);border-radius:6px;background:transparent}.callout-actions .primary{border-color:var(--sl-accent);background:var(--sl-accent);color:#fff}.base-embedded{margin:8px 0 18px;border:1px solid var(--sl-border);border-radius:9px;background:var(--sl-panel)}.base-embedded header{display:flex;gap:8px;padding:9px 14px;border-bottom:1px solid var(--sl-border)}.base-embedded header span{color:var(--sl-sub)}.base-embedded p,.base-embedded small{display:block;margin:8px 14px}.image-block{position:relative;display:grid;max-width:100%;place-items:center;overflow:hidden;border:1px dashed var(--sl-border);border-radius:9px;background:var(--sl-hover)}.image-block img{width:100%;height:100%;object-fit:contain}.image-block input{display:block;margin-top:8px}.resize-handle{position:absolute;right:2px;bottom:2px;width:16px;height:16px;border:0;border-right:3px solid var(--sl-sub);border-bottom:3px solid var(--sl-sub);background:transparent;cursor:nwse-resize}.page-screen{max-width:764px;min-width:360px;padding:54px 32px 100px;margin:0 auto}.page-meta{display:flex;gap:10px;margin-bottom:10px;font-size:12px;color:var(--sl-sub)}.page-meta b{color:var(--sl-green)}.page-title{width:100%;margin:0 0 22px;border:0;outline:0;background:transparent;color:var(--sl-fg);font:500 38px/1.15 Newsreader,serif;letter-spacing:-.015em}.subpage-button{margin-top:10px;padding:6px 12px;border:1px dashed var(--sl-border);border-radius:7px;background:transparent;color:var(--sl-sub)}.page-message{padding:8px;border-radius:6px;background:var(--sl-acc-soft);color:var(--sl-accent)}.page-tree-row{display:flex;align-items:center}.page-tree-row>button{border:0;background:transparent;color:inherit}.page-tree-row.active{background:var(--sl-hover);font-weight:600}.tree-caret{width:20px}.settings-page{min-height:100%;overflow-y:auto}.settings-inner{max-width:820px;margin:0 auto;padding:42px 40px 80px}.settings-inner>h1{margin:0 0 30px;font:500 33px/1.15 Newsreader,serif}.settings-inner section{margin-top:20px;padding:18px;border:1px solid var(--sl-border);border-radius:9px;background:var(--sl-panel)}.settings-inner section h2{margin:0 0 14px;font:600 19px/1.2 Newsreader,serif}.profile-card{display:flex;align-items:center;gap:13px}.profile-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--sl-accent);color:#fff;font-weight:700}.profile-card p,.profile-card small{margin:2px 0 0;color:var(--sl-sub);font-size:12px}.invite-form{display:grid;grid-template-columns:1fr 150px auto;gap:8px;align-items:end}.invite-form label{display:grid;gap:5px;color:var(--sl-sub);font-size:11px;font-weight:600}.invite-form input,.invite-form select{padding:8px 10px;border:1px solid var(--sl-border);border-radius:7px;background:var(--sl-bg)}.invite-form button,.settings-primary,.secret-once button,.resource-list button{padding:8px 10px;border:1px solid var(--sl-border);border-radius:7px;background:transparent;cursor:pointer;font-size:12px;font-weight:600}.invite-form>button,.settings-primary{border-color:var(--sl-accent);background:var(--sl-accent);color:#fff}.settings-note{color:var(--sl-sub);font-size:12px}.secret-once{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--sl-amber);border-radius:8px;background:color-mix(in srgb,var(--sl-amber) 8%,transparent)}.secret-once code{overflow-wrap:anywhere;color:var(--sl-fg);font-size:11px}.resource-list{display:grid;gap:4px;margin-top:12px}.resource-list article{display:flex;align-items:center;gap:12px;padding:8px;border-top:1px solid var(--sl-border-soft)}.resource-list article span{flex:1;display:flex;flex-direction:column}.resource-list small{color:var(--sl-sub);font-size:10.5px}.shell-root{display:flex;width:100%;height:100vh;min-height:600px;overflow:hidden;background:var(--sl-bg);color:var(--sl-fg)}.module-strip{flex:0 0 46px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;border-right:1px solid var(--sl-border-soft);background:var(--sl-side)}.module-strip button{position:relative;display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:var(--sl-sub);cursor:pointer}.module-strip button:hover,.module-strip .module-active{background:var(--sl-hover);color:var(--sl-fg)}.shell-sidebar{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--sl-border);background:var(--sl-side);transition:background-color .3s ease}.side-brand{display:flex;align-items:center;gap:10px;padding:14px 14px 10px}.node-mark{width:26px;height:26px;fill:var(--sl-sub);stroke:var(--sl-sub);stroke-width:1.2}.node-core{fill:var(--sl-accent);stroke:none}.side-brand>span,.profile-button>span:last-child{min-width:0;display:flex;flex-direction:column}.side-brand h1{font:600 17px/1.1 Newsreader,serif;margin:0}.side-brand small,.profile-button small{color:var(--sl-sub);font-size:10.5px}.search-button{display:flex;align-items:center;gap:8px;margin:0 10px 8px;padding:7px 10px;border:1px solid var(--sl-border);border-radius:7px;background:var(--sl-panel);color:var(--sl-sub);cursor:pointer;font-size:13px}.search-button span:nth-child(2){flex:1;text-align:left}.search-button kbd{padding:1px 5px;border:1px solid var(--sl-border);border-radius:4px;font:inherit;font-size:10.5px}.side-scroll{min-height:0;flex:1;overflow:auto;padding:6px 10px 12px}.side-link{width:100%;display:flex;align-items:center;gap:9px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--sl-fg);cursor:pointer;text-align:left}.side-link span{flex:1}.side-link:hover,.side-link.active{background:var(--sl-hover);font-weight:600}.side-section{margin-top:20px;padding:0 8px}.side-section h2{margin:0;color:var(--sl-sub);font-size:12px}.side-section p{margin:7px 0;color:var(--sl-sub);font-size:11px;line-height:1.45}.workspace-switcher{position:relative;margin:14px 0 4px;padding-top:10px;border-top:1px solid var(--sl-border-soft)}.workspace-trigger{width:100%;display:flex;align-items:baseline;gap:5px;padding:4px 8px;border:0;background:transparent;cursor:pointer;text-align:left}.workspace-trigger span:first-child{color:var(--sl-sub);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.workspace-trigger strong{min-width:0;flex:1;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workspace-popover,.paper-popover{position:absolute;z-index:50;padding:5px;border:1px solid var(--sl-border);border-radius:10px;background:var(--sl-panel);box-shadow:var(--sl-shadow);animation:sl-in .12s ease both}.workspace-popover{left:8px;top:42px;width:220px}.workspace-popover>button,.status-popover button{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border:0;border-radius:6px;background:transparent;cursor:pointer;text-align:left}.workspace-popover button:hover,.status-popover button:hover{background:var(--sl-hover)}.workspace-popover button span{flex:1;display:flex;flex-direction:column}.workspace-popover small{color:var(--sl-sub);font-size:10px}.workspace-popover form{display:grid;gap:6px;padding:8px;border-top:1px solid var(--sl-border-soft);font-size:11px}.workspace-popover input,.workspace-popover select{width:100%;padding:6px;border:1px solid var(--sl-border);border-radius:6px;background:var(--sl-bg)}.workspace-popover .workspace-new{border-top:1px solid var(--sl-border-soft);color:var(--sl-accent)}.trash-zone{position:relative;padding:6px 10px;border-top:1px solid var(--sl-border)}.trash-popover{right:10px;bottom:42px;left:10px;padding:8px}.paper-popover h3{margin:2px 6px 6px;color:var(--sl-sub);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}.paper-popover p{margin:4px 6px 6px;color:var(--sl-sub);font-size:12px}.user-footer{position:relative;display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--sl-border)}.profile-button{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:5px 6px;border:0;border-radius:7px;background:transparent;cursor:pointer;text-align:left}.profile-button:hover{background:var(--sl-hover)}.avatar{position:relative;width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:var(--sl-accent);color:#fff;font-size:11px;font-weight:700}.avatar i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid var(--sl-side);border-radius:50%}.icon-button{width:30px;height:30px;border:1px solid var(--sl-border);border-radius:7px;background:transparent;color:var(--sl-sub);cursor:pointer}.status-popover{right:10px;bottom:54px;left:10px;padding:6px}.status-popover i{width:8px;height:8px;border-radius:50%}.status-popover span{flex:1;display:flex;flex-direction:column}.status-popover small{color:var(--sl-sub);font-size:11px}.sidebar-handle{flex:0 0 5px;z-index:30;margin:0 -2px;padding:0;border:0;background:transparent;cursor:col-resize;touch-action:none}.sidebar-handle:hover{background:color-mix(in srgb,var(--sl-accent) 30%,transparent)}.shell-main{min-width:0;flex:1;display:flex;flex-direction:column}.tabs-bar{flex:0 0 auto;display:flex;align-items:flex-end;gap:3px;padding:6px 10px 0;overflow-x:auto;border-bottom:1px solid var(--sl-border);background:var(--sl-side)}.browser-tab{min-width:0;max-width:190px;flex:0 1 auto;display:flex;align-items:center;gap:7px;padding:6px 10px 7px 12px;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;color:var(--sl-sub);cursor:pointer;font-size:12px;font-weight:500}.browser-tab.active{border-color:var(--sl-border);background:var(--sl-bg);color:var(--sl-fg);font-weight:600}.browser-tab>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--sl-sub);opacity:.8}.browser-tab>i[data-kind=settings]{background:var(--sl-amber)}.browser-tab span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-tab button{width:15px;height:15px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--sl-sub);cursor:pointer;font-size:10px}.browser-tab button:hover{background:var(--sl-hover);color:var(--sl-fg)}.topbar{height:48px;flex:0 0 48px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--sl-border)}.breadcrumbs{min-width:0;flex:1;overflow:hidden;color:var(--sl-sub);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.presence{display:flex;align-items:center;min-inline-size:0;margin:0;padding:0;border:0}.presence b{width:24px;height:24px;display:grid;place-items:center;border:2px solid var(--sl-bg);border-radius:50%;background:var(--sl-amber);color:#fff;font-size:9.5px}.presence b+b{margin-left:-7px}.top-action{display:flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--sl-border);border-radius:6px;background:transparent;cursor:pointer;font-size:12.5px;font-weight:600}.top-action>i{width:7px;height:7px;border-radius:50%;background:var(--sl-accent);animation:sl-pulse 3s ease-in-out infinite}.horacio-active{border-color:var(--sl-accent);background:var(--sl-acc-soft);color:var(--sl-accent)}.content-row{min-height:0;flex:1;display:flex}.shell-content{min-width:0;flex:1;overflow:auto}.horacio-panel{width:320px;flex:0 0 320px;display:flex;flex-direction:column;border-left:1px solid var(--sl-border);background:var(--sl-panel);animation:sl-in .15s ease both}.horacio-panel header{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--sl-border)}.horacio-panel header span{display:flex;flex-direction:column}.horacio-panel small,.horacio-panel p{color:var(--sl-sub)}.horacio-panel>div{margin:auto;padding:24px;text-align:center}.overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:start center;padding-top:14vh;background:#1e181052}.overlay-dismiss{position:absolute;inset:0;border:0;background:transparent}.search-dialog{position:relative;z-index:1;width:min(620px,90vw);padding:14px;border:1px solid var(--sl-border);border-radius:12px;background:var(--sl-panel);box-shadow:var(--sl-shadow);animation:sl-in .15s ease both}.search-dialog input{width:100%;padding:12px;border:0;border-bottom:1px solid var(--sl-border);background:transparent;font-size:16px}.search-dialog p{margin:14px 4px 4px;color:var(--sl-sub);font-size:12px}.spec-button{position:fixed;z-index:65;right:12px;bottom:12px;padding:5px 8px;border:1px solid var(--sl-border);border-radius:6px;background:var(--sl-panel);color:var(--sl-sub);cursor:pointer;font-size:9px;font-weight:700}.status-popover .status-logout{margin-top:4px;border-top:1px solid var(--sl-border-soft);color:var(--sl-red);font-weight:600}.spec-overlay{position:fixed;inset:0;z-index:64;pointer-events:none;border:2px solid var(--sl-accent)}.spec-overlay span{position:absolute;padding:2px 7px;border-radius:7px 0;background:var(--sl-accent);color:#fff;font-size:9.5px;font-weight:700}.spec-overlay span:nth-child(1){top:0;left:0}.spec-overlay span:nth-child(2){top:160px;left:46px}.spec-overlay span:nth-child(3){top:38px;right:0}.module-soon{min-height:100%;display:grid;place-content:center;justify-items:center;padding:40px;text-align:center}.module-soon>svg{width:34px;height:34px;color:var(--sl-sub)}.module-soon>span{margin-top:14px;padding:3px 7px;border-radius:4px;background:var(--sl-acc-soft);color:var(--sl-accent);font-size:10px;font-weight:700}.module-soon h1{margin:10px 0 4px;font:500 30px/1.2 Newsreader,serif}.module-soon p{max-width:360px;margin:0;color:var(--sl-sub);font-size:13px;line-height:1.5}:root{--sl-bg: #f7f2e7;--sl-side: #efe8d7;--sl-panel: #fcf9f1;--sl-code: #efe9da;--sl-border: rgba(70, 55, 30, .14);--sl-border-soft: rgba(70, 55, 30, .07);--sl-fg: #2b2519;--sl-sub: #8a7f68;--sl-hover: rgba(43, 37, 25, .06);--sl-green: #5a7d5a;--sl-amber: #a07c34;--sl-red: #a9503c;--sl-accent-base: #a23b29;--sl-accent: var(--sl-accent-base);--sl-acc-soft: color-mix(in srgb, var(--sl-accent) 11%, transparent);--sl-shadow: 0 6px 24px rgba(70, 55, 30, .1)}:root[data-theme=cafe]{--sl-bg: #262019;--sl-side: #211b15;--sl-panel: #2f2820;--sl-code: #2a241d;--sl-border: rgba(255, 255, 255, .11);--sl-border-soft: rgba(255, 255, 255, .05);--sl-fg: #ece2d5;--sl-sub: #a3947f;--sl-hover: rgba(255, 255, 255, .06);--sl-green: #93b18d;--sl-amber: #c9a05a;--sl-red: #cf7a62;--sl-accent: color-mix(in srgb, var(--sl-accent-base) 62%, #e8c19f);--sl-shadow: 0 6px 24px rgba(0, 0, 0, .4)}html,body,#root{width:100%;height:100%;margin:0}html,body{overflow:hidden;background:var(--sl-bg);color:var(--sl-fg);transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body,button,input,select{font-family:Inter,-apple-system,system-ui,sans-serif}button,input,select{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:8px;background:#78695047;background-clip:content-box}@keyframes sl-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes sl-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}