@font-face{font-family:Inter;src:url(../../../fonts/InterVariable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:optional}@font-face{font-family:Inter;src:url(../../../fonts/InterVariable-Italic.woff2) format("woff2-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--color-bg: oklch(100% 0 0);--color-surface: oklch(100% 0 0);--color-sidebar: #fbfbfb;--color-text: oklch(26.8% .008 264);--color-text-subtle: oklch(45% .008 264);--color-text-muted: oklch(60% .008 264);--color-border: oklch(90% 0 0);--font-sans: "Inter", 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;--font-size-2xl-plus: 1.75rem;--font-size-display: clamp(2rem, 4vw + 1rem, 3rem);--font-size-prose: 1.25rem;--line-height-tight: 1.3;--line-height-base: 1.7;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--sidebar-width: 280px;--editor-max-width: 64ch;--topbar-height: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-float: 0 0 4px 0 rgb(0 0 0 / .12)}*,*: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);font-weight:var(--font-weight-regular);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}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:calc(var(--sidebar-width) + var(--space-xl)) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar topbar" "sidebar main";block-size:100dvh;overflow:hidden}.app-shell.sidebar-hidden{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-md);block-size:var(--topbar-height)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer}@media(hover:hover){.sidebar-toggle:hover{background:#0000000d;color:var(--color-text)}}.sidebar-area{grid-area:sidebar;display:flex;flex-direction:column;overflow:hidden;background:var(--color-sidebar);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);margin-block:var(--space-md) var(--space-xl);margin-inline-start:var(--space-xl)}.main{grid-area:main;overflow-y:auto;padding-block-end:var(--space-md);padding-inline:var(--space-md)}@media not (min-width:58em){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "sidebar"}.app-shell .main{display:none}.app-shell.sidebar-hidden{grid-template-areas:"topbar" "main"}.app-shell.sidebar-hidden .main{display:block}.sidebar-area{margin-inline-end:var(--space-xl)}}.sidebar{display:flex;flex-direction:column;padding:24px 8px;overflow-y:auto;flex:1}.sidebar-header{display:flex;align-items:center;gap:8px;padding-inline-start:8px;margin-block-end:18px}.sidebar-title{font-size:13px;line-height:16px;font-weight:var(--font-weight-semibold);color:#000}.sidebar-section{display:flex;flex-direction:column;gap:4px}.sidebar-section+.sidebar-section{margin-block-start:24px}.sidebar-label{font-size:12px;line-height:12px;font-weight:var(--font-weight-bold);color:#797b7b;letter-spacing:-.01em;margin-block-end:4px}.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:4px;height:32px;padding-inline:4px;border-radius:4px;font-size:13px;line-height:13px;font-weight:var(--font-weight-medium);color:#303538;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:#f4f4f5;color:#303538;border-radius:12px}.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:20px;height:20px;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{inline-size:24px;block-size:24px;border-radius:8px;background:#e73d3d;box-shadow:2px 2px 2px #0000001a;flex-shrink:0}.editor{font-size:var(--font-size-prose)}.editor h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-block-start:var(--space-lg);margin-block-end:var(--space-md)}.editor h2{font-size:var(--font-size-2xl-plus);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.editor h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.editor h4{font-size:var(--font-size-prose);font-weight:var(--font-weight-semibold)}.editor h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.editor h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.editor p{line-height:var(--line-height-base)}.editor strong{font-weight:var(--font-weight-bold)}.editor blockquote{border-inline-start:3px solid var(--color-border);padding-inline-start:var(--space-md);margin-block-end:var(--space-md);color:var(--color-text-subtle)}.editor ul,.editor ol{padding-inline-start:var(--space-lg);margin-block-end:var(--space-md)}.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-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.04em;outline:none;word-break:break-word;margin-block-end:var(--space-xl)}.document-title:empty:before{content:attr(data-placeholder);color:#00000026;pointer-events:none}.tabs{display:flex;align-items:center;gap:var(--space-md)}.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)}@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}}