@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Inter:wght@300;400;500;600&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", monospace;--color-canvas:#0a0a0a;--color-canvas-soft:#1a1c20;--color-canvas-card:#191919;--color-canvas-mid:#363a3f;--color-hairline:#212327;--color-hairline-light:#ffffff26;--color-primary:#fff;--color-on-primary:#0a0a0a;--color-ink:#fff;--color-body:#dadbdf;--color-mute:#7d8187;--color-accent-sunset:#ff7a17;--color-accent-sunset-soft:#ffc285;--color-accent-dusk:#7c3aed;--color-accent-breeze:#a0c3ec;--bg-primary:var(--color-canvas);--bg-secondary:var(--color-canvas-card);--bg-tertiary:var(--color-canvas-soft);--text-primary:var(--color-ink);--text-secondary:var(--color-body);--text-tertiary:var(--color-mute);--border-color:var(--color-hairline);--border-focus:var(--color-primary);--primary-color:var(--color-primary);--primary-hover:#eaeaea;--primary-rgb:255, 255, 255;--kbd-bg:var(--color-canvas-soft);--code-bg:var(--color-canvas-soft);--glass-bg:var(--color-canvas-card);--glass-border:var(--color-hairline);--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--spacing-4xl:64px;--radius-none:0px;--radius-sm:8px;--radius-pill:9999px;--radius-full:9999px;--transition-smooth:all .2s cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light],:root[data-theme=dark],:root[data-theme=system]{--bg-primary:var(--color-canvas);--bg-secondary:var(--color-canvas-card);--bg-tertiary:var(--color-canvas-soft);--text-primary:var(--color-ink);--text-secondary:var(--color-body);--text-tertiary:var(--color-mute);--border-color:var(--color-hairline);--border-focus:var(--color-primary);--primary-color:var(--color-primary)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--color-canvas);color:var(--color-ink);width:100%;height:100%;overflow-x:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-canvas)}::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:var(--radius-none)}::-webkit-scrollbar-thumb:hover{background:var(--color-mute)}kbd{font-family:var(--font-mono);background:var(--color-canvas-soft);color:var(--color-body);text-transform:uppercase;border:1px solid var(--color-hairline);border-radius:4px;padding:2px 6px;font-size:.7rem}.spinner{border:1.5px solid #fff3;border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.spinner-sm{border-width:1.2px;width:12px;height:12px}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow-mono,.panel-title,.setup-section-title,.note-date,.preview-date,.quick-tags-title,.login-form label,.settings-form label{font-family:var(--font-mono)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--color-mute)!important;font-size:11px!important;font-weight:500!important}h2{letter-spacing:-.03em;color:var(--color-ink);font-size:32px;font-weight:400}h3{letter-spacing:-.02em;color:var(--color-ink);font-size:20px;font-weight:400}.btn{font-family:var(--font-sans);border-radius:var(--radius-pill);border:1px solid var(--color-hairline-light);height:36px;color:var(--color-ink);cursor:pointer;transition:var(--transition-smooth);background-color:#0000;justify-content:center;align-items:center;padding:8px 20px;font-size:13px;font-weight:400;display:inline-flex}.btn:hover:not(:disabled){background-color:var(--color-canvas-soft);border-color:var(--color-primary)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-weight:500}.btn-primary:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-secondary{border-color:var(--color-hairline-light);background-color:#0000}.btn-block{width:100%}.btn-sm{height:28px;padding:6px 14px;font-size:11px}.btn-text-sm{font-family:var(--font-mono);color:var(--color-mute);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:11px}.btn-text-sm:hover{color:var(--color-ink)}.btn-icon{color:var(--color-mute);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--color-canvas-soft);border-color:var(--color-hairline-light);color:var(--color-ink)}.btn-icon-sm{color:var(--color-mute);border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-icon-sm:hover{background-color:var(--color-canvas-soft);border-color:var(--color-hairline);color:var(--color-ink)}.delete-btn:hover{color:var(--color-accent-sunset)!important;background-color:#ff7a170d!important;border-color:#ff7a174d!important}.input-field{width:100%;font-family:var(--font-sans);background-color:var(--color-canvas-soft);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);transition:var(--transition-smooth);outline:none;padding:10px 14px;font-size:13px}.input-field:focus{border-color:var(--color-primary)}.checkbox-group{margin-top:var(--spacing-sm);align-items:flex-start;gap:12px;display:flex}.checkbox-group input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;margin-top:2px}.login-wrapper{background-color:var(--color-canvas);min-height:100vh;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:100%;max-width:380px;padding:var(--spacing-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.logo{margin-bottom:var(--spacing-sm);align-items:center;gap:12px;display:inline-flex}.logo-img{object-fit:contain;width:32px;height:32px}.logo-text{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--color-ink);font-size:24px;font-weight:500}.login-subtitle{color:var(--color-mute);margin-top:var(--spacing-sm);font-size:13px}.login-form .input-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.login-form label{margin-bottom:2px}.login-form input{width:100%;font-family:var(--font-sans);text-align:center;letter-spacing:4px;background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--radius-sm);transition:var(--transition-smooth);outline:none;padding:12px;font-size:18px}.login-form input:focus{border-color:var(--color-primary)}.error-msg{font-family:var(--font-mono);color:var(--color-accent-sunset);margin-top:var(--spacing-md);text-align:center;font-size:11px}.navbar{background-color:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;position:sticky;top:0}.nav-container{width:100%;max-width:1200px;padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.nav-brand{align-items:center;gap:var(--spacing-sm);display:flex}.brand-logo-img{width:20px;height:20px}.brand-name{font-family:var(--font-sans);letter-spacing:-.02em;font-size:16px;font-weight:500}.nav-links{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);align-items:center;padding:3px;display:flex}.nav-link{font-family:var(--font-sans);color:var(--color-mute);border-radius:var(--radius-pill);cursor:pointer;height:28px;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:400;display:flex}.nav-link:hover{color:var(--color-ink)}.nav-link.active{background-color:var(--color-canvas-soft);border-color:var(--color-hairline);color:var(--color-ink)}.nav-actions{align-items:center;gap:var(--spacing-sm);display:flex}@media (width<=768px){.nav-container{padding:0 var(--spacing-sm)}.brand-name{display:none}.nav-link{gap:4px;padding:6px 10px;font-size:12px}.nav-link svg{width:14px;height:14px}}.logout-btn:hover{color:var(--color-accent-sunset);background-color:#ff7a170d;border-color:#ff7a1733}.app-workspace{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-main-content{padding:var(--spacing-xl);flex:1;width:100%;max-width:1200px;margin:0 auto;overflow-y:auto}.feed-layout{gap:var(--spacing-2xl);grid-template-columns:1fr 280px;align-items:start;display:grid}@media (width<=900px){.feed-layout{gap:var(--spacing-xl);grid-template-columns:1fr}.feed-sidebar{grid-row:1}.feed-main{grid-row:2}}.feed-main{gap:var(--spacing-xl);flex-direction:column;display:flex}.create-card{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-xl);gap:var(--spacing-md);transition:var(--transition-smooth);flex-direction:column;display:flex}.create-card:focus-within{border-color:var(--color-primary)}.create-textarea{width:100%;font-family:var(--font-sans);color:var(--color-ink);resize:vertical;background:0 0;border:none;outline:none;font-size:14px;line-height:1.6}.create-actions{border-top:1px solid var(--color-hairline);padding-top:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.keyboard-tip{color:var(--color-mute);font-size:11px}.notes-list{gap:var(--spacing-md);flex-direction:column;display:flex}.list-enter-active,.list-leave-active{transition:var(--transition-smooth)}.list-enter-from{opacity:0;transform:translateY(12px)}.list-leave-to{opacity:0;transform:scale(.98)}.note-card{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-xl);gap:var(--spacing-md);transition:var(--transition-smooth);flex-direction:column;display:flex;position:relative}.note-card:hover{border-color:var(--color-hairline-light)}.note-card.editing{border-color:var(--color-primary)}.note-card-header{justify-content:space-between;align-items:center;display:flex}.note-actions{align-items:center;gap:var(--spacing-xs);opacity:0;transition:var(--transition-smooth);display:flex}.note-card:hover .note-actions{opacity:1}.note-content{color:var(--color-body);word-break:break-word;font-size:14px;line-height:1.65}.note-edit-form{gap:var(--spacing-md);flex-direction:column;display:flex}.note-textarea{width:100%;font-family:var(--font-sans);padding:var(--spacing-md);background-color:var(--color-canvas-soft);color:var(--color-ink);border:1px solid var(--color-primary);border-radius:var(--radius-sm);resize:vertical;outline:none;font-size:14px;line-height:1.6}.note-edit-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);display:flex}.markdown-body{word-wrap:break-word}.markdown-body p{margin-bottom:var(--spacing-sm)}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin-bottom:var(--spacing-sm);padding-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body code{font-family:var(--font-mono);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:4px;padding:2px 6px;font-size:12px}.markdown-body pre{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);overflow-x:auto}.markdown-body pre code{background:0 0;border:none;padding:0;font-size:12px}.note-tags-container{gap:var(--spacing-xs);margin-top:var(--spacing-xs);border-top:1px dashed var(--color-hairline);padding-top:var(--spacing-md);flex-wrap:wrap;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.02em;border-radius:var(--radius-pill);cursor:pointer;height:20px;transition:var(--transition-smooth);padding:3px 10px;font-size:10px}.tag-user{color:var(--color-accent-breeze);background-color:#0000;border:1px solid #a0c3ec40}.tag-user:hover{border-color:var(--color-accent-breeze);background-color:#a0c3ec0d}.tag-ai{color:var(--color-accent-sunset-soft);background-color:#0000;border:1px solid #ffc28540}.tag-ai:hover{border-color:var(--color-accent-sunset-soft);background-color:#ffc2850d}.tag-loading{font-family:var(--font-mono);color:var(--color-mute);border:1px solid var(--color-hairline);cursor:default;background-color:#0000;align-items:center;gap:6px;font-size:10px;display:inline-flex}.pulse-dot{background-color:var(--color-accent-sunset);border-radius:var(--radius-full);width:5px;height:5px;animation:1s infinite alternate pulse-badge}@keyframes pulse-badge{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.empty-state{text-align:center;padding:60px var(--spacing-xl);background-color:var(--color-canvas-card);border:1px dashed var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-mute)}.empty-icon{margin-bottom:var(--spacing-md);color:var(--color-mute)}.empty-state h3{color:var(--color-body);margin-bottom:var(--spacing-xs)}.ai-inline-banner{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-sm);background:#ff7a170f;border:1px solid #ff7a1740;display:flex}.ai-inline-banner-text{color:var(--color-body);font-size:13px;line-height:1.45}.ai-inline-banner-text strong{color:var(--color-accent-sunset)}.feed-status{text-align:center;padding:var(--spacing-lg);color:var(--color-mute);font-size:13px}.load-more-sentinel{min-height:24px;padding:var(--spacing-md) 0 var(--spacing-xl)}.feed-end-hint{text-align:center;color:var(--color-mute);margin:0;font-size:12px}.feed-sidebar{gap:var(--spacing-xl);flex-direction:column;display:flex;position:sticky;top:88px}@media (width<=900px){.feed-sidebar{position:static}}.sidebar-panel{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.panel-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--color-mute);position:absolute;left:12px}.search-input{width:100%;font-family:var(--font-sans);background-color:var(--color-canvas-soft);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);transition:var(--transition-smooth);outline:none;padding:8px 36px;font-size:13px}.search-input:focus{border-color:var(--color-primary)}.clear-search-btn{color:var(--color-mute);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;right:12px}.clear-search-btn:hover{color:var(--color-ink)}.tag-autocomplete-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.tag-input-wrapper{position:relative}.tag-search-input{width:100%;font-family:var(--font-sans);background-color:var(--color-canvas-soft);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);transition:var(--transition-smooth);outline:none;padding:8px 12px;font-size:13px}.tag-search-input:focus{border-color:var(--color-primary)}.tag-suggestions-dropdown{z-index:10;background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item{cursor:pointer;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.suggestion-item:hover,.suggestion-item.active{background-color:var(--color-canvas-soft)}.suggestion-name{font-family:var(--font-mono);color:var(--color-ink);font-size:11px}.suggestion-count{font-family:var(--font-mono);color:var(--color-mute);font-size:11px}.active-tag-chips{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.active-tag-chip{font-family:var(--font-mono);background-color:var(--color-canvas-soft);color:var(--color-ink);border:1px solid var(--color-hairline-light);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.btn-remove-chip{color:var(--color-mute);cursor:pointer;background:0 0;border:none;align-items:center;font-size:14px;line-height:1;display:inline-flex}.btn-remove-chip:hover{color:var(--color-accent-sunset)}.quick-tags-list{margin-top:var(--spacing-md);border-top:1px dashed var(--color-hairline);padding-top:var(--spacing-md)}.quick-tags-row{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.quick-tag-btn{font-family:var(--font-mono);color:var(--color-mute);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-smooth);background-color:#0000;padding:4px 10px;font-size:11px}.quick-tag-btn:hover{color:var(--color-ink);border-color:var(--color-hairline-light)}.quick-tag-btn.active{color:var(--color-accent-breeze);background-color:#a0c3ec0d;border-color:#a0c3ec66}.chat-layout{flex-direction:column;max-width:900px;height:calc(100vh - 112px);margin:0 auto;display:flex}.context-bar{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.context-info{align-items:center;gap:8px;display:flex}.context-icon{color:var(--color-accent-sunset)}.context-text{color:var(--color-body);font-size:12px}.ai-warning-card{text-align:center;background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);max-width:420px;padding:var(--spacing-2xl);align-items:center;gap:var(--spacing-md);flex-direction:column;margin:auto;display:flex}.warning-icon{color:var(--color-accent-sunset)}.ai-warning-card p{color:var(--color-mute);font-size:13px;line-height:1.6}.ai-warning-list{text-align:left;color:var(--color-mute);margin:0;padding-left:1.2rem;font-size:12.5px;line-height:1.6}.ai-warning-list code{font-family:var(--font-mono);font-size:11px}.preview-loading{color:var(--color-mute);font-weight:400}.chat-messages-container{flex:1;padding-right:4px;overflow-y:auto}.chat-setup-screen{gap:var(--spacing-xl);padding:var(--spacing-md) 0 var(--spacing-2xl) 0;flex-direction:column;display:flex}.ai-intro{text-align:center;margin-bottom:var(--spacing-md)}.ai-avatar{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-full);width:48px;height:48px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;font-size:20px;display:inline-flex}.ai-intro p{color:var(--color-mute);margin-top:4px;font-size:13px}.setup-section-card{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.setup-section-card.disabled{opacity:.35;pointer-events:none}.step-badge-num{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline-light);border-radius:var(--radius-full);width:18px;height:18px;font-family:var(--font-mono);color:var(--color-ink);margin-right:var(--spacing-sm);vertical-align:middle;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.setup-filters-row{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.setup-filters-row{gap:var(--spacing-md);grid-template-columns:1fr}}.setup-filters-row .input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.notes-preview-container{border-top:1px solid var(--color-hairline);padding-top:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-count{color:var(--color-body);font-size:12px}.preview-warning{font-family:var(--font-mono);color:var(--color-accent-sunset-soft);font-size:10px}.preview-list{gap:var(--spacing-sm);max-height:180px;padding-right:var(--spacing-xxs);flex-direction:column;display:flex;overflow-y:auto}.preview-item{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-md)}.preview-item-meta{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.preview-tags{gap:var(--spacing-xs);display:flex}.preview-tag-badge{font-family:var(--font-mono);color:var(--color-mute);font-size:9px}.preview-text-snippet{color:var(--color-body);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.5;overflow:hidden}.preview-empty,.preview-empty p{text-align:center;color:var(--color-mute);padding:var(--spacing-md) 0;font-size:12px}.predefined-prompts-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.prompt-btn{align-items:flex-start;gap:var(--spacing-md);background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:left;cursor:pointer;transition:var(--transition-smooth);display:flex}.prompt-btn:hover:not(:disabled){border-color:var(--color-hairline-light);background-color:#ffffff05}.prompt-btn:disabled{opacity:.4;cursor:not-allowed}.prompt-icon{font-size:18px;line-height:1}.prompt-details{flex-direction:column;gap:2px;display:flex}.prompt-title{color:var(--color-ink);font-size:13px;font-weight:500}.prompt-desc{color:var(--color-mute);font-size:11px;line-height:1.4}.chat-feed{gap:var(--spacing-xl);padding-bottom:var(--spacing-xl);flex-direction:column;display:flex}.chat-bubble-wrapper{align-items:flex-start;gap:var(--spacing-md);max-width:85%;display:flex}.chat-bubble-wrapper.user{flex-direction:row-reverse;margin-left:auto}.chat-bubble-wrapper.assistant{margin-right:auto}.chat-avatar{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.chat-bubble{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-body);padding:12px 16px;font-size:13.5px;line-height:1.6}.chat-bubble-wrapper.user .chat-bubble{background-color:var(--color-canvas-soft);color:var(--color-ink)}.chat-bubble.loading{align-items:center;gap:var(--spacing-xs);padding:14px 20px;display:flex}.dot-bounce{background-color:var(--color-mute);border-radius:var(--radius-full);width:6px;height:6px;animation:.8s infinite alternate dot-bounce}.dot-bounce.delay-1{animation-delay:.15s}.dot-bounce.delay-2{animation-delay:.3s}@keyframes dot-bounce{0%{opacity:.2;transform:translateY(2px)}to{opacity:1;transform:translateY(-4px)}}.chat-input-form{align-items:flex-end;gap:var(--spacing-sm);background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);margin-top:auto;padding:4px;display:flex}.chat-input{font-family:var(--font-sans);color:var(--color-ink);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:120px;padding:10px 16px;font-size:13.5px;line-height:1.5}.chat-input:disabled{opacity:.35}.send-btn{border-radius:var(--radius-pill);flex-shrink:0;width:36px;height:36px;padding:0}.settings-layout{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:start;display:grid}@media (width<=600px){.settings-layout{grid-template-columns:1fr}}.settings-card{background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-2xl);gap:var(--spacing-md);flex-direction:column;display:flex}.card-header-icon{align-items:center;gap:12px;display:flex}.header-icon{color:var(--color-accent-breeze)}.settings-hint{color:var(--color-mute);font-size:12.5px;line-height:1.5}.ai-config-status{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);margin-bottom:var(--spacing-md);align-items:flex-start;display:flex}.ai-config-status .status-dot{background:var(--color-mute);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.ai-config-status.ready{background:#a0c3ec0d;border-color:#a0c3ec40}.ai-config-status.ready .status-dot{background:var(--color-accent-breeze)}.ai-config-status.missing{background:#ff7a170d;border-color:#ff7a1740}.ai-config-status.missing .status-dot{background:var(--color-accent-sunset)}.ai-config-status strong{margin-bottom:4px;font-size:13px;display:block}.ai-config-status p{color:var(--color-mute);margin:0;font-size:12px;line-height:1.45}.settings-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.settings-form .input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.field-desc{color:var(--color-mute);margin-top:2px;font-size:11px;line-height:1.4}.password-wrapper{align-items:center;display:flex;position:relative}.btn-toggle-show{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-mute);cursor:pointer;background:0 0;border:none;font-size:10px;position:absolute;right:12px}.btn-toggle-show:hover{color:var(--color-ink)}.settings-form-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.test-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid #0000;padding:8px 12px;font-size:11px}.test-badge.success{color:var(--color-accent-breeze);background-color:#a0c3ec0d;border-color:#a0c3ec33}.test-badge.error{color:var(--color-accent-sunset);background-color:#ff7a170d;border-color:#ff7a1733}.data-actions-row{gap:var(--spacing-md);margin-top:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.import-wrapper{position:relative}.label-btn{cursor:pointer;display:flex}.import-progress-msg{font-family:var(--font-mono);text-align:center;margin-top:var(--spacing-xs);font-size:11px}.import-progress-msg .success{color:var(--color-accent-breeze)}.import-progress-msg .error{color:var(--color-accent-sunset)}.obsidian-status-box{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.obsidian-status-box.connected{border-color:#a0c3ec4d}.obsidian-status-box.paused{border-color:#ff7a174d}.status-details{align-items:center;gap:var(--spacing-sm);color:var(--color-body);font-size:13px;display:flex}.status-dot{border-radius:var(--radius-full);background-color:var(--color-mute);width:8px;height:8px;display:inline-block}.connected .status-dot{background-color:var(--color-accent-breeze);box-shadow:0 0 8px var(--color-accent-breeze)}.paused .status-dot{background-color:var(--color-accent-sunset);box-shadow:0 0 8px var(--color-accent-sunset)}.obsidian-actions-wrapper{gap:var(--spacing-md);grid-template-columns:1fr 1fr;width:100%;display:grid}.ai-btn:hover{color:var(--color-accent-twilight)!important;background-color:#c4b5fd0d!important;border-color:#c4b5fd4d!important}.filter-actions-bar{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;padding:12px 16px;animation:.2s ease-out fadeIn;display:flex}.filter-summary{color:var(--color-body);font-size:13px}.chat-bubble-wrapper.assistant .chat-bubble{padding-right:44px;position:relative}.copy-btn{opacity:0;transition:opacity var(--transition-smooth), background-color var(--transition-smooth);color:var(--color-mute);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:8px;right:8px}.chat-bubble:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--color-ink);background-color:var(--color-canvas-soft)}.copy-btn .check-icon{color:var(--color-accent-breeze)}.single-note-header-banner{background-color:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;padding:12px 16px;animation:.3s ease-out fadeIn;display:flex}.single-note-info{color:var(--color-ink);align-items:center;gap:8px;font-size:13px;display:flex}.sparkle-icon{font-size:14px}.single-note-welcome-screen{padding:var(--spacing-2xl);flex:1;justify-content:center;align-items:center;height:100%;display:flex}.welcome-box{text-align:center;max-width:420px;padding:var(--spacing-xl);background-color:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);animation:.4s ease-out fadeIn}.welcome-icon{color:var(--color-mute);margin-bottom:var(--spacing-md)}.welcome-box h3{font-family:var(--font-sans);margin-bottom:var(--spacing-sm);color:var(--color-ink);font-size:16px;font-weight:500}.welcome-box p{color:var(--color-mute);font-size:12.5px;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}