:root{--color-bg: oklch(100% 0 0);--color-surface: oklch(100% 0 0);--color-sidebar: oklch(97.5% .002 80);--color-text: oklch(15% 0 0);--color-text-subtle: oklch(35% 0 0);--color-text-muted: oklch(55% 0 0);--color-border: oklch(90% 0 0);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height-tight: 1.3;--line-height-base: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--sidebar-width: 300px;--editor-max-width: 60ch;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{min-block-size:100dvh}img,picture,video,svg{display:block;max-inline-size:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg)}h1,h2,h3,h4{line-height:var(--line-height-tight);font-weight:600}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}a:hover{color:var(--color-text-muted)}button{cursor:pointer;background:none;border:none}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-block-size:100dvh}.app-shell.sidebar-hidden{grid-template-columns:1fr}.sidebar-area{position:sticky;background:#fcfcfa99;backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);box-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000a,inset 0 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;margin:var(--space-md);border-radius:var(--radius-lg);height:calc(100dvh - var(--space-md) * 2);z-index:1}.main{padding:var(--space-md) var(--space-xl);z-index:1}.sidebar-brand{position:fixed;top:var(--space-md);left:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);z-index:20}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-muted)}@media(hover:hover){.sidebar-toggle:hover{background:#0000000d;color:var(--color-text)}}.sidebar{display:flex;flex-direction:column;gap:var(--space-md);padding:48px var(--space-md) var(--space-md);overflow-y:auto;flex:1}.sidebar-header{display:flex;align-items:center;gap:var(--space-sm)}.sidebar-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-subtle)}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-subtle);padding-block-end:var(--space-xs)}.sidebar-hint{font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-muted)}.sidebar-section a,.sidebar-new{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.sidebar-section a:hover,.sidebar-new:hover{background:#0000000d;color:var(--color-text)}}.sidebar-section a.active{background:#0000000d;color:var(--color-text)}.sidebar-page{position:relative;display:flex;align-items:center;padding-left:calc(var(--depth, 0) * 16px)}.sidebar-page a{flex:1;min-inline-size:0}.sidebar-icon-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;cursor:pointer;border-radius:var(--radius-sm);color:inherit}.sidebar-icon-toggle .icon-default{display:inline-flex}.sidebar-icon-toggle .icon-hover{display:none}.sidebar-icon-toggle .icon-hover .icon{transition:transform .15s ease}.sidebar-icon-toggle.expanded .icon-hover .icon{transform:rotate(90deg)}@media(hover:hover){.sidebar-page:hover .sidebar-icon-toggle .icon-default{display:none}.sidebar-page:hover .sidebar-icon-toggle .icon-hover{display:inline-flex}.sidebar-icon-toggle:hover{color:var(--color-text);background:#0000000d}}.sidebar-menu-trigger{display:flex;align-items:center;justify-content:center;padding:2px 4px;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;opacity:0}@media(hover:hover){.sidebar-page:hover .sidebar-menu-trigger{opacity:1}.sidebar-menu-trigger:hover{background:#00000014;color:var(--color-text)}}.sidebar-menu{position:absolute;inset-inline-end:0;inset-block-start:100%;z-index:10;min-inline-size:140px;padding:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000014}.sidebar-menu-item{display:flex;align-items:center;gap:var(--space-xs);inline-size:100%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:start;cursor:pointer}.sidebar-menu-item:hover{background:#0000000d;color:var(--color-text)}.sidebar-menu-item.delete:hover{background:#de3b3d1a;color:#cc272e}.sidebar-page[data-drag-item]{touch-action:none}.workspace-icon{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#00ade4,#00a2e8 25%,#0e9be9,#1d95ea 50%,#397be9);background:linear-gradient(135deg,color(xyz 0.288 0.355 0.824),color(xyz 0.274 0.315 0.82) 25%,#0e9be9,#1d95ea 50%,#397be9);flex-shrink:0}.editor h1{font-size:var(--font-size-2xl);font-weight:700;margin-block-end:var(--space-md)}.editor h2{font-size:var(--font-size-xl);font-weight:600;margin-block-end:var(--space-sm)}.editor h3{font-size:var(--font-size-lg);font-weight:600;margin-block-end:var(--space-sm)}.editor p{margin-block-end:var(--space-sm);line-height:var(--line-height-base)}.editor blockquote{border-inline-start:3px solid var(--color-border);padding-inline-start:var(--space-md);color:var(--color-text-subtle)}.editor ul,.editor ol{padding-inline-start:var(--space-lg);margin-block-end:var(--space-sm)}.editor li{margin-block-end:var(--space-xs);list-style:disc}.editor ol li{list-style:decimal}.editor code{font-family:ui-monospace,monospace;font-size:.875em;background:#0000000d;padding:2px 4px;border-radius:var(--radius-sm)}.editor pre{background:#00000008;padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-block-end:var(--space-sm)}.editor pre code{background:none;padding:0}.editor hr{border:none;border-block-start:1px solid var(--color-border);margin-block:var(--space-lg)}.tiptap:focus{outline:none}.tiptap [data-placeholder]:before{content:attr(data-placeholder);color:#00000026;float:left;height:0;pointer-events:none}.document{max-inline-size:var(--editor-max-width);margin-inline:auto;padding-block:var(--space-md)}.document-title{font-size:var(--font-size-2xl);font-weight:700;line-height:var(--line-height-tight);outline:none;word-break:break-word;margin-block-end:var(--space-lg)}.document-title:empty:before{content:attr(data-placeholder);color:#00000026;pointer-events:none}.tabs{display:flex;align-items:center;gap:var(--space-sm);padding-block-end:var(--space-lg)}.tab{display:flex;align-items:center;gap:var(--space-xs);padding:6px var(--space-md);border-radius:999px;font-size:var(--font-size-xs);color:var(--color-text-muted);background:#00000008;cursor:pointer;white-space:nowrap;max-inline-size:200px;transition:background .15s,color .15s}.tab.active{background:#00000012;color:var(--color-text)}.tabs-inset{margin-left:var(--sidebar-width)}@media(hover:hover){.tab:hover{background:#0000000a;color:var(--color-text-subtle)}.tab.active:hover{background:#00000014}}.tab-title{overflow:hidden;text-overflow:ellipsis}.tab-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:12px;line-height:1;opacity:.5}@media(hover:hover){.tab-close:hover{opacity:1;background:#0000001a}}