:root{--color-background:#fbf9f8;--color-on-background:#1b1c1c;--color-surface:#fbf9f8;--color-surface-dim:#dbdad9;--color-surface-bright:#fbf9f8;--color-surface-container-lowest:#fff;--color-surface-container-low:#f5f3f3;--color-surface-container:#efeded;--color-surface-container-high:#e9e8e7;--color-surface-container-highest:#e4e2e2;--color-on-surface:#1b1c1c;--color-on-surface-variant:#45464e;--color-inverse-surface:#303031;--color-inverse-on-surface:#f2f0f0;--color-primary:#182442;--color-on-primary:#fff;--color-primary-container:#2e3a59;--color-on-primary-container:#98a4c9;--color-inverse-primary:#bac6ec;--color-secondary:#37675c;--color-on-secondary:#fff;--color-secondary-container:#baeddf;--color-on-secondary-container:#3d6d62;--color-tertiary:#312300;--color-on-tertiary:#fff;--color-tertiary-container:#4a380c;--color-on-tertiary-container:#bca26c;--color-outline:#75777e;--color-outline-variant:#c6c6ce;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--font-sans:"Manrope", sans-serif;--font-serif:"Source Serif 4", serif;--font-mono:"JetBrains Mono", monospace;--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:#111214;--color-on-background:#e4e2e2;--color-surface:#111214;--color-surface-dim:#1d1e21;--color-surface-bright:#28292c;--color-surface-container-lowest:#0b0c0d;--color-surface-container-low:#1d1e21;--color-surface-container:#232528;--color-surface-container-high:#292b2f;--color-surface-container-highest:#303237;--color-on-surface:#e4e2e2;--color-on-surface-variant:#c6c6ce;--color-inverse-surface:#e4e2e2;--color-inverse-on-surface:#1b1c1c;--color-primary:#bac6ec;--color-on-primary:#182442;--color-primary-container:#2e3a59;--color-on-primary-container:#dae2ff;--color-inverse-primary:#182442;--color-secondary:#9ed1c4;--color-on-secondary:#00372f;--color-secondary-container:#1d4f45;--color-on-secondary-container:#baeddf;--color-tertiary:#dfc38b;--color-on-tertiary:#3c2e00;--color-tertiary-container:#574417;--color-on-tertiary-container:#fddfa4;--color-outline:#8f9099;--color-outline-variant:#44474e}*{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:#37675c26}.btn-secondary:hover{background-color:#37675c33;border-color:#37675c4d}.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)}.nav-link{color:var(--color-on-surface-variant);border-radius:var(--radius-lg);transition:var(--transition-default);align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.nav-link.active{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);font-weight:600;transform:scale(.98)}.app-nav{background-color:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);width:256px;height:100%;padding:var(--spacing-lg) 0;z-index:40;flex-direction:column;display:flex;position:fixed;top:0;left:0}.app-main{background-color:var(--color-background);flex-direction:column;flex:1;height:100%;margin-left:256px;transition:margin-right .3s;display:flex;position:relative;overflow:hidden}@media (width<=768px){.app-nav{transform:translate(-100%)}.app-nav.open{transform:translate(0)}.app-main{margin-left:0!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);box-shadow:0 8px 20px #00000005}.card.ai-theme{border-color:var(--color-secondary-container);background-color:#baeddf14}.card.ai-theme:hover{border-color:var(--color-secondary)}.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{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);z-index:30;background:#fbf9f8d9;border:1px solid #75777e26;align-items:center;gap:20px;padding:12px 24px;display:flex;position:fixed;bottom:24px;left:50%;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}.theme-zen-paper{--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;--font-sans:"Inter", sans-serif}.theme-zen-paper.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-outline:#958ea0;--color-outline-variant:#494454}.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}