:root{--color-background:#fbf9f9;--color-on-background:#1b1c1c;--color-surface:#fbf9f9;--color-surface-dim:#dbdad9;--color-surface-bright:#fbf9f9;--color-surface-container-lowest:#fff;--color-surface-container-low:#f5f3f3;--color-surface-container:#efeded;--color-surface-container-high:#e9e8e7;--color-surface-container-highest:#e3e2e2;--color-on-surface:#1b1c1c;--color-on-surface-variant:#444748;--color-inverse-surface:#303031;--color-inverse-on-surface:#f2f0f0;--color-primary:#000;--color-on-primary:#fff;--color-primary-container:#1c1b1b;--color-on-primary-container:#858383;--color-inverse-primary:#c8c6c5;--color-secondary:#5d5f5f;--color-on-secondary:#fff;--color-secondary-container:#dcdddd;--color-on-secondary-container:#5f6161;--color-tertiary:#000;--color-on-tertiary:#fff;--color-tertiary-container:#1c1b1a;--color-on-tertiary-container:#868381;--color-outline:#747878;--color-outline-variant:#c4c7c7;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--font-sans:"Inter", "Manrope", sans-serif;--font-serif:"Source Serif 4", serif;--font-mono:"JetBrains Mono", monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--writing-canvas-max-width:800px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-xxl:1.5rem;--radius-full:9999px;--transition-default:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .3s cubic-bezier(.4, 0, .2, 1)}.dark{--color-background:#121212;--color-on-background:#e3e2e2;--color-surface:#121212;--color-surface-dim:#1e1e1e;--color-surface-bright:#2d2d2d;--color-surface-container-lowest:#0d0d0d;--color-surface-container-low:#1c1b1b;--color-surface-container:#201f1f;--color-surface-container-high:#2a2a2a;--color-surface-container-highest:#353534;--color-on-surface:#e3e2e2;--color-on-surface-variant:#909191;--color-inverse-surface:#e5e2e1;--color-inverse-on-surface:#121212;--color-primary:#fff;--color-on-primary:#000;--color-primary-container:#353534;--color-on-primary-container:#e2e2e2;--color-inverse-primary:#121212;--color-secondary:#c6c6c7;--color-on-secondary:#2f3131;--color-secondary-container:#909191;--color-on-secondary-container:#e2e2e2;--color-tertiary:#fff;--color-on-tertiary:#000;--color-tertiary-container:#353534;--color-on-tertiary-container:#e2e2e2;--color-outline:#958ea0;--color-outline-variant:#494454}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;transition:background-color .3s,color .3s;overflow:hidden}#root{width:100%;height:100%;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-dim);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline-variant)}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:600;line-height:1.2}.dark h1,.dark h2,.dark h3,.dark h4{color:var(--color-primary-container)}p{line-height:1.6}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:24px;font-style:normal;font-weight:300;line-height:1;display:inline-block}.flex{display:flex}.overflow-hidden{overflow:hidden}.relative{position:relative}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:48px}.p-sm{padding:8px}.p-md{padding:16px}.p-lg{padding:24px}.p-xl{padding:48px}.m-sm{margin:8px}.m-md{margin:16px}.m-lg{margin:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-3{grid-template-columns:1fr}}.sidebar-transition{transition:transform .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.ai-shimmer{position:relative;overflow:hidden}.ai-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#37675c26,#0000);width:50%;height:100%;animation:3.5s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shimmer{to{left:200%}}.pulse-border{animation:2s ease-in-out infinite pulse-border-key}@keyframes pulse-border-key{0%,to{border-color:#37675c33}50%{border-color:#37675ccc}}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-default);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:var(--color-outline-variant)}.btn-secondary:hover{background-color:var(--color-surface-container-high);border-color:var(--color-outline)}.btn-outline{color:var(--color-primary);border-color:var(--color-outline-variant);background-color:#0000}.btn-outline:hover{background-color:var(--color-surface-container-low);border-color:var(--color-outline)}.btn-icon-only{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-on-surface-variant);cursor:pointer;transition:var(--transition-default);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon-only:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.card:hover .card-actions{opacity:1!important}.nav-link{color:var(--color-on-surface-variant);border-radius:var(--radius-lg);transition:var(--transition-default);border-left:3px solid #0000;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px 10px 9px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.nav-link.active{background-color:var(--color-surface-container);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.app-nav.collapsed .nav-link[title]:hover:after{content:attr(title);background:var(--color-inverse-surface);color:var(--color-inverse-on-surface);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;z-index:100;padding:4px 10px;font-size:13px;font-weight:500;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.app-nav{height:100%;width:var(--sidebar-width,256px);background-color:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);padding:var(--spacing-lg) 0;z-index:40;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.note-list-panel{left:var(--sidebar-width,256px);background-color:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);z-index:35;flex-direction:column;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),left .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;overflow:hidden}.app-main{margin-left:calc(var(--sidebar-width,256px) + var(--note-list-width,260px));background-color:var(--color-background);flex-direction:column;flex:1;height:100%;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (width<=1023px){.app-nav{width:64px!important}}@media (width<=767px){.app-nav{display:none!important}.app-main{padding-bottom:64px;margin-left:0!important}.note-list-panel{display:none!important}.mobile-drawer .app-nav{z-index:auto!important;width:100%!important;height:100%!important;display:flex!important;position:relative!important}.mobile-notes-overlay .note-list-panel{border-right:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;display:flex!important}}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-default);border:1px solid #0000000d;flex-direction:column;gap:8px;padding:24px;display:flex;position:relative}.card:hover{border-color:var(--color-outline-variant);transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.card.ai-theme{border-color:var(--color-outline-variant);background-color:var(--color-surface-container-low)}.card.ai-theme:hover{border-color:var(--color-outline)}.search-input{background-color:var(--color-surface-container-low);border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);color:var(--color-on-surface);transition:var(--transition-default);border:1px solid #0000;outline:none;padding:12px 16px 12px 48px;font-size:14px}.search-input:focus{background-color:var(--color-surface-container-lowest);border-color:var(--color-primary)}.vellum-bar{bottom:24px;left:calc(50% + var(--sidebar-width,256px) / 2 + var(--note-list-width,260px) / 2 - var(--chat-sidebar-width,0px) / 2);background:color-mix(in srgb, var(--color-surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);z-index:30;border:1px solid #75777e26;align-items:center;gap:20px;padding:12px 24px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #0000000a}.dark .vellum-bar{background:#17181ad9}.divider-v{background-color:var(--color-outline-variant);width:1px;height:24px}.chat-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background:#0000004d;transition:opacity .3s;position:fixed;inset:0}.notebook-card{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-default);justify-content:space-between;align-items:center;display:flex}.notebook-card:hover{border-color:var(--color-outline);box-shadow:0 4px 12px #00000008}.folder-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-default);flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.folder-card:before{content:"";background-color:var(--color-primary);opacity:.15;width:100%;height:4px;transition:var(--transition-default);position:absolute;top:0;left:0}.folder-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #00000008}.folder-card:hover:before{opacity:.8}div:hover>div>.notebook-menu-btn,div:hover>.notebook-menu-btn{opacity:1!important}.markdown-preview{font-family:var(--font-serif);color:var(--color-on-surface-variant);font-size:18px;line-height:1.7}.markdown-preview h1{color:var(--color-primary);margin:.6em 0 .4em;font-size:2em;font-weight:700;line-height:1.2}.markdown-preview h2{color:var(--color-primary);margin:.8em 0 .3em;font-size:1.5em;font-weight:700;line-height:1.3}.markdown-preview h3{color:var(--color-primary);margin:.8em 0 .3em;font-size:1.17em;font-weight:600}.markdown-preview p{margin:.5em 0 1em}.markdown-preview strong{color:var(--color-on-surface);font-weight:700}.markdown-preview em{font-style:italic}.markdown-preview u{text-decoration:underline}.markdown-preview ul,.markdown-preview ol{margin:.5em 0 1em 1.5em}.markdown-preview li{margin:.25em 0}.markdown-preview blockquote{border-left:3px solid var(--color-outline-variant);color:var(--color-outline);margin:1em 0;padding-left:1em;font-style:italic}.markdown-preview code{font-family:var(--font-mono);background:var(--color-surface-container);border-radius:var(--radius-sm);color:var(--color-on-surface);padding:2px 6px;font-size:.85em}.markdown-preview pre{background:var(--color-surface-container);border-radius:var(--radius-md);margin:1em 0;padding:16px;overflow-x:auto}.markdown-preview pre code{background:0 0;padding:0}.markdown-preview hr{border:none;border-top:1px solid var(--color-outline-variant);margin:1.5em 0}.markdown-preview a{color:var(--color-secondary);text-decoration:underline}button:disabled{cursor:not-allowed;pointer-events:none}