:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}*{box-sizing:border-box}html,body,#notes-root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button{color:inherit}.workspace-app{--sidebar-width:340px;--accent:#ff6b2c;--accent-soft:#ff6b2c24;--app-bg:#101010;--sidebar-bg:#171717;--surface:#1d1d1d;--surface-strong:#252525;--surface-hover:#222;--border:#ffffff12;--text:#f5f5f3;--text-muted:#f5f5f380;--text-soft:#f5f5f347;--table-header:#242424;--table-cell:#151515;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--app-bg);width:100%;height:100dvh;color:var(--text);transition:grid-template-columns .22s,background-color .18s,color .18s;display:grid}.workspace-app.theme-light{--app-bg:#fafafa;--sidebar-bg:#171721;--surface:#fff;--surface-strong:#f1f1f3;--surface-hover:#ececef;--border:#1e1e2417;--text:#171721;--text-muted:#1e1e249e;--text-soft:#1e1e2461;--accent:#92140c;--accent-strong:#92140c;--accent-soft:#92140c1f;--secondary-accent:#171721;--secondary-accent-soft:#111d4a1f;--highlight:#ffcf99;--table-header:#c6953f;--table-cell:#fff}.workspace-app.sidebar-collapsed{--sidebar-width:76px}.workspace-sidebar{border-right:1px solid var(--border);background:var(--sidebar-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:visible}.workspace-sidebar-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:68px;padding:13px 16px;display:flex;position:relative}.sidebar-toggle,.workspace-add-button,.sidebar-section-heading button{cursor:pointer;border:0}.sidebar-toggle{background:var(--surface);width:32px;height:32px;color:var(--text-muted);border-radius:10px}.workspace-brand{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.workspace-brand-mark{background:var(--surface-strong);width:31px;height:31px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:850;display:grid}.workspace-brand div{min-width:0}.workspace-brand strong,.workspace-brand small{display:block}.workspace-brand strong{font-size:13px}.workspace-brand small{color:var(--text-muted);margin-top:2px;font-size:10px}.create-wrapper{position:relative}.workspace-add-button{aspect-ratio:1;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:38px;font-size:22px;line-height:1;display:grid}.create-menu{border:1px solid var(--border);background:var(--sidebar-bg);z-index:30;border-radius:13px;width:160px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 18px 44px #00000038}.create-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:9px;font-size:12px}.create-menu button:hover{background:var(--surface-hover)}.sidebar-content{flex:1;min-height:0;padding:17px 14px;overflow-y:auto}.workspace-app.sidebar-collapsed .workspace-brand div,.workspace-app.sidebar-collapsed .workspace-add-button,.workspace-app.sidebar-collapsed .sidebar-content{display:none}.workspace-app.sidebar-collapsed .workspace-sidebar-header{justify-content:center;padding-left:8px;padding-right:8px}.workspace-app.sidebar-collapsed .workspace-brand{flex:0}.workspace-app.sidebar-collapsed .workspace-brand-mark{display:none}.workspace-search{gap:6px;display:grid}.workspace-search span,.sidebar-section-heading span{color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:800}.workspace-search input{background:var(--surface);width:100%;color:var(--text);border:0;border-radius:12px;outline:0;padding:10px 12px;font-size:12px}.workspace-search input::placeholder{color:var(--text-soft)}.notebooks-section,.pages-section{margin-top:24px}.sidebar-section-heading{justify-content:space-between;align-items:center;padding:0 5px 7px;display:flex}.sidebar-section-heading button{background:var(--surface);width:24px;height:24px;color:var(--text-muted);border-radius:8px}.notebook-list,.page-list{gap:4px;display:grid}.notebook-row,.page-row{width:100%;color:inherit;cursor:pointer;text-align:left;border:0}.notebook-row{background:0 0;border-radius:12px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.notebook-row:hover,.page-row:hover{background:var(--surface-hover)}.notebook-mark{background:var(--text-soft);border-radius:999px;width:6px;height:15px}.notebook-row.is-selected .notebook-mark{background:var(--accent)}.notebook-row span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.notebook-row small{color:var(--text-soft);font-size:10px}.page-row{background:0 0;border-radius:13px;padding:11px 12px}.page-row.is-selected{background:var(--surface-strong)}.page-row>div{align-items:center;gap:7px;display:flex}.page-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.page-pin{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.page-row p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 8px;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.page-row time{color:var(--text-soft);font-size:9px;font-weight:700}.sidebar-empty-state{color:var(--text-muted);padding:16px 9px;font-size:11px}.sidebar-empty-state button{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:7px 10px}.workspace-main{background:var(--app-bg);flex-direction:column;min-width:0;min-height:0;display:flex}.workspace-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:13px 26px;display:flex}.page-context{min-width:0}.page-context span,.page-context strong{display:block}.page-context span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800}.page-context strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.page-actions{align-items:center;gap:7px;display:flex}.save-status{color:var(--text-soft);margin-right:6px;font-size:10px}.page-actions button{background:var(--surface);color:var(--text-muted);cursor:pointer;border:0;border-radius:999px;padding:7px 11px;font-size:11px}.page-actions button.is-active{background:var(--accent-soft);color:var(--accent)}.page-actions .danger-button:hover{color:#d64d4d}.editor-toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--app-bg) 92%, transparent);align-items:center;gap:9px;min-height:48px;padding:7px 26px;display:flex}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-group button{min-width:31px;height:31px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 9px;font-size:11px;font-weight:800}.toolbar-group button:hover{background:var(--accent-soft);color:var(--text)}.italic-button{font-style:italic}.underline-button{text-decoration:underline}.toolbar-divider{background:var(--border);width:1px;height:21px}.workspace-editor{flex:1;min-height:0;padding:40px clamp(42px,7vw,110px) 74px;overflow-y:auto}.workspace-title-input{width:100%;color:var(--text);letter-spacing:-.045em;background:0 0;border:0;outline:0;padding:0;font-size:clamp(32px,3.5vw,52px);font-weight:830;line-height:1.05}.workspace-title-input::placeholder{color:var(--text-soft)}.workspace-rich-editor{min-height:500px;color:color-mix(in srgb, var(--text) 84%, transparent);outline:0;margin-top:26px;font-size:14px;line-height:1.68}.workspace-rich-editor:empty:before{content:attr(data-placeholder);color:var(--text-soft);pointer-events:none}.workspace-rich-editor h1,.workspace-rich-editor h2,.workspace-rich-editor h3{color:var(--text);letter-spacing:-.025em}.workspace-rich-editor h1{margin-top:32px;font-size:27px}.workspace-rich-editor h2{margin-top:28px;font-size:21px}.workspace-rich-editor h3{margin-top:24px;font-size:17px}.workspace-rich-editor p{margin:12px 0}.workspace-rich-editor a{color:var(--accent)}.workspace-rich-editor ul,.workspace-rich-editor ol{padding-left:24px}.workspace-rich-editor table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);background:var(--table-cell);border-radius:14px;width:100%;margin:24px 0;overflow:hidden}.workspace-rich-editor th,.workspace-rich-editor td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:top;min-width:110px;padding:10px 12px;font-size:12px}.workspace-rich-editor thead th,.workspace-rich-editor table>tbody>tr:first-child>th{background:var(--table-header);color:var(--text);font-weight:800}.workspace-rich-editor tr:last-child td{border-bottom:0}.workspace-rich-editor th:last-child,.workspace-rich-editor td:last-child{border-right:0}.workspace-rich-editor figure{margin:24px 0}.workspace-rich-editor img{object-fit:contain;border-radius:16px;max-width:100%;max-height:560px;display:block}.workspace-rich-editor figcaption{color:var(--text-soft);margin-top:7px;font-size:10px}.editor-callout{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 13px 13px 0;margin:20px 0;padding:14px 16px}.editor-callout p{margin-bottom:0}.hidden-file-input{display:none}.workspace-empty{text-align:center;margin:auto}.workspace-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.workspace-empty h1{margin:9px 0 20px;font-size:31px}.workspace-empty button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 15px;font-weight:800}@media (width<=1100px){.workspace-app{--sidebar-width:310px}.workspace-editor{padding-left:50px;padding-right:50px}.editor-toolbar{overflow-x:auto}.toolbar-group{flex-shrink:0}}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:13px 14px 15px}.appearance-label{color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;margin:0 5px 8px;font-size:9px;font-weight:800;display:block}.theme-switch{background:var(--surface);border-radius:13px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.theme-switch button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:750}.theme-switch button.is-active{background:var(--app-bg);color:var(--text);box-shadow:0 1px 4px #00000014}.collapsed-theme-toggle{background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;border:0;border-radius:11px;margin:0 auto;font-size:11px;font-weight:850;display:none}.workspace-app.sidebar-collapsed .appearance-label,.workspace-app.sidebar-collapsed .theme-switch{display:none}.workspace-app.sidebar-collapsed .sidebar-footer{padding-left:8px;padding-right:8px}.workspace-app.sidebar-collapsed .collapsed-theme-toggle{place-items:center;display:grid}.workspace-app.theme-light{background:var(--app-bg);color:var(--text)}.workspace-app.theme-light .workspace-main,.workspace-app.theme-light .workspace-topbar,.workspace-app.theme-light .editor-toolbar{background:var(--app-bg)}.workspace-app.theme-light .workspace-topbar{border-bottom:1px solid var(--border)}.workspace-app.theme-light .workspace-sidebar{background:var(--sidebar-bg);color:#fff8f0;border-right-color:#ffffff1f}.workspace-app.theme-light .workspace-sidebar-header,.workspace-app.theme-light .sidebar-footer{border-color:#ffffff1f}.workspace-app.theme-light .workspace-brand strong,.workspace-app.theme-light .notebook-row,.workspace-app.theme-light .page-row{color:#fff8f0}.workspace-app.theme-light .workspace-brand small,.workspace-app.theme-light .workspace-search span,.workspace-app.theme-light .sidebar-section-heading span,.workspace-app.theme-light .notebook-row small,.workspace-app.theme-light .page-row p,.workspace-app.theme-light .page-row time,.workspace-app.theme-light .appearance-label{color:#fff8f0a3}.workspace-app.theme-light .workspace-brand-mark{color:var(--highlight);background:#ffffff1f}.workspace-app.theme-light .sidebar-toggle,.workspace-app.theme-light .sidebar-section-heading button,.workspace-app.theme-light .theme-switch,.workspace-app.theme-light .collapsed-theme-toggle{color:#fff8f0;background:#ffffff1a}.workspace-app.theme-light .sidebar-toggle:hover,.workspace-app.theme-light .sidebar-section-heading button:hover{background:#ffcf9938}.workspace-app.theme-light .notebook-mark{background:var(--highlight)}.workspace-app.theme-light .workspace-title-input,.workspace-app.theme-light .workspace-rich-editor,.workspace-app.theme-light .workspace-rich-editor h1,.workspace-app.theme-light .workspace-rich-editor h2,.workspace-app.theme-light .workspace-rich-editor h3{color:var(--text)}.workspace-app.theme-light .page-context span,.workspace-app.theme-light .workspace-kicker,.workspace-app.theme-light .workspace-rich-editor a{color:var(--accent)}.workspace-app.theme-light .workspace-add-button,.workspace-app.theme-light .workspace-empty button{background:var(--accent);color:#fff8f0}.workspace-app.theme-light .page-actions button,.workspace-app.theme-light .toolbar-group button{color:var(--secondary-accent)}.workspace-app.theme-light .page-actions button.is-active,.workspace-app.theme-light .page-actions button.is-active:hover{background:var(--accent);color:#fff8f0}.workspace-app.theme-light .toolbar-group button:hover{background:var(--table-header);color:#fff8f0}.workspace-app.theme-light .workspace-rich-editor table{background:var(--table-cell)}.workspace-app.theme-light .workspace-rich-editor thead th,.workspace-app.theme-light .workspace-rich-editor table>tbody>tr:first-child>th{background:var(--table-header);color:#fff8f0}.workspace-app.theme-light .workspace-rich-editor tbody tr:nth-child(2n) td{background:#f7f7f8}.workspace-app.theme-light .workspace-rich-editor tbody tr:hover td{background:#fff1e2}.workspace-app.theme-light .workspace-rich-editor td{background:var(--table-cell)}.workspace-app.theme-light .page-pin{background:var(--highlight)}.workspace-app.theme-light .editor-callout{border-left-color:var(--accent);background:var(--accent-soft)}.workspace-app.theme-light .theme-switch button{color:#fff8f0ad}.workspace-app.theme-light .theme-switch button.is-active{color:var(--secondary-accent);box-shadow:none;background:#fff8f0}.workspace-sidebar-header{justify-content:space-between}.sidebar-toggle{place-items:center;font-size:18px;line-height:1;display:grid}.workspace-app.theme-light .workspace-search input{color:#fff8f0;background:#ffffff26;border:0}.workspace-app.theme-light .workspace-search input::placeholder{color:#fff8f094}.notebook-group{min-width:0}.nested-page-list{flex-direction:column;gap:6px;margin:6px 0 10px 22px;padding-left:8px;display:flex}.nested-page-list .page-row{padding:10px 11px}.nested-page-list .page-row.is-selected{box-shadow:none}.nested-add-page{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:750}.nested-add-page:hover{background:var(--surface-hover);color:var(--text)}.nested-empty{color:var(--text-secondary);margin:0;padding:8px 11px;font-size:10px}.workspace-app.theme-light .notebook-chevron,.workspace-app.theme-light .nested-add-page,.workspace-app.theme-light .nested-empty{color:#fff8f09e}.workspace-app.theme-light .nested-page-list{border-left-color:#ffffff29}.workspace-app.theme-light .nested-add-page:hover{color:#fff8f0;background:#ffffff1a}.sidebar-content,.page-list,.notebook-list{scrollbar-width:none;-ms-overflow-style:none}.sidebar-content::-webkit-scrollbar{width:0;height:0;display:none}.page-list::-webkit-scrollbar{width:0;height:0;display:none}.notebook-list::-webkit-scrollbar{width:0;height:0;display:none}.workspace-app.sidebar-collapsed .workspace-sidebar-header{justify-content:center}.workspace-app.sidebar-collapsed .create-wrapper{display:none}.notebook-row{grid-template-columns:7px minmax(0,1fr) auto}.notebook-chevron{display:none}.workspace-app.theme-light .notebook-row{background:0 0}.workspace-app.theme-light .notebook-row:hover{background:#ffffff24}.workspace-app.theme-light .notebook-row.is-selected{background:#ffffff29}.workspace-app.theme-light .notebook-group.is-expanded>.notebook-row:hover{background:#ffffff30}.nested-page-list{gap:6px;margin:6px 0 12px 17px;padding-left:10px}.nested-page-list .page-row{background:0 0;border-radius:10px;width:100%;min-width:0;padding:9px 11px;transition:background .14s;overflow:hidden}.workspace-app.theme-light .nested-page-list .page-row.is-selected{box-shadow:none;background:#ffffff38}.nested-page-title{align-items:center;gap:8px;min-width:0;display:flex}.nested-page-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nested-page-list .page-row p,.nested-page-list .page-row time{display:none}.workspace-app.theme-light .notebook-row.is-selected .notebook-mark{background:var(--accent)}.workspace-app.theme-light .nested-page-list .page-row{background:0 0}.workspace-app.theme-light .nested-page-list .page-row:hover{background:#ffffff1f}.workspace-app.theme-light .nested-page-list .page-row.is-selected,.workspace-app.theme-light .nested-page-list .page-row.is-selected:hover{box-shadow:none;background:#ffffff38}.workspace-app:not(.theme-light) .workspace-main{background:#101010}.workspace-app:not(.theme-light) .workspace-sidebar{background:#171717}.workspace-app:not(.theme-light) .workspace-topbar{background:#121212}.workspace-app:not(.theme-light) .editor-toolbar{background:#141414}.workspace-app:not(.theme-light) .workspace-search input,.workspace-app:not(.theme-light) .sidebar-toggle,.workspace-app:not(.theme-light) .sidebar-section-heading button,.workspace-app:not(.theme-light) .collapsed-theme-toggle{background:#222}.workspace-app:not(.theme-light) .sidebar-toggle:hover,.workspace-app:not(.theme-light) .sidebar-section-heading button:hover{background:#292929}.workspace-app:not(.theme-light) .notebook-group.is-expanded>.notebook-row{background:#ff6b2c29}.workspace-app:not(.theme-light) .notebook-group.is-expanded>.notebook-row:hover{background:#ff6b2c33}.workspace-app:not(.theme-light) .nested-page-list .page-row{background:0 0}.workspace-app:not(.theme-light) .nested-page-list .page-row:hover{background:#202020}.workspace-app:not(.theme-light) .nested-page-list .page-row.is-selected,.workspace-app:not(.theme-light) .nested-page-list .page-row.is-selected:hover{box-shadow:none;background:#292929}.workspace-app:not(.theme-light) .theme-switch{background:#222}.workspace-app:not(.theme-light) .theme-switch button.is-active{color:#f5f5f3;box-shadow:none;background:#121212}.workspace-app:not(.theme-light) .workspace-rich-editor table{background:#151515}.workspace-app:not(.theme-light) .workspace-rich-editor thead th,.workspace-app:not(.theme-light) .workspace-rich-editor table>tbody>tr:first-child>th{color:#f5f5f3;background:#242424}.workspace-app:not(.theme-light) .workspace-rich-editor td{background:#151515}.workspace-app:not(.theme-light) .workspace-rich-editor tbody tr:nth-child(2n) td{background:#191919}.workspace-app:not(.theme-light) .workspace-rich-editor tbody tr:hover td{background:#1d1d1d}.workspace-rich-editor .editor-callout{border-radius:0}.workspace-rich-editor table{border-collapse:collapse;border-spacing:0;border-radius:0;overflow:visible}.workspace-rich-editor th,.workspace-rich-editor td{border-radius:0}.workspace-rich-editor tbody tr td,.workspace-rich-editor tbody tr:nth-child(2n) td,.workspace-rich-editor tbody tr:hover td{color:#1e1e24;background:#fff}.workspace-rich-editor thead th,.workspace-rich-editor table>tbody>tr:first-child>th{border-radius:0}.notes-auth-page,.notes-loading-page{color:#161414;background:#f3efe8;place-items:center;min-height:100vh;padding:24px;display:grid}.notes-auth-card{background:#fff;border:1px solid #1614141f;width:min(100%,420px);padding:40px;box-shadow:0 24px 70px #1614141a}.notes-auth-brand{margin:0 0 12px;font-size:.85rem;font-weight:700}.notes-auth-card h1{letter-spacing:-.05em;margin:0 0 32px;font-size:3rem}.notes-auth-card form{gap:20px;display:grid}.notes-auth-card label{gap:8px;font-size:.9rem;font-weight:600;display:grid}.notes-auth-card input{width:100%;min-height:50px;color:inherit;font:inherit;background:#fafafa;border:1px solid #1614142e;padding:0 14px}.notes-auth-card input:focus{outline-offset:2px;outline:2px solid #161414}.notes-auth-card button{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#161414;border:0;font-weight:700}.notes-auth-card button:disabled{cursor:wait;opacity:.65}.notes-auth-message{color:#8c1d25;margin:18px 0 0;font-size:.9rem}.workspace-error{z-index:1000;color:#8c1d25;background:#fff;border:1px solid;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:12px 16px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #16141424}.workspace-error button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.2rem}