:root{--color-primary-50: #ecfeff;--color-primary-100: #cefafe;--color-primary-200: #a2f4fd;--color-primary-300: #53eafd;--color-primary-400: #00d3f2;--color-primary-500: #00b8db;--color-primary-600: #0092b8;--color-primary-700: #007595;--color-primary-800: #005f78;--color-primary-900: #104e64;--color-primary-950: #104e64;--color-neutral-50: #f7f3ec;--color-neutral-100: #ede2d4;--color-neutral-200: #dbd4cf;--color-neutral-300: #c4bdba;--color-neutral-400: #9b9595;--color-neutral-500: #706c6e;--color-neutral-600: #454345;--color-neutral-650: #312f31;--color-neutral-700: #2a282a;--color-neutral-800: #1f1e1f;--color-neutral-850: #1c1c1c;--color-neutral-900: #151415;--color-neutral-950: #0a0a0a;--color-info-100: #dde9ff;--color-info-300: #959fe2;--color-info-500: #586fff;--color-info-600: #3d50b8;--color-info-800: #2a305c;--color-success-100: #ddfbe6;--color-success-300: #9df0b9;--color-success-500: #48da79;--color-success-600: #19a047;--color-success-800: #306943;--color-warning-100: #f5f1d0;--color-warning-300: #eed77d;--color-warning-500: #dabd48;--color-warning-600: #9d8845;--color-warning-800: #6a5e30;--color-danger-100: #f5d7d6;--color-danger-300: #dd9798;--color-danger-500: #d35d5f;--color-danger-600: #b1524d;--color-danger-800: #5c292b;--surface-0: var(--color-neutral-950);--surface-1: var(--color-neutral-900);--surface-1-active: var(--color-neutral-800);--surface-1-glass: #151415bf;--surface-2: var(--color-neutral-850);--surface-2-active: var(--color-neutral-700);--surface-2-glass: #1c1c1cbf;--surface-3: var(--color-neutral-800);--border-1-subtle: var(--color-neutral-800);--border-1: var(--color-neutral-700);--border-1-active: var(--color-neutral-650);--border-1-glass: #312f3180;--border-2-subtle: var(--color-neutral-700);--border-2: var(--color-neutral-600);--border-2-active: var(--color-neutral-500);--border-2-glass: #2a282a80;--border-3-subtle: var(--color-neutral-700);--overlay-strong: rgba(0, 0, 0, .6);--overlay-medium: rgba(0, 0, 0, .45);--overlay-light: rgba(0, 0, 0, .25);--text: var(--color-neutral-100);--text-muted: var(--color-neutral-400);--text-dim: var(--color-neutral-500);--space-px: 1px;--space-0_5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-13: 56px;--space-14: 64px;--space-15: 80px;--space-17: 120px;--space-99: 999px;--ease-fast: cubic-bezier(.31, .94, .34, 1);--duration-fast: .3s;--transition-fast: var(--duration-fast) var(--ease-fast);--ease-default: cubic-bezier(.34, .8, .34, 1);--duration-default: .4s;--transition-default: var(--duration-default) var(--ease-default);--ease-spacial: cubic-bezier(.39, 1.29, .35, .98);--duration-spacial: .65s;--transition-spacial: var(--duration-spacial) var(--ease-spacial);--radius: .625rem;--font-display: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--font-text: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--font-editor: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{min-height:100vh;background:var(--surface-0);color:var(--text);font-family:var(--font-text),system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;font-kerning:normal}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width, 320px) minmax(0,1fr);background:var(--surface-0);color:var(--text);transition:grid-template-columns var(--transition-default);height:100vh;overflow:hidden}.app-shell--resizing{transition:none;will-change:grid-template-columns}.app-shell__sidebar{position:relative;padding:var(--space-8);padding-top:env(titlebar-area-height,var(--space-8));background:var(--surface-1);border-right:1px solid var(--border-1);overflow:hidden;min-width:0;-webkit-app-region:drag}.app-shell__sidebar button,.app-shell__sidebar input,.app-shell__sidebar a,.app-shell__sidebar [role=treeitem],.app-shell__sidebar [data-interactive]{-webkit-app-region:no-drag}.app-shell__sidebar--collapsed{background:var(--surface-2);overflow:visible}.app-shell__resize-handle{position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;background:transparent;touch-action:none}.app-shell__resize-handle:after{content:"";position:absolute;top:0;right:4px;width:2px;height:100%;background:transparent;transition:background var(--transition-fast)}.app-shell__resize-handle:hover:after,.app-shell--resizing .app-shell__resize-handle:after{background:var(--border-1)}.app-shell__canvas{background:var(--surface-3);min-width:0;position:relative;overflow:hidden}.app-shell__canvas-scroll{display:flex;justify-content:center;padding:96px var(--space-8);height:100%;overflow-y:auto;scrollbar-color:var(--border-1) transparent;scrollbar-width:thin}.app-shell__canvas-scroll::-webkit-scrollbar{width:10px}.app-shell__canvas-scroll::-webkit-scrollbar-track{background:transparent}.app-shell__canvas-scroll::-webkit-scrollbar-thumb{background:var(--surface-2-glass);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.app-shell__canvas-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-1);background-clip:padding-box}.app-shell__content{width:100%;max-width:640px;display:flex;flex-direction:column;gap:var(--space-4)}.app-shell__title{font-size:clamp(32px,3vw,44px);font-weight:300;margin:0}.app-shell__paragraph{margin:0;color:var(--text-muted);line-height:1.6}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-block{background:var(--surface-2);border-radius:6px;animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton-sidebar{display:flex;flex-direction:column;gap:var(--space-6);padding-top:48px}.skeleton-sidebar__bar{height:42px;border-radius:var(--radius)}.skeleton-sidebar__tree{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.skeleton-sidebar__row{height:14px;border-radius:4px}.skeleton-editor{width:100%;max-width:640px;display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-editor__title{height:48px;width:55%;border-radius:8px;margin-bottom:var(--space-4)}.skeleton-editor__line{height:14px;border-radius:4px}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{border-right:none;border-bottom:1px solid var(--border-1)}}.sidebar-inner{height:100%;width:100%;min-width:0;display:flex;flex-direction:column}.sidebar-inner__header{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-inner__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.sidebar-inner__brand-logo{width:28px;height:28px;border-radius:8px;flex-shrink:0}.sidebar-inner__brand-name{font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:.06em;color:var(--text-muted)}.sidebar-inner__header-text{display:grid;gap:var(--space-1)}.sidebar-inner__header-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-dim)}.sidebar-inner__header-title{font-size:16px;color:var(--text)}.sidebar-inner__collapse{width:48px;height:48px;border:none;background:transparent;color:var(--text-dim);display:grid;place-items:center;cursor:pointer;border-radius:var(--radius);transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-inner__collapse:hover{color:var(--text);background:var(--surface-2-glass)}.sidebar-inner__section+.sidebar-inner__section{margin-top:var(--space-6)}.sidebar-inner__search{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface-2-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-1);color:var(--text-dim);font-size:14px;margin-bottom:var(--space-4);cursor:pointer;transition:background var(--transition-default);width:100%;display:flex;align-items:center;gap:var(--space-4)}.sidebar-inner__search-icon{width:24px;height:24px;flex-shrink:0;color:var(--text-muted)}.sidebar-inner__search:hover{background:var(--surface-2-active)}.sidebar-inner__button{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-2-subtle);background:transparent;color:var(--text-muted);text-align:left;transition:background var(--transition-default),opacity var(--transition-fast);cursor:pointer;width:100%;display:flex;justify-content:space-between;align-items:center}.sidebar-inner__button:hover{opacity:1}.sidebar-inner__button+.sidebar-inner__button{margin-top:var(--space-4)}.sidebar-inner__button:hover{background:var(--surface-2-glass)}.sidebar-inner__button:disabled{opacity:.5;cursor:not-allowed}.sidebar-inner__label{font-size:14px;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--text-dim);margin-bottom:var(--space-6)}.sidebar-inner__content{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);flex:1;min-height:0;opacity:1;transition:opacity .15s ease}.sidebar-inner__content--hidden{opacity:0}.sidebar-inner__tree-section{flex:1;min-height:0;display:flex;flex-direction:column}.sidebar-inner__tree-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-1);scrollbar-color:var(--border-1) transparent;scrollbar-width:thin}.sidebar-inner__tree-scroll::-webkit-scrollbar{width:10px}.sidebar-inner__tree-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-inner__tree-scroll::-webkit-scrollbar-thumb{background:var(--surface-2-glass);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebar-inner__tree-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-1);background-clip:padding-box}.sidebar-inner--collapsed .sidebar-inner__header{justify-content:center}.sidebar-inner--collapsed .sidebar-inner__content{display:none}.sidebar-inner__nav{margin-top:var(--space-6);display:flex;flex-direction:column;align-items:center}.sidebar-inner__nav-button{width:48px;height:48px;border:none;background:transparent;color:var(--text-dim);display:grid;place-items:center;cursor:pointer;border-radius:var(--radius);transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-inner__nav-button:hover{color:var(--text);background:var(--surface-2-active)}.sidebar-inner__footer{margin-top:auto;padding-top:var(--space-5);position:relative}.sidebar-inner__footer--collapsed{display:flex;justify-content:center;padding-top:var(--space-4)}.sidebar-inner__profile-wrap{position:relative}.sidebar-inner__profile-button{width:100%;border:1px solid var(--border-1);background:var(--surface-2-glass);border-radius:var(--radius);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.sidebar-inner__profile-button:hover{background:var(--surface-2-active);border-color:var(--border-1-active)}.sidebar-inner__profile-button--collapsed{width:48px;height:48px;border-radius:999px;padding:0;justify-content:center}.sidebar-inner__profile-button--collapsed .sidebar-inner__account-avatar{width:38px;height:38px}.sidebar-inner__account-avatar{width:34px;height:34px;border-radius:999px;border:1px solid var(--border-2-subtle);background:var(--surface-2);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.04em;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.sidebar-inner__account-avatar-image{width:100%;height:100%;border-radius:inherit;object-fit:cover}.sidebar-inner__profile-meta{min-width:0;display:grid;gap:2px;text-align:left}.sidebar-inner__profile-name{font-size:13px;color:var(--text);font-weight:600;line-height:1.2}.sidebar-inner__profile-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-inner__profile-chevron{margin-left:auto;color:var(--text-dim);transform:rotate(0);transition:transform var(--transition-fast),color var(--transition-fast)}.sidebar-inner__profile-chevron--open{transform:rotate(180deg);color:var(--text-muted)}.sidebar-inner__account-menu{position:absolute;left:0;right:0;bottom:calc(100% + var(--space-3));background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);box-shadow:0 20px 36px #0000006b;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);z-index:20;animation:sidebar-account-menu-in .14s ease-out}.sidebar-inner__account-menu--collapsed{left:calc(100% + var(--space-3));right:auto;bottom:0;width:min(280px,calc(100vw - var(--space-6)))}.sidebar-inner__account-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-1)}.sidebar-inner__account-avatar--large{width:40px;height:40px;font-size:13px}.sidebar-inner__account-summary-text{min-width:0;display:grid;gap:2px}.sidebar-inner__account-name{margin:0;font-size:13px;color:var(--text);font-weight:600}.sidebar-inner__account-email{margin:0;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-inner__account-action{width:100%;border:none;background:transparent;border-radius:calc(var(--radius) - 2px);color:var(--text-muted);font-size:13px;font-family:inherit;text-align:left;padding:var(--space-2) var(--space-2);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-inner__account-action:hover{background:var(--surface-2-glass);color:var(--text)}.sidebar-inner__account-action--danger{color:var(--color-danger-400)}.sidebar-inner__account-action--danger:hover{background:color-mix(in srgb,var(--color-danger-700) 26%,transparent);color:var(--color-danger-200)}@keyframes sidebar-account-menu-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.note-tree{display:flex;flex-direction:column;gap:var(--space-2)}.note-tree__collection{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.note-tree__row{display:flex;padding:var(--space-1) var(--space-2);align-items:center;gap:var(--space-2);border-radius:var(--radius);transition:background var(--transition-fast)}.note-tree__row:hover,.note-tree__row--selected{background:var(--surface-2-glass)}.note-tree__icon-slot{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.note-tree__icon-slot--interactive{cursor:pointer;border:none;background:transparent;padding:0;color:inherit}.note-tree__icon-anim{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0}.note-tree__icon{width:16px;height:16px;flex-shrink:0;color:var(--text-dim)}.note-tree__button{flex:1;min-width:0;background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:0;display:flex;align-items:center;text-align:left;overflow:hidden;transition:color var(--transition-fast)}.note-tree__button:hover{color:var(--text)}.note-tree__button--notebook{font-size:16px;color:var(--text)}.note-tree__icon-slot--large,.note-tree__icon-slot--large .note-tree__icon{width:20px;height:20px}.note-tree__row--selected{background:var(--surface-2-glass)}.note-tree__button--selected{color:var(--text)}.note-tree__button-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.note-tree__button-title--empty{color:var(--text-dim)}.note-tree__actions{display:flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;margin-left:auto;padding-right:var(--space-1)}.note-tree__row:hover .note-tree__actions{opacity:1}.note-tree__action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:var(--radius);padding:0;transition:color var(--transition-fast),background var(--transition-fast)}.note-tree__action:hover{color:var(--text);background:var(--surface-3-glass)}.note-tree__children{padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center}.confirm-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong)}.confirm-dialog__panel{position:relative;width:min(400px,90vw);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-6);display:grid;gap:var(--space-4);box-shadow:0 24px 48px #00000073}.confirm-dialog__title{font-size:16px;font-weight:600;color:var(--text);margin:0}.confirm-dialog__message{font-size:14px;color:var(--text-muted);margin:0;line-height:1.5}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.confirm-dialog__button{padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-1);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.confirm-dialog__button--cancel{background:var(--surface-2);color:var(--text)}.confirm-dialog__button--cancel:hover{background:var(--surface-3);border-color:var(--border-1-active)}.confirm-dialog__button--danger{background:var(--color-danger-600);color:var(--color-danger-100);border-color:var(--color-danger-600)}.confirm-dialog__button--danger:hover{background:var(--color-danger-500);border-color:var(--color-danger-500)}.auth-screen{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;padding:max(var(--space-8),env(titlebar-area-height,var(--space-8))) var(--space-6) var(--space-6);background:var(--surface-0);color:var(--text);overflow:hidden}.auth-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--border-1-subtle) 50%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--border-1-subtle) 40%,transparent) 1px,transparent 1px);background-size:48px 48px;opacity:.24;z-index:-1}.auth-card{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-7);border-radius:calc(var(--radius) + 6px);border:1px solid var(--border-1-glass);background:var(--surface-1-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 48px #00000073}.auth-card--entry{animation:auth-card-enter var(--transition-default) both}.auth-card--wide{width:min(560px,100%)}.auth-card__header{display:grid;gap:var(--space-3)}.auth-card__brand{display:flex;align-items:center;gap:var(--space-3)}.auth-card__brand-logo{width:36px;height:36px;border-radius:10px;flex-shrink:0;box-shadow:0 10px 18px #00000047}.auth-card__brand-name{margin:0;font-family:var(--font-display);font-size:15px;font-weight:500;letter-spacing:.06em;color:var(--text-muted)}.auth-card__title{font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:500;line-height:1.2;margin:0;color:var(--text)}.auth-card__subtitle{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0;max-width:56ch}.auth-card__loading{font-size:14px;color:var(--text-muted);margin:0;text-align:center}.auth-card__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-card__label{display:grid;gap:var(--space-2);font-size:11px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.auth-card__input{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-1);background:var(--surface-2-glass);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);caret-color:var(--text)}.auth-card__input:hover{border-color:var(--border-1-active);outline:none}.auth-card__input:focus{border-color:var(--color-neutral-500);background:var(--surface-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-neutral-500) 16%,transparent)}.auth-card__input:-webkit-autofill,.auth-card__input:-webkit-autofill:hover,.auth-card__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;border-color:var(--border-1-active);transition:background-color 5000s ease-in-out 0s}.auth-card__input::placeholder{color:var(--text-dim)}.auth-card__input--textarea{resize:vertical;min-height:60px;font-family:var(--font-display);font-size:13px;letter-spacing:.03em;line-height:1.6}.auth-card__error{font-size:13px;color:var(--color-danger-500);margin:0;line-height:1.5}.auth-card__button{padding:var(--space-3) var(--space-5);border-radius:var(--radius);border:1px solid transparent;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.auth-card__button:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-card__button--primary{background:var(--color-neutral-200);border-color:var(--color-neutral-200);color:var(--color-neutral-950)}.auth-card__button--primary:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--color-neutral-50);transform:translateY(-1px)}.auth-card__button--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-1)}.auth-card__button--secondary:hover:not(:disabled){background:var(--surface-2-active);border-color:var(--border-1-active)}.auth-card__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.auth-card--entry .auth-card__actions{justify-content:stretch}.auth-card--entry .auth-card__actions .auth-card__button{width:100%}.auth-card__meta{display:grid;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-1-subtle)}.auth-card__footer{font-size:13px;color:var(--text-dim);margin:0;line-height:1.6}.auth-card__link{background:none;border:none;color:var(--text);font-size:inherit;font-weight:500;font-family:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-card__link:hover{color:var(--color-neutral-50)}.auth-card__recovery-key{font-family:var(--font-display);font-size:15px;letter-spacing:.05em;word-break:break-all;background:var(--surface-2-glass);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-5);color:var(--color-primary-300);line-height:1.8;-webkit-user-select:all;user-select:all}.auth-card__confirm-section{display:flex;flex-direction:column;gap:var(--space-3)}.auth-card__confirm-prompt{font-size:13px;color:var(--text-muted);margin:0;line-height:1.6}.auth-card__code{font-family:var(--font-display);background:var(--surface-2);padding:2px var(--space-2);border-radius:4px;font-size:12px}.auth-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.auth-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong)}.auth-dialog__panel{position:relative;width:min(420px,calc(100vw - (2 * var(--space-6))));background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:0 24px 48px #00000073}.auth-dialog__title{font-family:var(--font-display);font-size:18px;font-weight:500;margin:0;color:var(--text)}.auth-dialog__text{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.auth-dialog__actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width: 640px){.auth-screen{padding:max(var(--space-6),env(titlebar-area-height,var(--space-6))) var(--space-4) var(--space-4)}.auth-card{padding:var(--space-6);gap:var(--space-5)}}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.account-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center}.account-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong)}.account-dialog__panel{position:relative;width:min(460px,calc(100vw - (2 * var(--space-6))));background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:0 24px 48px #00000073}.account-dialog__header{display:grid;gap:var(--space-2)}.account-dialog__title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text)}.account-dialog__subtitle{margin:0;font-size:13px;color:var(--text-muted);line-height:1.6}.account-dialog__identity{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--border-1);background:var(--surface-2-glass)}.account-dialog__avatar{width:44px;height:44px;border-radius:999px;border:1px solid var(--border-2-subtle);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:700;letter-spacing:.04em;display:grid;place-items:center;flex-shrink:0}.account-dialog__avatar-image{width:100%;height:100%;border-radius:inherit;object-fit:cover}.account-dialog__identity-text{min-width:0;display:grid;gap:2px}.account-dialog__name{margin:0;font-size:14px;color:var(--text);font-weight:600}.account-dialog__email{margin:0;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dialog__section{display:grid;gap:var(--space-3)}.account-dialog__section-title{margin:0;font-size:13px;color:var(--text);font-weight:600}.account-dialog__section-text{margin:0;font-size:12px;color:var(--text-muted);line-height:1.6}.account-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.account-dialog__action{border-radius:var(--radius);border:1px solid var(--border-1);font-size:13px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.account-dialog__action--primary{padding:var(--space-2) var(--space-4);background:var(--surface-2);color:var(--text)}.account-dialog__action--primary:hover{background:var(--surface-2-active);border-color:var(--border-1-active)}.account-dialog__action--secondary{padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-muted)}.account-dialog__action--secondary:hover{background:var(--surface-2-glass);border-color:var(--border-1-active)}.profile-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:115;display:grid;place-items:center}.profile-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong)}.profile-dialog__panel{position:relative;width:min(520px,calc(100vw - (2 * var(--space-6))));background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:0 24px 48px #00000073}.profile-dialog__header{display:grid;gap:var(--space-2)}.profile-dialog__title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text)}.profile-dialog__subtitle{margin:0;font-size:13px;color:var(--text-muted);line-height:1.6}.profile-dialog__form{display:grid;gap:var(--space-5)}.profile-dialog__identity{display:flex;align-items:center;gap:var(--space-4);border-radius:var(--radius);border:1px solid var(--border-1);background:var(--surface-2-glass);padding:var(--space-4)}.profile-dialog__avatar{width:64px;height:64px;border-radius:999px;border:1px solid var(--border-2-subtle);background:var(--surface-2);color:var(--text);font-size:18px;font-weight:700;letter-spacing:.04em;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.profile-dialog__avatar-image{width:100%;height:100%;object-fit:cover}.profile-dialog__identity-meta{min-width:0;display:grid;gap:var(--space-3)}.profile-dialog__email{margin:0;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dialog__avatar-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-dialog__file-input{display:none}.profile-dialog__label{display:grid;gap:var(--space-2);font-size:13px;color:var(--text-muted)}.profile-dialog__input{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-1);background:var(--surface-1);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.profile-dialog__input:focus{border-color:var(--color-primary-600)}.profile-dialog__error{margin:0;font-size:13px;color:var(--color-danger-500)}.profile-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.profile-dialog__button{border-radius:var(--radius);border:1px solid var(--border-1);font-size:13px;font-family:inherit;padding:var(--space-2) var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.profile-dialog__button:disabled{opacity:.55;cursor:not-allowed}.profile-dialog__button--primary{background:var(--color-primary-700);border-color:var(--color-primary-700);color:var(--color-primary-50)}.profile-dialog__button--primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600)}.profile-dialog__button--secondary{background:var(--surface-2);color:var(--text)}.profile-dialog__button--secondary:hover{background:var(--surface-2-active);border-color:var(--border-1-active)}.profile-dialog__button--ghost{background:transparent;color:var(--text-muted)}.profile-dialog__button--ghost:hover:not(:disabled){background:var(--surface-2-glass);border-color:var(--border-1-active);color:var(--text)}.shortcuts-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:118;display:grid;place-items:center}.shortcuts-dialog__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong)}.shortcuts-dialog__panel{position:relative;width:min(920px,calc(100vw - (2 * var(--space-6))));max-height:min(84vh,860px);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);box-shadow:0 24px 48px #00000073;padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.shortcuts-dialog__header{display:flex;align-items:flex-start;gap:var(--space-4)}.shortcuts-dialog__icon-wrap{width:36px;height:36px;border-radius:999px;border:1px solid var(--border-1);background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center;flex-shrink:0}.shortcuts-dialog__header-copy{display:grid;gap:var(--space-2)}.shortcuts-dialog__title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text)}.shortcuts-dialog__subtitle{margin:0;font-size:13px;line-height:1.6;color:var(--text-muted)}.shortcuts-dialog__sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);overflow-y:auto;padding-right:var(--space-1)}.shortcuts-dialog__section{border:1px solid var(--border-1);border-radius:var(--radius);background:var(--surface-2-glass);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.shortcuts-dialog__section-header{display:grid;gap:var(--space-1)}.shortcuts-dialog__section-title{margin:0;font-size:13px;font-weight:600;color:var(--text)}.shortcuts-dialog__section-description{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.shortcuts-dialog__list{display:flex;flex-direction:column;gap:var(--space-1)}.shortcuts-dialog__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius) - 2px);border:1px solid transparent}.shortcuts-dialog__row:hover{background:var(--surface-2);border-color:var(--border-1-subtle)}.shortcuts-dialog__row-copy{min-width:0;display:grid;gap:var(--space-0_5)}.shortcuts-dialog__row-label{margin:0;font-size:12px;color:var(--text);line-height:1.5}.shortcuts-dialog__row-detail{margin:0;font-size:11px;color:var(--text-dim);line-height:1.4}.shortcuts-dialog__keys{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;flex-shrink:0}.shortcuts-dialog__key{min-width:24px;height:24px;border-radius:6px;border:1px solid var(--border-2-subtle);background:var(--surface-2);color:var(--text-muted);font-size:11px;line-height:1;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);white-space:nowrap}.shortcuts-dialog__actions{display:flex;justify-content:flex-end}.shortcuts-dialog__button{border-radius:var(--radius);border:1px solid var(--border-1);padding:var(--space-2) var(--space-4);font-size:13px;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.shortcuts-dialog__button--secondary{background:transparent;color:var(--text-muted)}.shortcuts-dialog__button--secondary:hover{background:var(--surface-2-glass);border-color:var(--border-1-active)}@media (max-width: 900px){.shortcuts-dialog__panel{width:calc(100vw - (2 * var(--space-4)));max-height:calc(100vh - (2 * var(--space-4)));padding:var(--space-6)}.shortcuts-dialog__sections{grid-template-columns:1fr}}.quick-nav{position:absolute;top:46px;left:var(--space-4);z-index:5}.quick-nav__trigger{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--space-1);border:1px solid var(--border-1);background:var(--surface-1-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);cursor:pointer;transition:background var(--transition-default),border-color var(--transition-default);max-width:320px}.quick-nav__trigger:hover{background:var(--surface-2);border-color:var(--border-1-active)}.quick-nav--disabled .quick-nav__trigger{opacity:.6;cursor:not-allowed}.quick-nav__shortcut{font-size:12px;color:var(--color-info-300)}.quick-nav__sep,.quick-nav__chevron{font-size:12px;color:var(--text-dim)}.quick-nav__label{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim)}.quick-nav__dropdown{margin-top:var(--space-3);display:grid;gap:var(--space-1);padding:var(--space-2);min-width:240px;border-radius:var(--radius);border:1px solid var(--border-1);background:var(--surface-1);box-shadow:0 18px 40px #00000059}.quick-nav__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.quick-nav__item:hover,.quick-nav__item--active,.quick-nav__item--focused{background:var(--surface-2);border-color:var(--border-1)}.quick-nav__mode{margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px dashed var(--border-1);background:transparent;color:var(--text-dim);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.quick-nav__mode:hover,.quick-nav__mode--focused{border-color:var(--border-1-active);color:var(--text)}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center}.search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-medium)}.search-modal__panel{position:relative;width:min(560px,90vw);background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-5);display:grid;gap:var(--space-4);box-shadow:0 24px 48px #00000073}.search-modal__input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border-1);background:var(--surface-2);color:var(--text);outline:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.search-modal__input:focus{background:var(--surface-3);border-color:var(--border-2)}.search-modal__results{display:grid;gap:var(--space-2)}.search-modal__result{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.search-modal__result:hover,.search-modal__result--active{background:var(--surface-2);border-color:var(--border-1)}.search-modal__result-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.search-modal__match-source{font-size:12px;color:var(--text-dim);flex-shrink:0}.search-modal__empty{padding:var(--space-3) var(--space-4);color:var(--text-dim);margin:0}.toast{position:fixed;bottom:var(--space-6);left:50%;z-index:40;padding:var(--space-3) var(--space-5);background:var(--surface-1-glass);border:1px solid var(--border-1-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius);color:var(--text);font-size:14px;box-shadow:0 8px 24px #00000059;pointer-events:none;white-space:nowrap}.note-editor{display:flex;flex-direction:column;gap:var(--space-1)}.note-editor__title{font-size:48px;font-weight:700;line-height:1.4;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:var(--space-1) var(--space-3);resize:none;overflow:hidden;font-family:var(--font-editor);box-sizing:border-box}.note-editor__title::placeholder{color:var(--text-dim);opacity:1}.note-editor__title:focus-visible{outline:none}.note-editor__content-editor{position:relative}.slash-command-menu__positioner{position:fixed;z-index:20}.slash-command-menu{position:relative;background:var(--surface-2);border:1px solid var(--border-2-glass);border-radius:8px;box-shadow:0 12px 32px #0006;overflow:hidden;font-family:IBM Plex Mono,ui-monospace,monospace}.slash-command-menu__inner{max-height:300px;overflow-y:auto;padding:var(--space-4) var(--space-1);scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent}.slash-command-menu__section{padding-bottom:var(--space-4)}.slash-command-menu__section:last-child{padding-bottom:0}.slash-command-menu__label{font-size:12px;font-weight:400;line-height:1.2;color:var(--text-dim);padding:0 var(--space-2) var(--space-2);text-transform:lowercase}.slash-command-menu__items{display:flex;flex-direction:column}.slash-command-menu__item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:8px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.slash-command-menu__item:hover,.slash-command-menu__item--active{background:var(--surface-2-active)}.slash-command-menu__icon{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;color:var(--text-muted)}.slash-command-menu__title{flex:1;min-width:0;font-size:14px;line-height:1.2}.slash-command-menu__shortcut{flex-shrink:0;display:flex;gap:3px}.slash-command-menu__key{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-1);font-size:11px;line-height:1;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border-2-subtle);border-radius:5px}.slash-command-menu__key--active{background:var(--surface-2-active);border-color:var(--border-2-active)}.slash-command-menu__empty{padding:var(--space-2) var(--space-4);color:var(--text-dim);font-size:13px}.slash-command-menu__fade{pointer-events:none;position:absolute;bottom:0;left:-1px;right:-1px;height:72px;background:linear-gradient(to bottom,transparent,var(--surface-2));border-radius:0 0 8px 8px}.bubble-format-menu__positioner{position:fixed;z-index:24}.bubble-format-menu{display:flex;align-items:center;gap:2px;padding:6px;background:var(--surface-2);border:1px solid var(--border-2-glass);border-radius:8px;box-shadow:0 12px 32px #0006;font-family:IBM Plex Mono,ui-monospace,monospace}.bubble-format-menu__button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.bubble-format-menu__button:hover,.bubble-format-menu__button--active{background:var(--surface-2-active);border-color:var(--border-2-active);color:var(--text)}.bubble-format-menu__divider{width:1px;height:18px;margin:0 4px;background:var(--border-2-subtle)}.note-editor__content-input{padding:var(--space-4) var(--space-4) var(--space-12);color:var(--text);border:1px solid transparent;border-radius:var(--radius);min-height:100%;outline:none;font-family:var(--font-editor)}.note-editor__content-input:focus{border-color:var(--border-1-subtle)}.note-editor__content-placeholder{position:absolute;top:0;left:0;padding:var(--space-4);color:var(--text-dim);pointer-events:none;-webkit-user-select:none;user-select:none}.editor-paragraph{margin:0;line-height:1.6}.editor-heading-h1{font-family:var(--font-editor);font-size:2rem;font-weight:300;line-height:1.2;margin:var(--space-6) 0 var(--space-2)}.editor-heading-h1:first-child{margin-top:0}.editor-heading-h2{font-family:var(--font-editor);font-size:1.5rem;font-weight:300;line-height:1.3;margin:var(--space-5) 0 var(--space-2)}.editor-heading-h2:first-child{margin-top:0}.editor-heading-h3{font-family:var(--font-editor);font-size:1.25rem;font-weight:300;line-height:1.3;margin:var(--space-4) 0 var(--space-1)}.editor-heading-h3:first-child{margin-top:0}.editor-heading-h4,.editor-heading-h5,.editor-heading-h6{font-family:var(--font-editor);font-size:1rem;font-weight:400;line-height:1.4;margin:var(--space-3) 0 var(--space-1)}.editor-heading-h4:first-child,.editor-heading-h5:first-child,.editor-heading-h6:first-child{margin-top:0}.editor-list-ul{list-style-type:disc;padding-left:var(--space-6);margin:var(--space-2) 0}.editor-list-ol{list-style-type:decimal;padding-left:var(--space-6);margin:var(--space-2) 0}.editor-list-ol .editor-list-ol{list-style-type:lower-alpha}.editor-list-ol .editor-list-ol .editor-list-ol{list-style-type:decimal}.editor-list-li{margin:var(--space-1) 0}.editor-list-li--nested{list-style-type:none}.editor-list-ul .editor-list-ul{list-style-type:circle}.editor-list-ul .editor-list-ul .editor-list-ul{list-style-type:square}.editor-list-li--checked,.editor-list-li--unchecked{list-style-type:none;position:relative;padding-left:var(--space-2);margin-left:calc(-1 * var(--space-6))}.editor-list-li--checked:before,.editor-list-li--unchecked:before{content:"";display:inline-block;width:16px;height:16px;margin-right:var(--space-2);border:1.5px solid var(--border-2);border-radius:4px;vertical-align:middle;position:relative;top:-1px;cursor:pointer}.editor-list-li--checked:before{background:var(--color-primary-500);border-color:var(--color-primary-500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23151415' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.editor-list-li--checked{text-decoration:line-through;color:var(--text-dim)}.editor-hr{border:none;border-top:1px solid var(--border-2-subtle);margin:var(--space-4) 0}.editor-blockquote{border-left:3px solid var(--border-2);padding-left:var(--space-4);color:var(--text-muted);margin:var(--space-3) 0;font-style:italic}.editor-link{color:var(--color-primary-200);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer}.editor-link:hover{color:var(--color-primary-100)}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-strikethrough{text-decoration:line-through}.editor-text-code{background:var(--surface-3);padding:1px var(--space-1);border-radius:3px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.9em}.note-editor__meta{margin:0;font-size:12px;color:var(--text-dim)}