:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-editorial: "Newsreader", "Iowan Old Style", "Palatino Linotype", serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--sidebar-width: 264px;--noteslist-width: 300px;--toolbar-height: 44px;--header-height: 56px;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--anim-fade-in: fadeIn .15s ease forwards;--anim-fade-out: fadeOut .15s ease forwards;--anim-modal-in: slideUp .2s cubic-bezier(.4, 0, .2, 1) forwards;--anim-slide-in-left: slideInLeft .3s cubic-bezier(.4, 0, .2, 1) forwards;--z-sidebar: 100;--z-overlay: 200;--z-modal: 300;--z-dropdown: 350;--z-toast: 400;--z-spotlight: 500}[data-theme=dark]{--surface-background: #0e0e10;--surface: #0e0e10;--surface-container-low: #131315;--surface-container: #19191c;--surface-container-high: #202024;--surface-container-highest: #262528;--surface-container-lowest: #000000;--surface-overlay: rgba(6, 6, 10, .72);--primary: #ba9eff;--primary-hover: #ceb9ff;--primary-container: #ae8dff;--secondary: #c08cf7;--outline-variant: #48474a;--on-surface: #f6f3f5;--on-surface-variant: #cbc4c9;--on-surface-muted: #918d92;--on-primary: #0f0d16;--bg-primary: var(--surface-background);--bg-secondary: var(--surface);--bg-tertiary: var(--surface-container-low);--bg-hover: var(--surface-container);--bg-active: var(--surface-container-high);--bg-card: var(--surface-container);--bg-input: var(--surface-container-lowest);--bg-overlay: var(--surface-overlay);--accent-primary: var(--primary);--accent-primary-hover: var(--primary-hover);--accent-secondary: var(--secondary);--accent-gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);--accent-glow: none;--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-tertiary: var(--on-surface-muted);--text-accent: var(--primary);--text-on-accent: var(--on-primary);--border-subtle: rgba(72, 71, 74, .15);--border-default: rgba(72, 71, 74, .3);--border-hover: rgba(72, 71, 74, .45);--border-accent: rgba(186, 158, 255, .4);--neuo-light: transparent;--neuo-dark: transparent;--neuo-raised-sm: 0 2px 6px rgba(0, 0, 0, .22);--neuo-raised-md: 0 10px 24px rgba(0, 0, 0, .3);--neuo-raised-lg: 0 22px 48px rgba(0, 0, 0, .38);--neuo-inset-sm: none;--neuo-inset-md: none;--shadow-sm: var(--neuo-raised-sm);--shadow-md: var(--neuo-raised-md);--shadow-lg: var(--neuo-raised-lg);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .42);--para-projects: #ef6a6a;--para-areas: #efb86a;--para-resources: #6aef8a;--para-archive: #8a8aa0;--para-inbox: #6a9eef;--color-danger: #ef4444;--color-danger-hover: #f87171;--color-danger-subtle: rgba(239, 68, 68, .12);--color-success: #22c55e;--color-success-subtle: rgba(34, 197, 94, .12);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .12);--color-info: var(--accent-secondary);--color-info-subtle: rgba(91, 141, 239, .12);color-scheme:dark}[data-theme=light]{--surface-background: #f9fafb;--surface: #ffffff;--surface-container-low: #f7f7fa;--surface-container: #f3f4f6;--surface-container-high: #eceef3;--surface-container-highest: #e7e9ef;--surface-container-lowest: #ffffff;--surface-overlay: rgba(12, 16, 26, .35);--primary: #8b5cf6;--primary-hover: #9d74f8;--primary-container: #dccfff;--secondary: #6d67f6;--outline-variant: #d3d7df;--on-surface: #1f2937;--on-surface-variant: #4b5563;--on-surface-muted: #9ca3af;--on-primary: #ffffff;--bg-primary: var(--surface-background);--bg-secondary: var(--surface);--bg-tertiary: var(--surface-container-low);--bg-hover: var(--surface-container);--bg-active: var(--surface-container-high);--bg-card: var(--surface);--bg-input: var(--surface);--bg-overlay: var(--surface-overlay);--accent-primary: var(--primary);--accent-primary-hover: var(--primary-hover);--accent-secondary: var(--secondary);--accent-gradient: linear-gradient(135deg, var(--primary) 0%, #6d67f6 100%);--accent-glow: none;--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-tertiary: var(--on-surface-muted);--text-accent: var(--primary);--text-on-accent: var(--on-primary);--border-subtle: rgba(211, 215, 223, .45);--border-default: rgba(211, 215, 223, .7);--border-hover: rgba(148, 163, 184, .65);--border-accent: rgba(139, 92, 246, .35);--neuo-light: transparent;--neuo-dark: transparent;--neuo-raised-sm: 0 2px 6px rgba(15, 23, 42, .08);--neuo-raised-md: 0 10px 24px rgba(15, 23, 42, .12);--neuo-raised-lg: 0 20px 40px rgba(15, 23, 42, .15);--neuo-inset-sm: none;--neuo-inset-md: none;--shadow-sm: var(--neuo-raised-sm);--shadow-md: var(--neuo-raised-md);--shadow-lg: var(--neuo-raised-lg);--shadow-xl: 0 24px 52px rgba(15, 23, 42, .16);--para-projects: #e05252;--para-areas: #e0a030;--para-resources: #38b060;--para-archive: #7a7a90;--para-inbox: #4a80e0;--color-danger: #dc2626;--color-danger-hover: #ef4444;--color-danger-subtle: rgba(220, 38, 38, .1);--color-success: #16a34a;--color-success-subtle: rgba(22, 163, 74, .1);--color-warning: #d97706;--color-warning-subtle: rgba(217, 119, 6, .1);--color-info: var(--accent-secondary);--color-info-subtle: rgba(74, 128, 224, .1);color-scheme:light}[data-theme=eyecare]{--surface-background: #f4ecd8;--surface: #f7efdf;--surface-container-low: #efe4cf;--surface-container: #e9dcc3;--surface-container-high: #e2d3b8;--surface-container-highest: #dbc9ac;--surface-container-lowest: #fbf5e9;--surface-overlay: rgba(55, 42, 23, .34);--primary: #8a6bc7;--primary-hover: #9b7ad4;--primary-container: #dac9f4;--secondary: #7d5a50;--outline-variant: #b9a98f;--on-surface: #433422;--on-surface-variant: #6b5c47;--on-surface-muted: #9f8f79;--on-primary: #ffffff;--bg-primary: var(--surface-background);--bg-secondary: var(--surface);--bg-tertiary: var(--surface-container-low);--bg-hover: var(--surface-container);--bg-active: var(--surface-container-high);--bg-card: var(--surface);--bg-input: var(--surface-container-lowest);--bg-overlay: var(--surface-overlay);--accent-primary: var(--primary);--accent-primary-hover: var(--primary-hover);--accent-secondary: var(--secondary);--accent-gradient: linear-gradient(135deg, var(--primary) 0%, #9f7b62 100%);--accent-glow: none;--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-tertiary: var(--on-surface-muted);--text-accent: var(--primary);--text-on-accent: var(--on-primary);--border-subtle: rgba(185, 169, 143, .4);--border-default: rgba(185, 169, 143, .65);--border-hover: rgba(151, 128, 95, .6);--border-accent: rgba(138, 107, 199, .36);--neuo-light: transparent;--neuo-dark: transparent;--neuo-raised-sm: 0 2px 6px rgba(97, 74, 43, .1);--neuo-raised-md: 0 10px 22px rgba(97, 74, 43, .14);--neuo-raised-lg: 0 20px 38px rgba(97, 74, 43, .18);--neuo-inset-sm: none;--neuo-inset-md: none;--shadow-sm: var(--neuo-raised-sm);--shadow-md: var(--neuo-raised-md);--shadow-lg: var(--neuo-raised-lg);--shadow-xl: 0 22px 46px rgba(97, 74, 43, .2);--para-projects: #c45a5a;--para-areas: #c49040;--para-resources: #5a9a5a;--para-archive: #8a8578;--para-inbox: #7a8f9a;--color-danger: #c45a5a;--color-danger-hover: #d47070;--color-danger-subtle: rgba(196, 90, 90, .12);--color-success: #5a9a5a;--color-success-subtle: rgba(90, 154, 90, .12);--color-warning: #c49040;--color-warning-subtle: rgba(196, 144, 64, .12);--color-info: var(--accent-secondary);--color-info-subtle: rgba(122, 143, 94, .1);color-scheme:light}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100dvh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--border-accent);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;height:100dvh;width:100vw;overflow:hidden;position:relative}.app-top-nav{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:0 var(--space-xl);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);flex-shrink:0}.app-top-nav-left{display:flex;align-items:center;gap:var(--space-xs);min-width:220px}.app-top-nav-link{border:none;background:transparent;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;padding:8px 10px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.app-top-nav-link:hover{color:var(--text-secondary);background:var(--bg-hover)}.app-top-nav-link.active{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 14%,transparent)}.app-top-nav-search{display:flex;align-items:center;gap:var(--space-sm);max-width:420px;width:100%;background:var(--bg-input);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:7px 14px}.app-top-nav-search:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.app-top-nav-search .icon{color:var(--text-tertiary);width:16px;height:16px;flex-shrink:0}.app-top-nav-search input{border:none;background:transparent;outline:none;width:100%;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-sans)}.app-top-nav-search input::placeholder{color:var(--text-tertiary)}.app-top-nav-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.app-top-nav-icon-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.app-top-nav-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.app-top-nav-avatar{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;font-size:var(--font-size-xs);font-weight:600}.app-top-nav-avatar img{width:100%;height:100%;object-fit:cover}.workspace-panels{flex:1;display:flex;overflow:hidden;min-height:0;min-width:0}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--border-subtle);box-shadow:none;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-slow);z-index:var(--z-sidebar)}[data-theme=dark] .sidebar{background:color-mix(in srgb,var(--bg-secondary) 90%,transparent);border-right:1px solid var(--border-subtle)}[data-theme=eyecare] .sidebar{background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);border-right:1px solid var(--border-subtle)}.sidebar-header{padding:var(--space-md) var(--space-xl);display:flex;align-items:center;gap:var(--space-md);border-bottom:none;box-shadow:none;min-height:var(--header-height)}.sidebar-logo{width:32px;height:32px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);color:#fff;box-shadow:var(--neuo-raised-sm),var(--accent-glow)}.sidebar-brand{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.sidebar-brand.solo{font-size:1.75rem;font-weight:700;letter-spacing:-.8px;font-family:var(--font-sans)}.sidebar-brand span{color:var(--accent-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-md) 0 0}.sidebar-para-meta{padding:0 var(--space-xl) var(--space-md)}.sidebar-para-label{font-size:.625rem;letter-spacing:2.4px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase}.sidebar-para-subtitle{margin-top:4px;font-size:var(--font-size-xs);color:var(--text-accent);opacity:.8}.sidebar-section{margin-bottom:var(--space-md)}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.6px;color:var(--text-tertiary);padding:var(--space-sm) var(--space-xl);display:flex;align-items:center;justify-content:space-between}.sidebar-section-title button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all var(--transition-fast)}.sidebar-section-title button:hover{color:var(--accent-primary);background:var(--bg-hover)}.sidebar-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;border:none;background:none;width:100%;text-align:left;position:relative}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--text-primary)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.sidebar-item .icon{width:18px;height:18px;flex-shrink:0}.sidebar-item .count{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-primary);padding:1px 7px;border-radius:var(--radius-full);min-width:22px;text-align:center;box-shadow:var(--neuo-inset-sm)}.para-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-item .notebook-actions{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.sidebar-item:hover .notebook-actions{opacity:1}.notebook-actions button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center}.notebook-actions button:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-subtle);box-shadow:0 -3px 6px var(--neuo-dark),0 1px 3px var(--neuo-light)}.sidebar-create-note-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 12px;border:none;border-radius:var(--radius-full);background:var(--accent-gradient);color:var(--text-on-accent);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;margin-bottom:var(--space-md);box-shadow:var(--shadow-md)}.sidebar-create-note-btn:hover{filter:brightness(1.06)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px;padding:var(--space-xs) var(--space-xl)}.sidebar-tag{font-size:var(--font-size-xs);padding:2px 10px;background:var(--bg-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;border:none;box-shadow:var(--neuo-raised-sm);transition:all var(--transition-fast)}.sidebar-tag:hover,.sidebar-tag.active{box-shadow:var(--neuo-inset-sm);color:var(--accent-primary)}.notes-list-panel{width:var(--noteslist-width);min-width:var(--noteslist-width);height:100%;min-height:0;background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.notes-list-header{padding:var(--space-md) var(--space-lg);border-bottom:none;box-shadow:none;min-height:var(--header-height);display:flex;align-items:center;gap:var(--space-md)}.notes-list-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-box{display:flex;align-items:center;gap:6px;background:#7878801f;border:none;box-shadow:none;border-radius:980px;padding:6px 12px;margin:0 12px var(--space-sm);transition:background var(--transition-fast)}.search-box:focus-within{border:none;background:#7878802e;box-shadow:none}.search-box .icon{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.search-box input{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);width:100%;padding-left:0}.search-box input::placeholder{color:var(--text-tertiary)}.notes-sort{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);margin-bottom:var(--space-xs)}.notes-sort select{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;outline:none}.notes-sort select option{background:var(--bg-secondary);color:var(--text-primary)}.notes-list-scroll{flex:1;overflow-y:auto;padding:0 var(--space-sm) var(--space-xl);padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;touch-action:pan-y}.notes-list-scroll.dashboard-scroll{padding-top:var(--space-sm)}.notes-sections{display:flex;flex-direction:column;gap:var(--space-xl)}.notes-section{display:flex;flex-direction:column;gap:var(--space-sm)}.notes-section-title{display:flex;align-items:center;gap:6px;padding:0 var(--space-sm);color:var(--text-tertiary);font-size:.625rem;text-transform:uppercase;letter-spacing:2px;font-weight:700}.notes-section-title .icon{width:11px;height:11px;color:var(--accent-primary)}.notes-section-list{display:flex;flex-direction:column;gap:var(--space-sm)}.note-card{padding:var(--space-md) var(--space-lg) var(--space-sm);margin:0 var(--space-xs);border-radius:var(--radius-md);cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);border:1px solid transparent;background:color-mix(in srgb,var(--bg-card) 84%,transparent);box-shadow:none;position:relative}.note-card:hover{background:var(--bg-card);border-color:color-mix(in srgb,var(--accent-primary) 25%,transparent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.note-card.active{background:var(--bg-card);border-color:color-mix(in srgb,var(--accent-primary) 35%,transparent);box-shadow:var(--shadow-sm);transform:translateY(0)}.note-card-title{font-size:1.03rem;font-weight:500;font-family:var(--font-editorial);color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.note-card-snippet{font-size:var(--font-size-xs);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;margin-bottom:8px}.note-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.note-card-meta .pin-icon{color:var(--accent-primary)}.note-card-tags{display:flex;gap:4px;margin-top:2px;margin-bottom:8px;flex-wrap:wrap}.note-card-tags .tag{font-size:.625rem;padding:2px 7px;background:color-mix(in srgb,var(--accent-primary) 14%,transparent);border-radius:var(--radius-full);color:var(--text-accent);font-weight:600;letter-spacing:.2px;box-shadow:none}.new-note-btn{position:absolute;bottom:var(--space-lg);right:var(--space-lg);width:44px;height:44px;border-radius:50%;background:var(--accent-gradient);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--neuo-raised-lg),var(--accent-glow);transition:box-shadow var(--transition-normal),transform var(--transition-normal);z-index:10;display:none}.new-note-btn:hover{transform:none;box-shadow:var(--neuo-raised-lg),0 0 28px #7c6aef80}.new-note-btn:active{box-shadow:var(--neuo-inset-md);transform:none}.editor-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.editor-panel.focused-editor{background:color-mix(in srgb,var(--bg-secondary) 88%,transparent)}.editor-toolbar{display:flex;align-items:center;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-subtle);box-shadow:none;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);min-height:var(--toolbar-height);gap:var(--space-xs);flex-wrap:wrap;row-gap:4px;overflow:visible;position:relative}.editor-toolbar.floating{position:fixed;left:50%;bottom:var(--space-xl);transform:translate(-50%);width:max-content;max-width:calc(100vw - 40px);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);z-index:calc(var(--z-modal) + 1);min-height:44px;padding:6px var(--space-md)}.zen-exit-btn{gap:6px;padding-inline:10px;min-width:auto;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent-primary) 16%,transparent);color:var(--text-primary)}.zen-exit-btn span{font-size:var(--font-size-xs);font-weight:600}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:24px;background:var(--border-subtle);margin:0 var(--space-sm)}.toolbar-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);min-width:32px;height:32px;box-shadow:none}.toolbar-btn:hover{background:#7878801a;box-shadow:none;color:var(--text-primary)}.toolbar-btn:active{background:#78788024;box-shadow:none;transform:none}.toolbar-btn.active{background:#007aff1a;box-shadow:none;color:var(--accent-primary)}.toolbar-btn .icon{width:16px;height:16px}.toolbar-spacer{flex:1}.view-mode-toggle{display:flex;background:var(--bg-primary);border-radius:var(--radius-md);padding:2px;gap:2px;box-shadow:var(--neuo-inset-sm)}.view-mode-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-sans);font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.view-mode-btn .icon{width:14px;height:14px}.view-mode-btn:hover{color:var(--text-secondary)}.view-mode-btn.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.editor-content{flex:1;display:flex;overflow:hidden}.editor-content.split-horizontal{flex-direction:row}.editor-content.split-vertical{flex-direction:column}.editor-title-input{width:100%;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-editorial);font-size:var(--font-size-xl);font-weight:600;padding:var(--space-xl) var(--space-xl) var(--space-md);letter-spacing:-.3px}.editor-title-input::placeholder{color:var(--text-tertiary)}.editor-tags-area{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-xl) var(--space-md);flex-wrap:wrap}.editor-tag{display:flex;align-items:center;gap:4px;background:var(--bg-primary);color:var(--text-accent);font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);border:none;box-shadow:var(--neuo-inset-sm);animation:tagIn .2s cubic-bezier(0,0,.2,1)}.editor-tag button{background:none;border:none;cursor:pointer;color:var(--text-accent);padding:0;display:flex;align-items:center;font-size:14px;opacity:.6;transition:opacity var(--transition-fast)}.editor-tag button:hover{opacity:1}.tag-add-input{background:none;border:none;outline:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-xs);width:80px}.tag-add-input::placeholder{color:var(--text-tertiary)}.markdown-editor-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.markdown-textarea{flex:1;width:100%;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-editorial);font-size:1.125rem;line-height:1.75;padding:0 var(--space-xl) var(--space-xl);resize:none;tab-size:2}.markdown-textarea::placeholder{color:var(--text-tertiary)}.markdown-preview{flex:1;overflow-y:auto;padding:var(--space-xl);min-width:0;font-family:var(--font-editorial)}.split-divider{background:var(--border-subtle);flex-shrink:0}.split-divider.horizontal{width:1px;height:100%}.split-divider.vertical{width:100%;height:1px}.markdown-preview h1{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.5px;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.markdown-preview h2{font-size:var(--font-size-xl);font-weight:500;margin:1.5rem 0 .75rem;color:var(--text-primary);letter-spacing:-.3px}.markdown-preview h3{font-size:var(--font-size-lg);font-weight:500;margin:1.25rem 0 .5rem;color:var(--text-primary)}.markdown-preview h4{font-size:var(--font-size-md);font-weight:600;margin:1rem 0 .5rem;color:var(--text-secondary)}.markdown-preview p{margin-bottom:.75rem;line-height:1.7;color:var(--text-primary)}.markdown-preview a{color:var(--accent-secondary);text-decoration:none;border-bottom:1px solid rgba(91,141,239,.3);transition:border-color var(--transition-fast)}.markdown-preview a:hover{border-color:var(--accent-secondary)}.markdown-preview strong{font-weight:600;color:var(--text-primary)}.markdown-preview em{font-style:italic}.markdown-preview ul,.markdown-preview ol{padding-left:1.5rem;margin-bottom:.75rem}.markdown-preview li{margin-bottom:.35rem;line-height:1.6}.markdown-preview blockquote{border-left:3px solid var(--accent-primary);padding:var(--space-md) var(--space-lg);margin:1rem 0;background:var(--color-info-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary)}.markdown-preview code{font-family:var(--font-mono);font-size:.85em;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;color:var(--text-accent)}.markdown-preview pre{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin:1rem 0;overflow-x:auto}.markdown-preview pre code{padding:0;background:none;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6}.markdown-preview hr{border:none;border-top:1px solid var(--border-subtle);margin:1.5rem 0}.markdown-preview table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:var(--font-size-sm)}.markdown-preview th,.markdown-preview td{border:1px solid var(--border-default);padding:var(--space-sm) var(--space-md);text-align:left}.markdown-preview th{background:var(--bg-tertiary);font-weight:600}.markdown-preview img{max-width:100%;border-radius:var(--radius-md);margin:.5rem 0}.markdown-preview input[type=checkbox]{accent-color:var(--accent-primary);margin-right:var(--space-sm)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl);color:var(--text-tertiary)}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-xl);color:var(--text-tertiary);opacity:.3}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state p{font-size:var(--font-size-sm);max-width:300px;line-height:1.6}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease;padding:var(--space-lg)}.modal{background:var(--bg-secondary);border:none;border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl);animation:modalIn .2s cubic-bezier(0,0,.2,1)}.modal h3{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-lg)}.modal-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:none;box-shadow:var(--neuo-inset-sm);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;transition:box-shadow var(--transition-fast)}.modal-input:focus{border:none;box-shadow:var(--neuo-inset-md),0 0 0 2px var(--accent-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:none;background:var(--bg-primary);color:var(--text-primary);transition:box-shadow var(--transition-fast),color var(--transition-fast);box-shadow:var(--neuo-raised-sm)}.btn:hover{background:var(--bg-primary);box-shadow:var(--neuo-raised-md)}.btn:active{box-shadow:var(--neuo-inset-sm);transform:none}.btn-primary{background:var(--accent-primary);color:#fff;border:none;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-lg)}.btn-primary:active{box-shadow:none}.btn-danger{background:var(--color-danger-subtle);color:var(--color-danger);border:none;box-shadow:var(--neuo-raised-sm)}.btn-danger:hover{background:rgba(from var(--color-danger) r g b / .25);box-shadow:var(--neuo-raised-md)}.context-menu{position:fixed;background:var(--bg-secondary);border:none;border-radius:var(--radius-md);box-shadow:var(--neuo-raised-lg);padding:var(--space-xs);min-width:160px;z-index:var(--z-modal);animation:fadeIn .1s ease}.context-menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;border:none;background:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);width:100%;text-align:left;transition:all var(--transition-fast)}.context-menu-item:hover{background:var(--bg-primary);box-shadow:var(--neuo-inset-sm);color:var(--text-primary)}.context-menu-item.danger{color:var(--color-danger)}.context-menu-item.danger:hover{background:var(--color-danger-subtle)}.context-menu-item .icon{width:15px;height:15px}.toast-container{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);z-index:var(--z-toast)}.toast{background:var(--bg-card);border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);color:var(--text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);animation:slideUp .3s ease,fadeOut .3s ease 2.5s forwards;display:flex;align-items:center;gap:var(--space-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes quickSwitcherIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tagIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes cardDropSpring{0%{transform:scale(1.03)}60%{transform:scale(.98)}to{transform:scale(1)}}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-sidebar) - 1);animation:fadeIn .2s ease}.mobile-header{display:none;align-items:center;padding:var(--space-md) var(--space-lg);min-height:var(--header-height);border-bottom:none;box-shadow:0 3px 6px var(--neuo-dark),0 -1px 3px var(--neuo-light);background:var(--bg-secondary);gap:var(--space-md)}.mobile-header-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;border-radius:var(--radius-sm)}.mobile-header-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-header h1{font-size:var(--font-size-md);font-weight:600;flex:1}.notebook-select-mobile{display:none}@media(max-width:1024px){.notes-list-panel{width:280px;min-width:280px}}@media(max-width:768px){:root{--sidebar-width: 280px;--noteslist-width: 100%}.app{flex-direction:column}.app-top-nav{display:none}.mobile-header{display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.mobile-overlay.show{display:block}.notes-list-panel{width:100%;min-width:100%;flex:1;min-height:0}.notes-list-scroll{height:100%}.notes-list-panel.hidden{display:none}.editor-panel{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:calc(var(--z-sidebar) - 2);background:var(--bg-primary)}.editor-panel.hidden{display:none}.editor-content.split-horizontal{flex-direction:row}.editor-content.split-vertical{flex-direction:column}.split-divider.horizontal{width:1px;height:100%}.split-divider.vertical{width:100%;height:1px}.toolbar-btn span{display:none}.toolbar-date{display:none!important}.mobile-back-btn{display:inline-flex!important;align-items:center;justify-content:center;color:var(--accent-primary)!important;margin-right:var(--space-xs);flex-shrink:0}.mobile-back-btn:hover{background:var(--bg-active)!important}.toolbar-btn{min-width:28px;height:28px;padding:2px 4px}.view-mode-btn{padding:var(--space-xs) var(--space-sm)}.markdown-editor-wrap .editor-toolbar{flex-wrap:wrap;padding:var(--space-xs) var(--space-sm);min-height:auto;row-gap:2px;border-bottom:1px solid var(--border-subtle)!important}.markdown-editor-wrap .toolbar-divider{display:none}.new-note-btn{display:flex;position:fixed;bottom:var(--space-xl);bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));right:var(--space-xl);width:52px;height:52px;z-index:calc(var(--z-overlay) - 1)}.editor-toolbar.floating{left:50%;right:auto;bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);padding:5px 8px;gap:2px}.zen-exit-btn span{display:none}.floating-save-indicator{right:var(--space-md);bottom:calc(70px + env(safe-area-inset-bottom))}.quick-switcher{top:9vh;width:min(96vw,680px)}}.workspace-panels.kanban-panels>.notes-list-panel{width:70%;min-width:70%}.workspace-panels.kanban-panels>.editor-panel{flex:0 0 30%}@media(max-width:1024px){.workspace-panels.kanban-panels>.notes-list-panel{width:65%;min-width:65%}.workspace-panels.kanban-panels>.editor-panel{flex-basis:35%}}@media(max-width:768px){.workspace-panels.kanban-panels>.notes-list-panel{width:100%;min-width:100%}.workspace-panels.kanban-panels>.editor-panel{flex:1}}@media(max-width:480px){.editor-toolbar{padding:var(--space-xs) var(--space-sm)}.editor-title-input{font-size:var(--font-size-lg);padding:var(--space-lg) var(--space-lg) var(--space-sm)}.markdown-textarea{padding:0 var(--space-lg) var(--space-lg)}.markdown-preview{padding:var(--space-lg)}.editor-tags-area{padding:0 var(--space-lg) var(--space-sm)}}@supports (padding: env(safe-area-inset-top)){.mobile-header{padding-top:calc(var(--space-md) + env(safe-area-inset-top))}.sidebar{padding-top:env(safe-area-inset-top)}.new-note-btn{bottom:calc(var(--space-xl) + env(safe-area-inset-bottom))}}.word-count-bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xl);border-top:none;box-shadow:0 -3px 6px var(--neuo-dark),0 1px 3px var(--neuo-light);font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0;background:var(--bg-primary);-webkit-user-select:none;user-select:none}.floating-save-indicator{position:absolute;right:var(--space-lg);bottom:var(--space-lg);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.625rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);border:1px solid var(--border-subtle);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:var(--z-modal)}.floating-save-indicator .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary)}.floating-save-indicator .dot.error{background:var(--color-danger)}.save-indicator{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-primary);box-shadow:var(--neuo-inset-sm);white-space:nowrap}.save-indicator.saved{color:var(--color-success);background:var(--color-success-subtle)}.save-indicator.error{color:var(--color-danger);background:var(--color-danger-subtle)}.quick-switcher-backdrop{position:fixed;inset:0;background:#06080e8f;z-index:calc(var(--z-spotlight) - 1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-switcher{position:fixed;top:12vh;left:50%;transform:translate(-50%);width:min(640px,92vw);max-width:calc(100vw - 32px);background:color-mix(in srgb,var(--bg-secondary) 90%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-spotlight);overflow:hidden;animation:quickSwitcherIn .2s cubic-bezier(0,0,.2,1);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.quick-switcher-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg) 0;font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.4px;font-weight:600}.quick-switcher-kbd{padding:2px 7px;border-radius:7px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-input) 80%,transparent);font-size:10px}.quick-switcher-input-wrap{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary)}.quick-switcher-input{flex:1;border:none;outline:none;background:none;font-size:var(--font-size-base);color:var(--text-primary);font-family:var(--font-sans);min-height:36px}.quick-switcher-input::placeholder{color:var(--text-tertiary)}.quick-switcher-list{max-height:300px;overflow-y:auto;padding:0 var(--space-xs) var(--space-xs)}.quick-switcher-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:var(--text-tertiary);padding:var(--space-sm) var(--space-lg) 6px}.quick-switcher-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);border:1px solid transparent;background:none;cursor:pointer;border-radius:var(--radius-sm);text-align:left;gap:var(--space-sm);transition:background var(--transition-fast),border-color var(--transition-fast)}.quick-switcher-item:hover,.quick-switcher-item.active{background:color-mix(in srgb,var(--bg-primary) 78%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 28%,transparent);box-shadow:none}.quick-switcher-item-main{display:flex;align-items:center;gap:var(--space-sm);min-width:0;width:100%}.quick-switcher-item-icon{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-primary) 14%,transparent);color:var(--accent-primary);flex-shrink:0}.quick-switcher-item-texts{min-width:0;display:flex;flex-direction:column;gap:2px}.quick-switcher-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-switcher-subtitle{font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-switcher-empty{padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}.quick-switcher-shortcuts{padding:0 var(--space-xs) var(--space-xs);display:flex;flex-direction:column;gap:4px}.quick-switcher-shortcut{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;padding:8px var(--space-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.quick-switcher-shortcut:hover{background:color-mix(in srgb,var(--bg-primary) 78%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 24%,transparent);color:var(--text-primary)}.quick-switcher-shortcut-main{display:inline-flex;align-items:center;gap:7px;font-size:var(--font-size-xs)}.quick-switcher-shortcut-hint{font-size:10px;color:var(--text-tertiary)}.quick-switcher-hint{display:flex;gap:var(--space-xl);padding:var(--space-xs) var(--space-lg);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-tertiary);opacity:.7}[data-theme=light] .app-top-nav{background:#ffffffd6}[data-theme=light] .quick-switcher-backdrop{background:#12182752}[data-theme=light] .quick-switcher{background:#ffffffe6}[data-theme=eyecare] .app-top-nav{background:#f7efdfdb}[data-theme=eyecare] .quick-switcher-backdrop{background:#41321c4d}[data-theme=eyecare] .quick-switcher{background:#f7efdfe6}[data-theme=light] .floating-save-indicator,[data-theme=eyecare] .floating-save-indicator{background:color-mix(in srgb,var(--bg-secondary) 92%,transparent)}[data-theme=eyecare] .kanban-card-snippet{color:var(--text-secondary)}.zen-mode .sidebar,.zen-mode .notes-list-panel,.zen-mode .mobile-overlay{display:none!important}.app.zen-mode{background:var(--bg-primary)}.zen-mode .app-top-nav{opacity:.22;transition:opacity var(--transition-slow)}.zen-mode .app-top-nav:hover{opacity:1}.zen-mode .editor-panel{flex:1;min-width:0}.zen-mode .editor-content{max-width:720px;margin:0 auto;width:100%}.zen-mode .editor-title-input,.zen-mode .editor-tags-area{max-width:720px;margin-left:auto;margin-right:auto}.zen-mode .floating-save-indicator{bottom:var(--space-xl);right:var(--space-xl)}.zen-chrome{position:fixed;top:var(--space-xl);right:var(--space-xl);z-index:var(--z-modal);opacity:1;transition:opacity .4s ease}.zen-chrome.idle{opacity:0}.zen-chrome:hover{opacity:1!important}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;width:100vw;background:var(--bg-primary);padding:var(--space-xl);gap:var(--space-xl);position:relative;overflow:hidden}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none}.login-blob-1{width:400px;height:400px;background:var(--accent-primary);top:-120px;right:-120px}.login-blob-2{width:300px;height:300px;background:var(--accent-secondary);bottom:-100px;left:-100px}.login-wordmark{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);letter-spacing:-1.5px;line-height:1;position:relative;z-index:1}.login-wordmark span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-tagline{font-size:var(--font-size-md);color:var(--text-secondary);text-align:center;position:relative;z-index:1;margin-top:calc(-1 * var(--space-sm))}.login-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:400px;background:var(--bg-secondary);border:none;border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);animation:loginCardIn .3s cubic-bezier(0,0,.2,1)}.login-card-logo{margin-bottom:var(--space-lg)}.login-card-headline{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:-.3px}.login-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0 0 var(--space-2xl);line-height:1.6}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;height:44px;padding:0 var(--space-xl);border:none;border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--neuo-raised-md)}.login-google-btn:hover{background:var(--bg-primary);border:none;box-shadow:var(--neuo-raised-lg),var(--accent-glow);transform:none}.login-google-btn:active{transform:none;box-shadow:var(--neuo-inset-md)}.login-error{font-size:var(--font-size-xs);color:var(--color-danger);margin:var(--space-md) 0 0;padding:var(--space-sm) var(--space-md);background:var(--color-danger-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-danger-subtle);width:100%;text-align:center}.login-footnote,.login-terms{font-size:11px;color:var(--text-tertiary);margin:var(--space-lg) 0 0;line-height:1.6;opacity:.75}.login-divider{width:100%;height:1px;background:var(--border-subtle);margin:var(--space-xl) 0}.login-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.login-badge{font-size:11px;color:var(--text-tertiary);background:var(--bg-primary);border:none;box-shadow:var(--neuo-inset-sm);border-radius:var(--radius-full);padding:3px 10px;white-space:nowrap}@media(max-width:480px){.login-card{padding:var(--space-xl);border-radius:var(--radius-lg)}.login-wordmark{font-size:var(--font-size-2xl)}}.kanban-board{display:flex;gap:var(--space-lg);padding:var(--space-md) var(--space-lg) var(--space-xl);overflow-x:auto;flex:1;align-items:flex-start;min-height:0}.kanban-col{flex:0 0 min(312px,85vw);background:transparent;border-radius:var(--radius-md);border:none;display:flex;flex-direction:column;max-height:100%;transition:border-color var(--transition-fast)}.kanban-col-dragover{background:color-mix(in srgb,var(--accent-primary) 7%,transparent)}.kanban-col-header{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs) var(--space-md);border-bottom:none;flex-shrink:0}.kanban-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-col-title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);flex:1}.kanban-col-count{font-size:var(--font-size-xs);color:var(--text-tertiary);background:color-mix(in srgb,var(--bg-tertiary) 92%,transparent);border-radius:var(--radius-full);padding:1px 8px}.kanban-col-menu-btn{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:3px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition-fast),background var(--transition-fast)}.kanban-col-menu-btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-hover) 70%,transparent)}.kanban-cards{display:flex;flex-direction:column;gap:var(--space-sm);padding:0;overflow-y:auto;flex:1}.kanban-card{background:color-mix(in srgb,var(--bg-card) 88%,transparent);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);box-shadow:none;-webkit-user-select:none;user-select:none}.kanban-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 22%,transparent);background:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card.active{border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent);background:var(--bg-primary);box-shadow:var(--shadow-md)}.kanban-card.dragging{opacity:.95;transform:rotate(1deg) scale(1.03);border-color:color-mix(in srgb,var(--accent-primary) 38%,transparent);box-shadow:var(--shadow-lg);cursor:grabbing}.kanban-card-title{font-size:var(--font-size-xl);font-family:var(--font-editorial);font-weight:500;color:var(--text-primary);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-snippet{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;line-height:1.55;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.kanban-tag{font-size:10px;color:var(--text-accent);background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border-radius:var(--radius-full);padding:1px 6px}.kanban-card-date{font-size:10px;color:var(--text-tertiary)}.kanban-add-task-card{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;border:1.5px dashed color-mix(in srgb,var(--border-default) 72%,transparent);border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase;font-weight:600;padding:12px;cursor:pointer;margin-top:var(--space-xs)}.kanban-add-task-card:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);background:color-mix(in srgb,var(--bg-hover) 60%,transparent)}.tasks-view{display:flex;flex-direction:column;gap:var(--space-xl);max-width:680px}.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-tertiary);text-align:center;gap:var(--space-md)}.tasks-empty-icon{opacity:.4}.tasks-empty-hint{font-size:var(--font-size-sm);opacity:.7;line-height:1.7}.tasks-empty-hint code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85em}.tasks-section-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.tasks-count{background:var(--bg-tertiary);color:var(--text-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:1px 8px;font-weight:500}.tasks-section-done .task-item{opacity:.55}.tasks-none{font-size:var(--font-size-sm);color:var(--text-tertiary);padding:var(--space-sm) 0}.task-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);transition:background var(--transition-fast)}.task-item:hover{background:var(--bg-hover)}.task-checkbox{background:none;border:none;cursor:pointer;padding:0;margin-top:1px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.task-text{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.task-done .task-text{text-decoration:line-through;color:var(--text-tertiary)}.task-source-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:10px;font-family:var(--font-sans);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast);max-width:120px;overflow:hidden;text-overflow:ellipsis}.task-source-btn:hover{color:var(--accent-primary);background:var(--bg-hover)}.task-source-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-dropdown{position:absolute;bottom:calc(100% + 4px);left:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:240px;max-width:340px;overflow:hidden}.wiki-dropdown-header{font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--border-subtle)}.wiki-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);font-family:var(--font-sans);transition:background var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-dropdown-item:hover,.wiki-dropdown-item.active{background:var(--bg-hover);color:var(--accent-primary)}.wiki-dropdown-empty{font-size:var(--font-size-sm);color:var(--text-tertiary);padding:var(--space-sm) var(--space-md);font-style:italic}.markdown-preview .wiki-link{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 40%,transparent);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);padding-bottom:1px}.markdown-preview .wiki-link:hover{color:var(--accent-primary-hover);border-bottom-color:var(--accent-primary)}.markdown-preview .wiki-link-missing{color:var(--text-tertiary);border-bottom:1px dashed var(--text-tertiary);cursor:default}.backlinks-panel{border-top:1px solid var(--border-subtle);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary)}.backlinks-panel__header{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;padding:0;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;width:100%;text-align:left;transition:color var(--transition-fast)}.backlinks-panel__header:hover{color:var(--text-primary)}.backlinks-panel--empty .backlinks-panel__header{cursor:default}.backlinks-panel__count{margin-left:auto;background:var(--bg-tertiary);border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:500;color:var(--text-tertiary)}.backlinks-panel__empty-msg{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.5}.backlinks-panel__empty-msg code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:1px 4px}.backlinks-panel__list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.backlinks-panel__item{padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast)}.backlinks-panel__item:hover{border-color:var(--accent-primary)}.backlinks-panel__item-title{background:none;border:none;padding:0;font-size:var(--font-size-sm);font-weight:500;color:var(--accent-primary);cursor:pointer;text-align:left;width:100%;transition:color var(--transition-fast)}.backlinks-panel__item-title:hover{color:var(--accent-primary-hover);text-decoration:underline}.backlinks-panel__item-snippet{margin:var(--space-xs) 0 0;font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.link-preview-tooltip{position:fixed;z-index:var(--z-tooltip, 9000);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md);max-width:320px;min-width:200px;pointer-events:none;animation:fadeIn var(--transition-fast) ease}.link-preview-tooltip__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-preview-tooltip__snippet{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.link-preview-tooltip__meta{margin-top:var(--space-xs);font-size:11px;color:var(--text-tertiary)}.graph-view-overlay{position:fixed;inset:0;background:#0000008c;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast) ease}.graph-view-modal{width:min(96vw,1200px);height:min(90vh,800px);background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.graph-view-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0}.graph-view-header h2{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;flex:1}.graph-view-controls{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);flex-wrap:wrap}.graph-view-controls label{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-xs)}.graph-view-search{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);width:160px;outline:none;transition:border-color var(--transition-fast)}.graph-view-search:focus{border-color:var(--accent-primary)}.graph-view-body{flex:1;position:relative;min-height:0}.graph-view-canvas{width:100%;height:100%}.graph-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md);color:var(--text-tertiary);font-size:var(--font-size-sm)}.graph-view-node-info{position:absolute;bottom:var(--space-md);left:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--text-secondary);pointer-events:none;max-width:240px}.graph-view-node-info strong{display:block;color:var(--text-primary);font-weight:600;margin-bottom:2px}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);border-top:1px solid var(--border-subtle);z-index:calc(var(--z-sidebar) - 1);align-items:flex-start;justify-content:space-around;padding-top:6px;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:500;padding:2px 12px;border-radius:var(--radius-md);transition:color var(--transition-fast);min-width:56px}.mobile-tab-item.active{color:var(--accent-primary)}.mobile-tab-item svg{width:22px;height:22px}@media(max-width:768px){.mobile-tab-bar{display:flex}.notes-list-scroll{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.new-note-btn{bottom:calc(66px + env(safe-area-inset-bottom,0px))}}.onboarding-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease;padding:var(--space-lg)}.onboarding-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-2xl);width:min(560px,calc(100vw - 32px));box-shadow:var(--shadow-xl);animation:modalIn .25s cubic-bezier(0,0,.2,1);overflow:hidden}.onboarding-step{display:flex;flex-direction:column;gap:var(--space-lg)}.onboarding-icon{font-size:2rem;line-height:1}.onboarding-headline{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.onboarding-body{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.onboarding-dots{display:flex;align-items:center;gap:var(--space-sm);justify-content:center}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary);transition:background var(--transition-normal)}.onboarding-dot.active{background:var(--accent-primary);width:20px;border-radius:var(--radius-full)}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm)}.onboarding-skip{background:none;border:none;cursor:pointer;font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-sans);padding:var(--space-xs) 0;transition:color var(--transition-fast)}.onboarding-skip:hover{color:var(--text-secondary)}.settings-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:min(600px,calc(100vw - 32px));height:min(480px,calc(100dvh - 48px));box-shadow:var(--shadow-xl);animation:modalIn .2s cubic-bezier(0,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.settings-header h2{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.settings-body{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:160px;min-width:160px;border-right:none;box-shadow:4px 0 10px var(--neuo-dark),-1px 0 3px var(--neuo-light);padding:var(--space-sm) 0;overflow-y:auto}.settings-nav-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:var(--bg-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;border-radius:0;transition:box-shadow var(--transition-fast),color var(--transition-fast)}.settings-nav-item:hover{background:var(--bg-primary);color:var(--text-primary);box-shadow:none}.settings-nav-item.active{background:var(--bg-primary);color:var(--text-primary);font-weight:500;box-shadow:none}.settings-content{flex:1;overflow-y:auto;padding:var(--space-xl)}.settings-section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);margin-bottom:var(--space-lg)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.settings-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.settings-beta-pill{display:inline-flex;align-items:center;margin-left:var(--space-xs);padding:1px 7px;border-radius:var(--radius-full);font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid var(--border-default)}.settings-switch{width:44px;height:26px;border:none;border-radius:var(--radius-full);background:var(--bg-tertiary);box-shadow:var(--neuo-inset-sm);cursor:pointer;display:inline-flex;align-items:center;padding:3px;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.settings-switch.on{background:color-mix(in srgb,var(--accent-primary) 28%,var(--bg-tertiary))}.settings-switch-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg-primary);box-shadow:var(--neuo-raised-sm);transform:translate(0);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.settings-switch.on .settings-switch-thumb{transform:translate(18px)}.theme-options{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border:none;border-radius:var(--radius-md);cursor:pointer;background:var(--bg-primary);box-shadow:var(--neuo-raised-sm);transition:box-shadow var(--transition-fast);flex:1}.theme-option:hover{box-shadow:var(--neuo-raised-md)}.theme-option.selected{border:none;background:var(--bg-primary);box-shadow:var(--neuo-inset-sm)}.theme-option-icon{font-size:1.25rem}.theme-option-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary)}.theme-option.selected .theme-option-label{color:var(--accent-primary)}.settings-account{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:var(--space-xl);box-shadow:var(--neuo-raised-sm)}.settings-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);color:#fff;flex-shrink:0;overflow:hidden}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.settings-user-email{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.btn:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.toolbar-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sidebar-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.note-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sidebar-tag:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.new-note-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.context-menu-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.quick-switcher-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.theme-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-switch:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-nav-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.mobile-header-btn:focus-visible,.mobile-back-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.login-google-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.ref-manager-overlay{align-items:stretch;padding:var(--space-xl)}.ref-manager-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:var(--anim-modal-in)}.ref-manager-modal-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);flex-shrink:0;color:var(--text-primary)}.ref-manager-modal-header h2{font-size:var(--font-size-md);font-weight:600}.ref-manager{display:flex;flex:1;min-height:0;overflow:hidden}.ref-list-panel{width:280px;min-width:240px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:var(--bg-tertiary);flex-shrink:0}.ref-detail-panel{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.ref-detail-scroll{flex:1;overflow-y:auto;padding:var(--space-xl)}.ref-list-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.ref-list-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);flex:1}.ref-list-header-actions{display:flex;align-items:center;gap:var(--space-xs)}.ref-add-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:var(--font-size-xs);border-radius:var(--radius-full)}.ref-search-box{display:flex;align-items:center;gap:6px;background:#7878801f;border-radius:var(--radius-full);padding:6px 12px;margin:var(--space-sm) var(--space-md);flex-shrink:0}.ref-search-box .icon{color:var(--text-tertiary);flex-shrink:0}.ref-search-box input{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);width:100%}.ref-search-box input::placeholder{color:var(--text-tertiary)}.ref-search-clear{background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;padding:0;flex-shrink:0}.ref-list-count{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:0 var(--space-md) var(--space-xs)}.ref-list-scroll{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0}.ref-list-empty{padding:var(--space-xl);font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center;line-height:1.6}.ref-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid transparent;transition:background var(--transition-fast)}.ref-list-item:hover{background:var(--bg-hover)}.ref-list-item.active{background:var(--bg-active)}.ref-list-item-icon{color:var(--text-tertiary);flex-shrink:0}.ref-list-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ref-list-item-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-list-item-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-insert-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:3px;border-radius:var(--radius-sm);display:flex;align-items:center;opacity:0;transition:opacity var(--transition-fast)}.ref-list-item:hover .ref-insert-btn{opacity:1}.ref-insert-btn:hover{color:var(--accent-primary);background:var(--bg-hover)}.ref-panel-heading{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.ref-detail-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md)}.ref-detail-type-icon{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.ref-detail-meta{flex:1;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.ref-type-badge{font-size:var(--font-size-xs);background:var(--bg-active);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full)}.ref-detail-year{font-size:var(--font-size-xs);color:var(--text-tertiary)}.ref-detail-actions{display:flex;gap:2px}.ref-detail-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-sm)}.ref-detail-authors{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.ref-detail-field{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);line-height:1.5}.ref-doi-link{color:var(--accent-primary);text-decoration:none;word-break:break-all}.ref-doi-link:hover{text-decoration:underline}.ref-abstract{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.ref-notes-block{margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;font-style:italic}.ref-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-md)}.ref-citations-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm) 0;margin-top:var(--space-md)}.ref-citations-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.citation-card{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle)}.citation-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.citation-style-badge{font-size:var(--font-size-xs);font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.04em}.citation-copy-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;padding:2px 8px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.citation-copy-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.citation-text{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.6}.ref-export-controls{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.ref-export-hint{font-size:var(--font-size-sm);color:var(--text-tertiary)}.ref-export-preview{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-lg);border:1px solid var(--border-subtle);max-height:400px;overflow-y:auto}.ref-export-entry{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.ref-export-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ref-empty-detail{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-tertiary);padding:var(--space-2xl);text-align:center}.ref-empty-detail p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.ref-insert-full-btn{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-lg)}.ref-form{display:flex;flex-direction:column;gap:var(--space-md)}.ref-field-group{display:flex;flex-direction:column;gap:5px}.ref-field-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.ref-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.ref-input:focus{border-color:var(--accent-primary)}.ref-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;resize:vertical;transition:border-color var(--transition-fast);box-sizing:border-box;min-height:80px}.ref-textarea:focus{border-color:var(--accent-primary)}.ref-select-wrapper{position:relative;display:inline-flex;align-items:center;width:100%}.ref-select{width:100%;padding:var(--space-sm) var(--space-md);padding-right:28px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;appearance:none;cursor:pointer;transition:border-color var(--transition-fast)}.ref-select:focus{border-color:var(--accent-primary)}.ref-select option{background:var(--bg-secondary);color:var(--text-primary)}.ref-select-icon{position:absolute;right:10px;color:var(--text-tertiary);pointer-events:none}.ref-author-row{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:4px}.ref-author-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;flex-shrink:0;transition:color var(--transition-fast)}.ref-author-remove:hover{color:var(--color-danger)}.ref-add-author-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px dashed var(--border-default);color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;padding:4px 10px;border-radius:var(--radius-full);transition:all var(--transition-fast);margin-top:2px}.ref-add-author-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.ref-tags-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px var(--space-sm);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-height:38px;cursor:text}.ref-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);background:var(--bg-active);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full);border:none}.ref-tag button{background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;padding:0;line-height:1;transition:color var(--transition-fast)}.ref-tag button:hover{color:var(--color-danger)}.ref-tag-readonly{cursor:default}.ref-tag-input{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xs);flex:1;min-width:80px}.ref-tag-input::placeholder{color:var(--text-tertiary)}.ref-form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.citation-picker{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:580px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:var(--anim-modal-in)}.citation-picker-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);flex-shrink:0;color:var(--text-primary)}.citation-picker-header h2{font-size:var(--font-size-md);font-weight:600}.citation-picker-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.citation-picker-option-group{display:flex;align-items:center;gap:var(--space-sm)}.citation-picker-option-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.citation-style-tabs{display:flex;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.citation-style-tab{background:none;border:none;border-right:1px solid var(--border-default);padding:4px 10px;font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.citation-style-tab:last-child{border-right:none}.citation-style-tab.active{background:var(--accent-primary);color:var(--text-on-accent)}.citation-style-tab:hover:not(.active){background:var(--bg-hover)}.citation-page-input{width:60px;padding:4px 8px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-xs);outline:none;transition:border-color var(--transition-fast)}.citation-page-input:focus{border-color:var(--accent-primary)}.citation-picker-list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:var(--space-xs) 0}.citation-picker-item{display:flex;align-items:center;padding:var(--space-sm) var(--space-xl);cursor:pointer;transition:background var(--transition-fast)}.citation-picker-item:hover{background:var(--bg-hover)}.citation-picker-item.active{background:var(--bg-active)}.citation-picker-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.citation-picker-preview{padding:var(--space-md) var(--space-xl);background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.citation-preview-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.citation-preview-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.citation-picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);flex-shrink:0}.ref-input:focus-visible,.ref-textarea:focus-visible,.ref-select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.ref-citations-toggle:focus-visible,.ref-add-author-btn:focus-visible,.ref-author-remove:focus-visible,.citation-copy-btn:focus-visible,.citation-style-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ref-list-item:focus-visible,.citation-picker-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media(max-width:768px){.ref-manager-overlay{padding:var(--space-sm)}.ref-manager-modal{max-height:95vh}.ref-manager{flex-direction:column}.ref-list-panel{width:100%;min-width:unset;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-subtle)}.citation-picker{max-height:95vh}.citation-picker-options{gap:var(--space-sm)}}