@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F8F7;--color-bg-tertiary: #F2F1EF;--color-bg-sidebar: #F8F8F7;--color-text-primary: #1A1A1A;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-muted: #BBBBBB;--color-accent: #F26522;--color-accent-rgb: 242, 101, 34;--color-accent-hover: #E55A1B;--color-accent-soft: rgba(242, 101, 34, .08);--color-border-primary: #E8E8E6;--color-border-secondary: #DEDDD9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--color-success: #34A853;--color-error: #EA4335;--color-warning: #FBBC04;--color-info: #3742fa;--color-premium-gradient: linear-gradient(135deg, #F26522 0%, #FF9E67 100%);--color-glass-bg: rgba(255, 255, 255, .7);--color-glass-border: rgba(255, 255, 255, .4);--glass-blur: 12px;--premium-shadow: 0 20px 40px rgba(0, 0, 0, .1);--font-sans: "JetBrains Mono", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, monospace;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Consolas", "Liberation Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--sidebar-width: 240px;--header-height: 50px;--transition-fast: .1s ease;--transition-base: .15s ease}.theme-dark{--color-bg-primary: #1A1A1A;--color-bg-secondary: #252525;--color-bg-tertiary: #333333;--color-bg-sidebar: #1F1F1F;--color-accent-rgb: 242, 101, 34;--color-text-primary: #E0E0E0;--color-text-secondary: #A0A0A0;--color-text-tertiary: #707070;--color-text-muted: #555555;--color-border-primary: #404040;--color-border-secondary: #4D4D4D;--color-glass-bg: rgba(26, 26, 26, .7);--color-glass-border: rgba(255, 255, 255, .1);--premium-shadow: 0 20px 40px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}.theme-dark-blue{--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-bg-sidebar: #1E293B;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-text-muted: #475569;--color-accent: #38BDF8;--color-accent-rgb: 56, 189, 248;--color-accent-hover: #0EA5E9;--color-accent-soft: rgba(56, 189, 248, .1);--color-border-primary: #334155;--color-border-secondary: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}.theme-contrast{--color-bg-primary: #000000;--color-bg-secondary: #000000;--color-bg-tertiary: #000000;--color-bg-sidebar: #000000;--color-text-primary: #FFFFFF;--color-text-secondary: #FFFFFF;--color-text-tertiary: #FFFFFF;--color-text-muted: #FFFFFF;--color-accent: #FFFF00;--color-accent-rgb: 255, 255, 0;--color-accent-hover: #FFFF00;--color-accent-soft: rgba(255, 255, 0, .2);--color-border-primary: #FFFFFF;--color-border-secondary: #FFFFFF;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:.8125rem;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3}.section-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary);padding:var(--space-lg) var(--space-lg) var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.btn-primary{background:var(--color-text-primary);color:var(--color-bg-primary);border-color:var(--color-text-primary)}.btn-primary:hover{background:#333}.btn-accent{color:var(--color-accent);border-color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-soft)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--color-bg-tertiary)}input,textarea{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-text-secondary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.badge{font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent)}.badge-new{background:var(--color-accent);color:#fff}.avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.02em;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:4px}.avatar-accent{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-tertiary)}.text-sm{font-size:.75rem}.text-xs{font-size:.6875rem}.tessera-dropdown-menu{position:absolute;background:var(--color-bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:0;box-shadow:0 4px 12px #00000014,0 1px 2px #00000005;padding:4px 0;z-index:1000;min-width:160px;animation:dropdownIn .15s ease-out;overflow:hidden}[data-theme=dark] .tessera-dropdown-menu,[data-theme=dark-blue] .tessera-dropdown-menu{border-color:#ffffff1a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .tessera-dropdown-item,[data-theme=dark-blue] .tessera-dropdown-item{color:var(--color-text-primary)}[data-theme=dark] .tessera-dropdown-item svg,[data-theme=dark-blue] .tessera-dropdown-item svg{opacity:1;color:var(--color-text-primary)}.tessera-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all .1s;text-decoration:none;background:transparent;width:100%;border:none;text-align:left}.tessera-dropdown-item:hover,.tessera-dropdown-item.active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tessera-dropdown-divider{height:1px;background:var(--color-border-primary);margin:4px 0}.tessera-dropdown-header{padding:4px 12px;font-size:.65rem;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:600;letter-spacing:.05em;pointer-events:none}body[data-theme=dark] .btn-protect,body[data-theme=dark-blue] .btn-protect,body[data-theme=contrast] .btn-protect{color:#fff!important;opacity:1!important}body[data-theme=dark] .btn-protect svg,body[data-theme=dark-blue] .btn-protect svg,body[data-theme=contrast] .btn-protect svg{stroke:#fff!important;fill:none}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.analytics-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.analytics-modal{background:var(--color-bg-primary);width:800px;max-width:90vw;border-radius:8px;border:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.analytics-header h2{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.close-btn{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.analytics-content{padding:var(--space-xl);overflow-y:auto;max-height:80vh}.chart-section{margin-bottom:var(--space-xl)}.chart-section h3{font-size:.875rem;font-weight:500;margin-bottom:var(--space-lg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.react-calendar-heatmap{width:100%}.react-calendar-heatmap text{font-size:10px;fill:var(--color-text-tertiary)}.react-calendar-heatmap .color-empty{fill:var(--color-bg-tertiary)}.react-calendar-heatmap .color-scale-1{fill:var(--color-accent-soft)}.react-calendar-heatmap .color-scale-2{fill:#fca5a5}.react-calendar-heatmap .color-scale-3{fill:#f87171}.react-calendar-heatmap .color-scale-4{fill:var(--color-accent)}.theme-dark .react-calendar-heatmap .color-empty{fill:#333}.nav-icon-btn{display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:4px;padding:2px;width:24px;height:24px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.nav-icon-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-icon-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.email-modal{max-width:750px;width:90%;max-height:85vh;display:flex;flex-direction:column;background:var(--color-bg-primary);border-radius:12px;padding:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;font-family:var(--font-sans)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.close-btn{background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.email-modal label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.email-modal form{display:flex;flex-direction:column;overflow:hidden;height:100%}.modal-body{flex:1;overflow-y:auto;padding:2px 4px;margin-bottom:10px}.email-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.email-row{display:flex;gap:8px;align-items:center}.email-row input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.remove-btn{padding:8px;color:#94a3b8;background:transparent;border:none;cursor:pointer;border-radius:4px}.remove-btn:hover{color:#ef4444;background:#fee2e2}.add-email-btn{display:flex;align-items:center;gap:6px;color:#6366f1;background:transparent;border:1px dashed #6366f1;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;width:fit-content;margin-bottom:20px}.add-email-btn:hover{background:#eef2ff}.captcha-section{margin-bottom:20px;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.captcha-box{display:flex;align-items:center;gap:10px;margin-top:5px}.captcha-question{font-weight:600;font-size:16px;color:#334155}.captcha-input{width:60px;padding:8px;border:1px solid #cbd5e1;border-radius:4px;text-align:center;font-weight:700}.theme-dark .email-row input{background:#1e293b;border-color:#334155;color:#f1f5f9}.theme-dark .captcha-section{background:#1e293b;border-color:#334155}.theme-dark .captcha-question{color:#f1f5f9}.theme-dark .remove-btn:hover{background:#450a0a}.modal-actions{background:var(--color-bg-secondary);margin-top:auto;display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--color-border-primary);background:transparent}.cancel-btn,.confirm-btn{padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.cancel-btn{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.cancel-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.confirm-btn{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.confirm-btn:hover{opacity:.9}.confirm-btn.success{background-color:#10b981;border-color:#10b981}.confirm-btn disabled,.cancel-btn disabled{opacity:.5;cursor:not-allowed}.theme-switcher-container{position:relative;z-index:1000}.theme-trigger{width:40px;height:40px;border-radius:50%;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.theme-trigger:hover,.theme-trigger.active{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-secondary)}.theme-menu{position:absolute;bottom:100%;left:0;margin-bottom:var(--space-md);width:160px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-lg);padding:var(--space-xs);overflow:hidden;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.theme-menu-header{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--space-xs)}.theme-option{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:.8125rem;text-align:left;cursor:pointer;border-radius:4px;transition:all var(--transition-fast)}.theme-option:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.theme-option.active{background:var(--color-accent-soft);color:var(--color-accent)}.theme-option svg{flex-shrink:0}.notification-wrapper{position:relative;z-index:9999}.notification-bell{background:transparent;border:none;width:auto;height:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);position:relative;transition:all .2s ease;padding:8px;border-radius:6px}.notification-bell:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary);transform:none;box-shadow:none}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#ff4d4f;border-radius:50%;border:2px solid var(--color-bg-primary);box-shadow:0 0 0 1px var(--color-bg-primary)}.notification-dropdown{position:fixed;width:360px;max-height:500px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:10000;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-primary);position:sticky;top:0;z-index:2}.notification-header h3{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary)}.close-btn{background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-list{overflow-y:auto;max-height:400px;padding:0;background:var(--color-bg-secondary);flex:1}.empty-state{padding:40px 20px;text-align:center;color:var(--color-text-secondary);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-primary);transition:background .1s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-secondary)}.notification-icon{margin-top:2px;flex-shrink:0}.icon-auth{color:#1890ff}.icon-calendar{color:#52c41a}.icon-mailer{color:#faad14}.icon-success{color:#52c41a}.icon-system{color:#722ed1}.icon-default{color:#8c8c8c}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 4px;font-size:13px;line-height:1.4;color:var(--color-text-primary)}.notification-time{font-size:11px;color:var(--color-text-secondary);display:block}.list-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border-primary);background:transparent;transition:background var(--transition-fast)}.list-row:hover{background:var(--color-bg-secondary)}.list-row.selected{background:var(--color-accent-soft)}.list-row.locked{opacity:.6}.checkbox-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;color:var(--color-text-secondary);transition:color var(--transition-fast)}.checkbox-btn:hover:not(:disabled){color:var(--color-text-primary)}.checkbox-btn:disabled{cursor:not-allowed;color:var(--color-border-secondary)}.checkbox-btn.active{color:var(--color-accent)}.notif-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--color-bg-tertiary);font-size:1.2em}.notif-icon.calendar{color:#52c41a;background:#52c41a1a}.notif-icon.system{color:#722ed1;background:#722ed11a}.notif-icon.auth{color:#1890ff;background:#1890ff1a}.notif-icon.mailer{color:#faad14;background:#faad141a}.file-tree{display:flex;flex-direction:column;height:100%;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border-primary);overflow:hidden;position:relative}.file-tree-brand{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);border-bottom:1px solid var(--color-border-primary);height:var(--header-height);flex-shrink:0}.brand-icon{min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:3px;font-size:.6875rem;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent);opacity:.25;margin-left:8px;flex-shrink:0;transition:opacity .2s}.brand-name{font-weight:500;color:var(--color-text-primary)}.new-note-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-md);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);cursor:pointer;transition:all var(--transition-fast)}.new-note-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.nav-section{padding:var(--space-xs) 0;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-bg-primary);color:var(--color-text-primary)}.nav-item svg{color:var(--color-text-tertiary);flex-shrink:0}.nav-item.active svg{color:var(--color-text-primary)}.nav-shortcut{margin-left:auto;font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted)}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:.625rem;color:var(--color-accent)}.nav-count{margin-left:auto;font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted)}.nav-item.loading{position:relative;pointer-events:none;opacity:.7}.nav-loading-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-bg-tertiary);overflow:hidden}.loading-progress{height:100%;width:30%;background:var(--color-accent);animation:loading-slide 1.5s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(400%)}}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-sm)}.section-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary)}.section-header-actions{display:flex;align-items:center;gap:var(--space-xs)}.sort-dropdown-container{display:flex;align-items:center;gap:4px;padding:2px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:4px;margin-right:4px}.sort-icon{color:var(--color-text-muted)}.custom-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:6px;box-shadow:var(--shadow-md);min-width:120px;z-index:100;overflow:hidden;animation:fadeIn .1s ease-out}.custom-dropdown-item{padding:8px 12px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:background .1s;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.custom-dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.custom-dropdown-item.active{background:var(--color-bg-tertiary);color:var(--color-accent);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sort-select{background:transparent;border:none;color:var(--color-text-secondary);font-size:.625rem;font-family:var(--font-mono);cursor:pointer;padding:0;outline:none;text-transform:uppercase}.sort-select:hover{color:var(--color-text-primary)}.section-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:4px}.section-action:hover{color:var(--color-text-primary)}.file-tree-content{flex:1;overflow-y:auto;min-height:0;padding-bottom:var(--space-lg)}.tree-item-wrapper{width:100%}.tree-item{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-lg);cursor:pointer;transition:background var(--transition-fast);color:var(--color-text-secondary);font-size:.8125rem}.tree-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tree-item.active{background:var(--color-bg-primary);color:var(--color-text-primary)}.tree-icon.urgent{color:#ff9f43}.tree-icon.urgent svg{stroke:#ff9f43}.tree-label-container{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.ai-label{font-size:.625rem;padding:1px 6px;border-radius:3px;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border-primary);white-space:nowrap;text-transform:lowercase}.tree-item.folder.depth-0{padding-left:var(--space-lg)}.tree-item.folder.depth-1{padding-left:calc(var(--space-lg) + 20px)}.tree-item.folder.depth-2{padding-left:calc(var(--space-lg) + 40px)}.tree-item.note.depth-0{padding-left:calc(var(--space-lg) + 20px)}.tree-item.note.depth-1{padding-left:calc(var(--space-lg) + 40px)}.tree-item.note.depth-2{padding-left:calc(var(--space-lg) + 60px)}.tree-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);color:var(--color-text-tertiary);text-align:center}.tree-empty svg{color:var(--color-border-secondary)}.tree-empty p{font-size:.8125rem;margin:0}.context-menu{position:fixed;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);box-shadow:0 4px 16px #0000001a;min-width:160px;padding:var(--space-xs);z-index:1000}.context-menu button{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-size:.8125rem;cursor:pointer;text-align:left}@keyframes pulse-slow{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.pulse-btn{animation:pulse-slow 2s infinite ease-in-out}.context-menu button:hover{background:var(--color-bg-tertiary)}.context-menu button svg{color:var(--color-text-tertiary)}.context-menu button.danger{color:var(--color-error)}.context-menu button.danger:hover{background:#ea433514}.context-divider{margin:var(--space-xs) 0}.tree-item.drag-over,.section-header.drag-over{background:var(--color-bg-secondary);outline:2px dashed var(--color-accent);outline-offset:-2px}.tree-item.dragging{opacity:.5}.tree-item[draggable=true]{cursor:grab}.file-tree-footer{height:40px;padding:0 var(--space-md);border-top:1px solid var(--color-border-primary);display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-secondary);flex-shrink:0}.footer-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.footer-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.footer-divider{width:1px;height:16px;background:var(--color-border-primary);margin:0 4px}.file-tree-footer .theme-trigger{width:28px;height:28px;background:transparent;border:none;box-shadow:none;color:var(--color-text-secondary);padding:0;border-radius:4px}.file-tree-footer .theme-trigger:hover,.file-tree-footer .theme-trigger.active{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:transparent}.scan-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.scan-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce74d}.scan-btn:active{transform:translateY(0)}.spinning svg{animation:spin 1s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-lg);width:100%}.skeleton-icon{width:16px;height:16px;border-radius:3px;background:var(--color-bg-tertiary);background-image:linear-gradient(90deg,var(--color-bg-tertiary) 0px,var(--color-bg-secondary) 40px,var(--color-bg-tertiary) 80px);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skeleton-text{height:12px;border-radius:3px;background:var(--color-bg-tertiary);background-image:linear-gradient(90deg,var(--color-bg-tertiary) 0px,var(--color-bg-secondary) 40px,var(--color-bg-tertiary) 80px);background-size:200% 100%;animation:shimmer 1.5s infinite linear;flex:1}.skeleton-text.short{width:40%;flex:none}.skeleton-text.medium{width:60%;flex:none}.skeleton-text.long{width:80%;flex:none}.footer-avatar{width:42px;height:42px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s;object-fit:cover}.file-tree-footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);flex-shrink:0;height:60px;gap:var(--space-sm)}.footer-avatar:hover{border-color:var(--color-accent)}.user-menu-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu,.context-menu{min-width:200px;padding:8px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 8px 32px #0003;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-info-header{padding:8px 12px}.user-name{font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.user-email{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.pinned-section{padding-bottom:0}.section-header.small{padding:var(--space-md) var(--space-lg) var(--space-xs)}.section-header.small .section-title{font-size:.625rem;opacity:.7}.section-divider{height:1px;background:var(--color-border-primary);margin:var(--space-sm) var(--space-lg);opacity:.5}.user-menu button,.context-menu button{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;font-size:.85rem;border-radius:4px;transition:background .2s;gap:8px;font-family:var(--font-sans)}.user-menu button:hover,.context-menu button:hover{background:var(--color-bg-tertiary)}.user-menu button svg,.context-menu button svg{color:var(--color-text-tertiary);flex-shrink:0}.user-menu button:hover svg,.context-menu button:hover svg{color:var(--color-text-primary)}.user-menu .context-divider,.context-menu .context-divider,.context-divider{height:1px;background:var(--color-border-primary);margin:4px 0;width:100%}.user-menu button.danger,.context-menu button.danger{color:var(--color-error)}.user-menu button.danger:hover,.context-menu button.danger:hover{background:#ea43351a}.user-menu button.danger svg,.context-menu button.danger svg{color:var(--color-error)}.insight-box{padding:12px 24px;background:linear-gradient(to right,#ff634726,#ff63470d);border-left:4px solid #ff6347;border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;gap:12px;animation:fadeIn .3s ease-out;position:sticky;top:0;z-index:10;flex-shrink:0}.insight-box.urgent{border-left-color:#ff4757;background:linear-gradient(to right,#ff475726,#ff47570d)}.insight-icon{flex-shrink:0;color:#ff4757}.insight-content{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.insight-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:#ff4757;display:flex;align-items:center;gap:4px;flex-shrink:0}.insight-text{font-size:.85rem;color:var(--color-text-primary);line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.floating-ai-menu{position:fixed;width:280px;background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden;font-family:var(--font-sans);animation:slideUp .1s ease-out}.ai-menu-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.text-accent{color:var(--color-accent)}.ai-search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border-primary)}.ai-search-bar input{border:none;background:transparent;outline:none;font-size:.8125rem;width:100%;color:var(--color-text-primary)}.ai-menu-list{max-height:200px;overflow-y:auto;padding:4px}.ai-menu-item{padding:6px 8px;border-radius:4px;cursor:pointer;font-size:.8125rem;color:var(--color-text-primary);display:flex;align-items:center;transition:background .1s}.ai-menu-item.active,.ai-menu-item:hover{background:var(--color-bg-tertiary)}.ai-model-item{display:flex;align-items:center;gap:8px}.ai-action-item{display:flex;align-items:flex-start;gap:10px}.ai-action-info{display:flex;flex-direction:column}.ai-action-label{font-weight:500}.ai-action-desc{font-size:.7rem;color:var(--color-text-tertiary)}.ai-prompt-form{display:flex;padding:8px;gap:8px}.ai-prompt-input{flex:1;border:1px solid var(--color-border-primary);border-radius:4px;padding:6px 8px;font-size:.8125rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.ai-submit-btn{background:var(--color-accent);color:#fff;border:none;border-radius:4px;padding:0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-menu-loading,.ai-menu-empty{padding:16px;text-align:center;color:var(--color-text-muted);font-size:.75rem}.spin{animation:spin 1s linear infinite}.editor{display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary);position:relative}.editor-locked{overflow:hidden!important;-webkit-user-select:none;user-select:none;pointer-events:none}.ai-loading-block{position:absolute;z-index:50;pointer-events:none;display:flex;flex-direction:column;gap:8px;font-family:var(--font-sans);animation:fadeIn .2s ease-out;width:auto;right:50px;max-width:600px;background:var(--color-bg-primary);padding:12px;border-radius:8px;border:1px solid var(--color-border-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ai-loading-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-accent);margin-bottom:2px}.ai-loading-header span{opacity:.8}.ai-skeleton-group{display:flex;flex-direction:column;gap:6px}.ai-skeleton-line{height:14px;background:linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-border-secondary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:shimmerLine 1.5s infinite linear;border-radius:4px;mix-blend-mode:multiply}[data-theme=dark] .ai-skeleton-line{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);mix-blend-mode:screen}@keyframes shimmerLine{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-loading-footer{margin-top:4px;font-size:.65rem;color:var(--color-text-tertiary);font-style:italic;display:flex;align-items:center;gap:4px;opacity:.7}.ai-loading-footer strong{color:var(--color-text-secondary);font-weight:500;cursor:pointer}.editor-header{height:var(--header-height);padding:0 2rem;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-secondary);transition:background-color .3s}:global(body.theme-dark-blue) .editor-header{background-color:#0f172a;background:linear-gradient(to right,#0f172a,#1e293b);border-bottom-color:#ffffff1a}:global(body.theme-dark-blue) .editor-header{border-bottom:2px solid #2dd4bf}.editor-title{flex:1;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0;appearance:none;-webkit-appearance:none}.editor-title:focus{outline:none!important;box-shadow:none!important;background:transparent!important;border:none!important}.editor-title::placeholder{color:var(--color-text-muted)}.editor-controls{display:flex;align-items:center;gap:1rem}.star-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.star-btn:hover,.star-btn.active{color:#eab308;background-color:var(--color-bg-tertiary)}.editor-meta{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-tertiary)}.editor-toolbar{padding:.5rem 1rem;border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;gap:.5rem;background-color:var(--color-bg-primary);overflow-x:auto}.toolbar-group{display:flex;align-items:center;gap:.25rem;padding-right:.5rem}.toolbar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;padding:0;border-radius:4px}.toolbar-btn span,.toolbar-btn div{display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.toolbar-divider{width:1px;height:16px;background:var(--color-border-primary);margin:0 4px}.toolbar-spacer{flex:1}.editor-content{flex:1;overflow:hidden;position:relative;display:flex}.editor-textarea{flex:1;width:100%;height:100%;padding:var(--space-xl);font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--color-text-primary);background:transparent;border:none;resize:none;outline:none;overflow-y:scroll;white-space:pre-wrap}.editor-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;background:var(--color-bg-primary)}.editor-textarea{flex:none;width:100%;height:auto;min-height:100%;field-sizing:content;padding:24px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--color-text-primary);background:transparent;border:none;resize:none;outline:none;overflow-y:hidden;white-space:pre-wrap}.editor-textarea.grid-active{background-image:linear-gradient(transparent 95%,rgba(0,0,0,.15) 96%,transparent 100%);background-size:100% 1.6em;background-attachment:local;background-origin:content-box;background-clip:content-box}[data-theme=dark] .editor-textarea.grid-active,[data-theme=dark-blue] .editor-textarea.grid-active{background-image:linear-gradient(transparent 95%,rgba(255,255,255,.15) 96%,transparent 100%)}.editor-footer{padding:var(--space-xs) var(--space-xl);border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-secondary);font-size:.8125rem;color:var(--color-text-tertiary);height:40px;box-sizing:border-box;width:100%}.footer-group{display:flex;align-items:center;gap:var(--space-md)}.font-switcher-container{position:relative;z-index:1000}.font-trigger{height:32px;padding:0 12px;border-radius:16px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.font-trigger:hover,.font-trigger.active{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-secondary)}.font-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:140px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:4px;overflow:hidden;animation:slideUp .15s ease-out}.font-menu-header{padding:6px 12px;font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border-primary);margin-bottom:4px}.font-option{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:.85rem;text-align:left;cursor:pointer;border-radius:4px;transition:all .2s}.font-option:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.font-option.active{background:var(--color-accent-soft);color:var(--color-accent)}@keyframes slideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.font-select:hover{color:var(--color-text-primary)}.zoom-controls{display:flex;align-items:center;gap:4px}.zoom-controls button{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary);width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer;font-size:10px}.zoom-controls button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.zoom-label{min-width:28px;text-align:center}.footer-meta{font-family:var(--font-mono)}.editor-footer{padding:0 1.5rem;height:60px;border-top:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-text-secondary);background-color:var(--color-bg-primary);flex-shrink:0}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;padding:24px;box-shadow:0 12px 32px #00000026;animation:fadeIn .2s cubic-bezier(.16,1,.3,1);max-width:90vw}.editor-blurred .editor-header,.editor-blurred .editor-toolbar,.editor-blurred .editor-content,.editor-blurred .editor-footer{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.slash-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a;min-width:280px;max-width:320px;max-height:350px;overflow:hidden;display:flex;flex-direction:column;animation:slashMenuIn .15s ease-out}@keyframes slashMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.slash-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);font-size:12px;font-weight:600;color:var(--color-text-secondary)}.slash-menu-header kbd{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-tertiary);border:1px solid var(--color-border-secondary)}.slash-menu-list{overflow-y:auto;max-height:260px;padding:6px}.slash-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s ease}.slash-menu-item:hover,.slash-menu-item.selected{background:var(--color-accent-soft)}.slash-menu-item.selected{background:var(--color-accent)}.slash-menu-item.selected .slash-menu-label,.slash-menu-item.selected .slash-menu-icon{color:#fff}.slash-menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.slash-menu-item.selected .slash-menu-icon{background:#fff3}.slash-menu-label{flex:1;font-size:13px;font-weight:500;color:var(--color-text-primary)}.slash-menu-category{font-size:11px;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px}.slash-menu-item.selected .slash-menu-category{background:#fff3;color:#fffc}.slash-menu-empty{padding:20px;text-align:center;color:var(--color-text-tertiary);font-size:13px}.slash-menu-footer{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--color-border-secondary);background:var(--color-bg-secondary);font-size:11px;color:var(--color-text-tertiary)}.preview{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-secondary);border-left:1px solid var(--color-border-primary)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);border-bottom:1px solid var(--color-border-primary);height:var(--header-height);background:var(--color-bg-secondary)}:global(body.theme-dark-blue) .preview-header{background:linear-gradient(to right,#0f172a,#1e293b);border-bottom:2px solid #2dd4bf}.preview-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary)}.preview-title svg{color:var(--color-text-muted)}.email-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-border-primary);border-radius:4px;font-family:var(--font-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.email-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.email-btn svg{width:12px;height:12px}.preview-content{flex:1;overflow-y:auto;padding:var(--space-xl)}.markdown-body{font-family:"Plus Jakarta Sans",var(--font-sans);font-size:.9375rem;line-height:1.75;color:var(--color-text-primary);overflow-wrap:break-word;word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:"Plus Jakarta Sans",var(--font-sans);font-weight:600;line-height:1.3;margin-top:2em;margin-bottom:1em;color:var(--color-text-primary)}.markdown-body h1{font-size:1.875rem;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-primary)}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.25rem}.markdown-body p{margin:0 0 1.25em}.markdown-body p:last-child{margin-bottom:0}.markdown-body a{color:var(--color-accent);text-decoration:none;word-break:break-all}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body code{font-family:var(--font-mono);font-size:.85em;background:var(--color-bg-tertiary);padding:.15em .4em;border-radius:4px}.markdown-body pre{background:var(--color-bg-tertiary);padding:var(--space-lg);overflow-x:auto;margin:1.5em 0;border-radius:var(--radius-md)}.markdown-body pre code{background:transparent;padding:0;font-size:.8125rem;line-height:1.6}.markdown-body blockquote{margin:1.5em 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-accent);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:0 4px 4px 0;font-style:italic}.markdown-body ul,.markdown-body ol{margin:0 0 1.25em;padding-left:1.5em}.markdown-body li{margin-bottom:.25em;line-height:1.6}.markdown-body li::marker{color:var(--color-accent)}.markdown-body li:has(input[type=checkbox]){list-style:none;margin-left:-1.5em;padding-left:0}.markdown-body hr{border:none;height:1px;background:var(--color-border-primary);margin:2em 0}.markdown-body table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.875rem}.markdown-body th,.markdown-body td{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-primary);text-align:left}.markdown-body th{background:var(--color-bg-tertiary);font-weight:600;font-family:"Plus Jakarta Sans",var(--font-sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.markdown-body img{max-width:100%;height:auto;border-radius:4px}.markdown-body input[type=checkbox]{margin-right:var(--space-sm);width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.email-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.email-modal{width:90%;max-width:450px;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 20px 60px #00000080}.email-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border-primary)}.email-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.email-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.email-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.email-modal-content{padding:var(--space-lg)}.email-subject{margin:0 0 var(--space-lg);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:6px;font-size:.8125rem;color:var(--color-text-secondary)}.email-subject strong{color:var(--color-text-primary)}.email-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.email-input-group label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.email-input-group input{padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:6px;font-size:.875rem;color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast)}.email-input-group input:focus{border-color:var(--color-accent)}.email-status{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:6px;font-size:.8125rem;text-align:center}.email-status.success{background:#22c55e1a;color:#22c55e}.email-status.error{background:#ef44441a;color:#ef4444}.email-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border-primary)}.email-cancel,.email-send{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:.8125rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.email-cancel{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.email-cancel:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.email-send{background:var(--color-accent);border:none;color:#fff}.email-send:hover{filter:brightness(1.1)}.email-send:disabled{opacity:.5;cursor:not-allowed}.email-send .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.code-block-wrapper{margin:1.5em 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-primary)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary)}.code-language{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:lowercase;color:var(--color-text-tertiary)}.copy-code-btn{display:flex;align-items:center;gap:var(--space-xs);padding:4px 8px;background:transparent;border:1px solid var(--color-border-primary);border-radius:4px;font-family:var(--font-mono);font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.copy-code-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.copy-code-btn svg{width:12px;height:12px}.code-block-wrapper pre{margin:0;border-radius:0;border:none}.alert-callout{margin:1.5em 0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-left:4px solid}.alert-header{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:.875rem;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.03em}.alert-content{font-size:.875rem;line-height:1.6}.alert-content p{margin:0}.alert-success{background:#22c55e1a;border-color:#22c55e}.alert-success .alert-header{color:#22c55e}.alert-success .alert-header svg{stroke:#22c55e}.alert-warning{background:#f973161a;border-color:#f97316}.alert-warning .alert-header{color:#f97316}.alert-warning .alert-header svg{stroke:#f97316}.alert-danger{background:#ef44441a;border-color:#ef4444}.alert-danger .alert-header{color:#ef4444}.alert-danger .alert-header svg{stroke:#ef4444}.alert-note{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}.alert-note .alert-header{color:var(--color-text-secondary)}.alert-note .alert-header svg{stroke:var(--color-text-secondary)}.markdown-body li.task-checked{opacity:.5;text-decoration:line-through}.markdown-body li.task-checked::marker{color:var(--color-text-muted)}.markdown-body input[type=checkbox]{cursor:pointer}.comments-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:440px;max-width:calc(100% - 40px);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:100;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.comments-panel.collapsed{width:auto}.comments-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}.comments-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.comments-toggle svg:first-child{color:var(--color-accent)}.comments-badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;background:var(--color-accent);color:var(--color-bg-primary);border-radius:9px;font-size:.625rem;font-weight:600}.toggle-icon{margin-left:auto;transition:transform .3s ease}.toggle-icon.rotated{transform:rotate(180deg)}.comments-content{display:flex;flex-direction:column;max-height:480px;border-top:1px solid var(--color-border-primary)}.comments-input-area{display:flex;align-items:flex-end;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary)}.comments-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:20px;color:var(--color-text-primary);font-size:.8125rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);resize:none;min-height:38px;max-height:120px;overflow-y:auto;line-height:1.5}.comments-input:focus{outline:none;border-color:var(--color-accent)}.comments-input::placeholder{color:var(--color-text-muted)}.comments-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-accent);border:none;border-radius:50%;color:var(--color-bg-primary);cursor:pointer;transition:all var(--transition-fast)}.comments-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.4)}.comments-send:disabled{opacity:.4;cursor:not-allowed}.comments-timeline{flex:1;overflow-y:auto;padding:var(--space-md);max-height:320px}.comments-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:.8125rem}.timeline-item{display:flex;gap:var(--space-md);padding-bottom:var(--space-md);position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--color-border-primary)}.timeline-dot{width:11px;height:11px;background:var(--color-bg-tertiary);border:2px solid var(--color-accent);border-radius:50%;flex-shrink:0;margin-top:4px;z-index:1}.timeline-content{flex:1;min-width:0}.comment-text{font-size:.8125rem;line-height:1.5;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;word-wrap:break-word}.comment-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.comment-time{font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted)}.comment-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.timeline-item:hover .comment-actions{opacity:1}.reaction-btn,.delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.reaction-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.reaction-btn.active.like{color:#4ade80;background:#4ade801a}.reaction-btn.active.dislike{color:#f87171;background:#f871711a}.delete-btn:hover{background:#ef44441a;color:#ef4444}.comments-timeline::-webkit-scrollbar{width:4px}.comments-timeline::-webkit-scrollbar-track{background:transparent}.comments-timeline::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:2px}.comments-timeline::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.ai-assistant{display:flex;flex-direction:column;height:100%;border-left:1px solid var(--color-border-primary);background:var(--color-bg-secondary);color:var(--color-text-primary)}.ai-section{border-bottom:1px solid var(--color-border-primary);display:flex;flex-direction:column;flex-shrink:0}.ai-section.templates-section{display:flex;flex-direction:column;overflow:hidden}.ai-section.templates-section.expanded{flex:1;min-height:0}.ai-section.notifications-section{display:flex;flex-direction:column;overflow:hidden;border-bottom:none}.ai-section.notifications-section.expanded{flex:1;min-height:0}.ai-section.templates-section .ai-content{flex:1;overflow-y:auto;min-height:0;max-height:100%}.ai-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--header-height);cursor:pointer;background:var(--color-bg-secondary);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border-primary)}.ai-header:hover{background:var(--color-bg-tertiary)}.ai-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.ai-meta{display:flex;align-items:center;gap:8px}.template-count,.notif-badge{font-size:.75rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:2px 6px;border-radius:10px}.notif-badge{background:var(--color-accent);color:#fff}.expand-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.expand-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.ai-content{padding:16px;overflow-y:auto;flex:1;min-height:0}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:var(--color-bg-tertiary);border:1px solid transparent;color:var(--color-text-secondary);padding:4px 10px;border-radius:12px;font-size:.75rem;white-space:nowrap;cursor:pointer;flex-shrink:0}.category-tab.active{background:var(--color-accent);color:#fff}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.template-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px;padding:12px 8px;gap:8px;cursor:pointer;transition:all .2s;height:80px}.template-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.template-icon{color:var(--color-accent)}.template-name{font-size:.7rem;color:var(--color-text-primary);line-height:1.2}.notification-list{padding:0;flex:1;overflow-y:auto;min-height:0}.notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border-primary)}.notif-item:last-child{border-bottom:none}.notif-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:50%;font-size:12px;flex-shrink:0}.notif-icon.mail{background:#0284c726;color:#0284c7}.notif-icon.schedule{background:#9333ea26;color:#9333ea}.notif-icon.ai{background:#d946ef26;color:#d946ef}.notif-icon.app{background:#05966926;color:#059669}.notif-icon.file{background:#ca8a0426;color:#ca8a04}.notif-body{flex:1;min-width:0}.notif-msg{font-size:.8rem;color:var(--color-text-primary);margin-bottom:4px;line-height:1.4}.notif-time{font-size:.7rem;color:var(--color-text-tertiary)}.no-notif{padding:20px;text-align:center;color:var(--color-text-tertiary);font-size:.8rem;font-style:italic}.template-preview-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.template-preview-modal{width:90vw;max-width:1200px;height:85vh;background:var(--color-bg-primary);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000080;border:1px solid var(--color-border-primary);overflow:hidden}.template-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-primary);flex-shrink:0}.template-preview-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.1rem;color:var(--color-text-primary)}.preview-close{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.preview-close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.preview-split-view{flex:1;display:flex;min-height:0;overflow:hidden}.preview-pane{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.preview-pane:first-child{border-right:1px solid var(--color-border-primary)}.preview-pane-header{padding:10px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:6px;flex-shrink:0}.preview-pane-content{flex:1;overflow-y:auto;padding:16px;min-height:0}.preview-pane.editor-pane .preview-pane-content{background:var(--color-bg-primary)}.preview-pane.editor-pane pre{margin:0;white-space:pre-wrap;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem;color:var(--color-text-primary);line-height:1.6}.preview-pane.render-pane .preview-pane-content{background:var(--color-bg-secondary);color:var(--color-text-primary)}.preview-pane.render-pane .markdown-preview{font-size:.9rem;line-height:1.7}.preview-pane.render-pane .markdown-preview h1,.preview-pane.render-pane .markdown-preview h2,.preview-pane.render-pane .markdown-preview h3{color:var(--color-text-primary);margin-top:1em;margin-bottom:.5em}.preview-pane.render-pane .markdown-preview h1{font-size:1.5rem;border-bottom:1px solid var(--color-border-primary);padding-bottom:.3em}.preview-pane.render-pane .markdown-preview blockquote{border-left:3px solid var(--color-border-secondary);margin:1em 0;padding-left:1em;color:var(--color-text-tertiary);font-style:italic}.preview-pane.render-pane .markdown-preview code{background:var(--color-bg-tertiary);padding:.15em .4em;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:.85em;color:var(--color-text-primary)}.preview-pane.render-pane .markdown-preview pre{background:var(--color-bg-tertiary);padding:1em;border-radius:6px;overflow-x:auto}.preview-pane.render-pane .markdown-preview pre code{background:none;padding:0}.preview-pane.render-pane .markdown-preview table{width:100%;border-collapse:collapse;margin:1em 0}.preview-pane.render-pane .markdown-preview th,.preview-pane.render-pane .markdown-preview td{border:1px solid var(--color-border-primary);padding:8px 12px;text-align:left}.preview-pane.render-pane .markdown-preview th{background:var(--color-bg-tertiary);font-weight:600}.preview-pane.render-pane .markdown-preview hr{border:none;border-top:1px solid var(--color-border-primary);margin:1.5em 0}.preview-pane.render-pane .markdown-preview ul,.preview-pane.render-pane .markdown-preview ol{margin:.5em 0;padding-left:1.5em}.preview-pane.render-pane .markdown-preview li{margin:.25em 0;line-height:1.6}.preview-pane.render-pane .markdown-preview ul li{list-style-type:disc}.preview-pane.render-pane .markdown-preview ol li{list-style-type:decimal}.preview-pane.render-pane .markdown-preview li input[type=checkbox]{margin-right:.5em;vertical-align:middle}.preview-footer{padding:16px 20px;border-top:1px solid var(--color-border-primary);display:flex;justify-content:flex-end;gap:12px;background:var(--color-bg-primary);flex-shrink:0}.preview-cancel{padding:8px 16px;border:1px solid var(--color-border-primary);background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.preview-cancel:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.preview-use{padding:8px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.preview-use:hover{filter:brightness(1.1)}.view-full-chart-btn{display:block;width:100%;margin-top:8px;padding:6px 12px;background:transparent;border:1px dashed var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);font-size:.75rem;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.view-full-chart-btn:hover{background:var(--color-bg-secondary);color:var(--color-accent);border-color:var(--color-accent)}.load-more-btn{display:block;width:100%;padding:8px;margin-top:8px;background:transparent;border:none;color:var(--color-text-tertiary);font-size:.75rem;cursor:pointer;transition:color .2s;border-top:1px solid var(--color-border-primary)}.load-more-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.weekly-heatmap{padding:var(--space-lg);background:var(--color-bg-primary);border-top:1px solid var(--color-border-primary)}.weekly-heatmap.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-tertiary)}.heatmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.heatmap-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary)}.heatmap-container{display:flex;gap:var(--space-xs)}.heatmap-hours{position:relative;width:35px;height:240px}.hour-label{position:absolute;transform:translateY(-50%);font-family:var(--font-mono);font-size:.5625rem;color:var(--color-text-muted);text-align:right;width:100%;padding-right:var(--space-xs)}.heatmap-grid{flex:1;display:flex;flex-direction:column;gap:2px}.heatmap-days{display:flex;gap:2px;margin-bottom:2px}.day-label{flex:1;text-align:center;font-family:var(--font-mono);font-size:.5625rem;color:var(--color-text-muted);text-transform:uppercase}.heatmap-cells{display:flex;gap:2px;height:240px}.day-column{flex:1;display:flex;flex-direction:column;gap:2px}.heatmap-cell{flex:1;aspect-ratio:1;min-width:8px;min-height:8px;border-radius:2px;transition:transform .1s ease,box-shadow .1s ease}.heatmap-cell:hover{transform:scale(1.2);box-shadow:0 0 4px #0000004d;z-index:1}.heatmap-cell.level-0{background:var(--color-bg-tertiary)}.heatmap-cell.level-1{background:rgba(var(--color-accent-rgb, 99, 102, 241),.2)}.heatmap-cell.level-2{background:rgba(var(--color-accent-rgb, 99, 102, 241),.4)}.heatmap-cell.level-3{background:rgba(var(--color-accent-rgb, 99, 102, 241),.6)}.heatmap-cell.level-4{background:var(--color-accent)}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);font-family:var(--font-mono);font-size:.5625rem;color:var(--color-text-muted)}.legend-cells{display:flex;gap:2px}.legend-cells .heatmap-cell{width:10px;height:10px}body[data-theme=contrast] .heatmap-cell.level-0{background:#333;border:1px solid #ffffff}body[data-theme=contrast] .heatmap-cell.level-1{background:#444;border:1px solid #ffffff}body[data-theme=contrast] .heatmap-cell.level-2{background:#660;border:1px solid #ffffff}body[data-theme=contrast] .heatmap-cell.level-3{background:#990;border:1px solid #ffffff}body[data-theme=contrast] .heatmap-cell.level-4{background:#ff0;border:1px solid #ffffff}.resizer{background-color:transparent;transition:background-color .2s;z-index:10}.resizer.horizontal{width:12px;height:100%;cursor:col-resize;margin:0 -6px;position:relative;z-index:100}.resizer.horizontal:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:transparent;transition:background-color .2s}.resizer:hover:after,.resizer:active:after{background-color:var(--color-accent)}.resizer:hover,.resizer:active{background-color:transparent}.search-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;animation:fadeIn .2s ease}.search-modal{width:600px;max-width:90vw;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border-primary);gap:.75rem}.search-icon{color:var(--color-text-tertiary)}.search-input{flex:1;background:transparent;border:none;font-size:1.1rem;color:var(--color-text-primary);outline:none}.close-btn{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:4px}.close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.search-results{max-height:400px;overflow-y:auto;padding:.5rem}.search-result-item{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;border-radius:6px;color:var(--color-text-secondary);transition:all .1s}.search-result-item:hover{background:var(--color-accent-subtle);color:var(--color-text-primary)}.search-result-item svg{color:var(--color-text-tertiary)}.result-text{flex:1;overflow:hidden}.result-title{font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.result-preview{font-size:.8rem;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-results{padding:2rem;text-align:center;color:var(--color-text-tertiary)}.search-footer{padding:.5rem 1rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);font-size:.75rem;color:var(--color-text-tertiary);text-align:right}kbd{background:var(--color-bg-primary);border:1px solid var(--color-border-secondary);border-radius:3px;padding:2px 4px;font-family:monospace;font-size:.7em;margin:0 2px}.history-overlay{position:fixed;inset:0;z-index:2000;display:flex;justify-content:flex-end}.history-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.history-drawer{position:relative;width:400px;height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.16,1,.3,1);padding:var(--space-xl)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.history-header-new{flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.history-content-scroll{flex:1;overflow-y:auto;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}.history-content-scroll::-webkit-scrollbar{width:6px}.history-content-scroll::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary);border-radius:3px}.history-content-scroll::-webkit-scrollbar-track{background:transparent}.history-title-group h2{font-size:1.25rem;font-weight:600;margin:0 0 4px;font-family:var(--font-mono)}.history-subtitle{font-size:.8125rem;color:var(--color-text-secondary)}.btn-close{background:var(--color-bg-tertiary);border:none;color:var(--color-text-primary);width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.btn-close:hover{background:var(--color-bg-secondary)}.history-details-card{background:var(--color-bg-secondary);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-2xl);border:1px solid var(--color-border-primary)}.detail-row{display:flex;justify-content:space-between;align-items:flex-start}.detail-col{display:flex;flex-direction:column;gap:4px}.detail-col label{font-size:.75rem;color:var(--color-text-tertiary)}.detail-col span{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.status-badge{background:#34a85326;color:#4caf50;border:1px solid #4CAF50;padding:2px 8px;border-radius:4px;font-size:.75rem!important;text-transform:uppercase;letter-spacing:.05em}.detail-divider{height:1px;background:var(--color-border-primary);margin:var(--space-lg) 0}.btn-icon-only{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer}.btn-icon-only:hover{color:var(--color-text-primary)}.timeline-section h3{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-weight:500}.new-timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--space-md);position:relative;padding-bottom:var(--space-xl)}.timeline-left{display:flex;flex-direction:column;align-items:center;width:20px}.timeline-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);color:#4caf50;z-index:1}.timeline-icon.created{color:#f26522;border-color:#f26522}.timeline-icon.edited{color:#4caf50;border-color:#4caf50}.timeline-line{width:2px;background:var(--color-border-primary);flex:1;margin-top:4px}.timeline-right{flex:1;display:flex;justify-content:space-between;padding-top:2px}.timeline-content{display:flex;flex-direction:column;gap:2px}.timeline-text{font-size:.875rem;color:var(--color-text-primary);margin:0}.timeline-subtext{font-size:.75rem;color:var(--color-text-secondary);margin:0}.timeline-date{font-size:.75rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}.history-footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--color-border-primary)}.footer-item{display:flex;align-items:center;gap:var(--space-md)}.footer-icon{width:40px;height:40px;border-radius:8px}.footer-icon.orange{background:linear-gradient(135deg,gold,#f26522)}.footer-info{display:flex;flex-direction:column}.footer-label{font-size:.875rem;color:var(--color-text-primary)}.footer-value{font-size:.75rem;color:var(--color-text-tertiary)}.footer-price{margin-left:auto;font-family:var(--font-mono);color:var(--color-text-primary)}.consent-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000000;animation:fadeIn .3s ease}.consent-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 50px #00000080;overflow:hidden;animation:slideUp .3s ease}.consent-header{padding:24px 24px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.consent-header h2{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.consent-body{padding:24px;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.consent-features{display:flex;flex-direction:column;gap:16px;margin:24px 0;background:var(--color-bg-tertiary);padding:16px;border-radius:8px}.consent-item{display:flex;align-items:flex-start;gap:12px}.consent-item svg{color:var(--color-accent);margin-top:2px;flex-shrink:0}.consent-item div{display:flex;flex-direction:column}.consent-item strong{color:var(--color-text-primary);font-size:.9rem}.consent-item span{font-size:.8rem;color:var(--color-text-tertiary)}.consent-note{font-size:.85rem;color:var(--color-text-tertiary);font-style:italic;text-align:center;margin-top:16px}.consent-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.btn-accept,.btn-decline{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;font-size:.9rem;border:none;flex:1}.btn-accept{background:var(--color-accent);color:#fff}.btn-accept:hover{opacity:.9}.btn-decline{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.btn-decline:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-container{display:flex;height:100vh;background:var(--color-bg-primary);overflow:hidden}.main-content{display:flex;flex:1}.editor-section{border-right:1px solid var(--color-border-primary)}.side-panel{display:flex;flex-direction:column;overflow-y:auto;background:var(--color-bg-primary)}.floating-menu{position:fixed;bottom:calc(var(--space-xl) + 56px);right:var(--space-xl);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);box-shadow:0 4px 16px #0000001a;min-width:180px;z-index:999;animation:slideUp .15s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-menu-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-primary)}.floating-menu-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary)}.floating-menu-content{padding:var(--space-xs)}.floating-menu-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-size:.8125rem;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.floating-menu-item:hover{background:var(--color-bg-tertiary)}.floating-menu-item.active{color:var(--color-accent)}.floating-menu-item.active svg{color:var(--color-accent)}.floating-menu-item svg{color:var(--color-text-tertiary)}.floating-menu-divider{height:1px;background:var(--color-border-primary);margin:var(--space-xs) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);height:100%;padding:var(--space-2xl);text-align:center;color:var(--color-text-tertiary)}.empty-state-icon{color:var(--color-border-secondary)}.empty-state h3{font-weight:500;color:var(--color-text-secondary)}.empty-state p{font-size:.8125rem;max-width:240px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);height:100vh;text-align:center}.overlay{position:fixed;inset:0;background:#0000000d;z-index:998}.sidebar-header{display:flex;justify-content:flex-end;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.sidebar-header.right{justify-content:flex-start}.sidebar-mode-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-mode-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:50}.sidebar-toggle:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.sidebar-toggle.left-toggle{border-left:none;border-radius:0 6px 6px 0;margin-top:var(--space-md)}.sidebar-toggle.right-toggle{border-right:none;border-radius:6px 0 0 6px;margin-top:var(--space-md)}.floating-sidebar{width:250px;display:flex;flex-direction:column;border-right:1px solid var(--color-border-primary);background:var(--color-bg-secondary)}.floating-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.05em}.floating-sidebar-actions{display:flex;gap:4px}.preview-wrapper{position:relative}.right-toggle-minimal{position:absolute;bottom:var(--space-md);right:-32px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:0 6px 6px 0;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);z-index:100}.right-toggle-minimal:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--primary-rgb),.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--primary-rgb),0)}}.scanning-pulse{animation:pulse-ring 2s infinite;color:var(--color-accent)!important;border-color:var(--color-accent)!important}.sidebar-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-tertiary);cursor:pointer;z-index:100;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.sidebar-toggle-btn.right-sidebar-toggle{right:0;border-right:none;border-radius:6px 0 0 6px}.app-container:has(.side-panel) .right-sidebar-toggle{right:auto;margin-right:-1px}.app-container:not(:has(.side-panel)) .right-sidebar-toggle{right:0;position:fixed;top:50%;transform:translateY(-50%)}.tessera-dropdown-menu{position:absolute;background:var(--color-bg-primary)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;box-shadow:0 4px 12px #00000014,0 1px 2px #00000005!important;padding:4px 0!important;z-index:1000!important;min-width:160px;animation:dropdownIn .15s ease-out;overflow:hidden}[data-theme=dark] .tessera-dropdown-menu,[data-theme=dark-blue] .tessera-dropdown-menu{border-color:#ffffff1a!important;box-shadow:0 4px 12px #0000004d!important}.tessera-dropdown-item{display:flex!important;align-items:center;gap:8px;padding:8px 12px!important;font-family:var(--font-mono);font-size:.75rem!important;color:var(--color-text-secondary)!important;cursor:pointer;transition:all .1s;text-decoration:none;background:transparent!important;width:100%;border:none!important;text-align:left}.tessera-dropdown-item:hover,.tessera-dropdown-item.active{background:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important}.tessera-dropdown-item svg{width:14px;height:14px;opacity:.7}.tessera-dropdown-item:hover svg,.tessera-dropdown-item.active svg{opacity:1}.tessera-dropdown-divider{height:1px;background:var(--color-border-primary)!important;margin:4px 0!important}.tessera-dropdown-header{padding:4px 12px!important;font-size:.65rem!important;text-transform:uppercase;color:var(--color-text-tertiary)!important;font-weight:600;letter-spacing:.05em;pointer-events:none;border-bottom:1px solid var(--color-border-primary)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--color-bg-primary, #1e1e1e);color:var(--color-text-primary, #e0e0e0)}.login-card{background:var(--color-bg-secondary, #252526);padding:3rem;border-radius:16px;border:1px solid var(--color-border-primary, #333);text-align:center;box-shadow:0 10px 40px #0000004d;max-width:400px;width:100%}.brand-logo{width:48px;height:48px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:8px;margin:0 auto 1.5rem}h1{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}p{color:var(--color-text-tertiary, #888);margin-bottom:2rem;font-size:.9rem}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;background:#fff;color:#333;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .1s}.google-btn:hover{background:#f1f1f1;transform:translateY(-1px)}.google-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.admin-dashboard{background:var(--color-bg-primary, #1e1e1e);min-height:100vh;color:var(--color-text-primary, #e0e0e0);padding:2rem}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-primary, #333)}.back-btn{background:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer}.back-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.admin-profile{display:flex;align-items:center;gap:12px}.admin-avatar{width:32px;height:32px;border-radius:50%}.users-table-container{background:var(--color-bg-secondary, #252526);border:1px solid var(--color-border-primary, #333);border-radius:8px;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border-primary, #333)}.users-table th{background:var(--color-bg-tertiary, #2d2d2d);font-weight:500;font-size:.85rem;color:var(--color-text-secondary)}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%}.user-name{font-weight:500;font-size:.9rem}.user-email{font-size:.8rem;color:var(--color-text-muted)}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.role-badge.admin{background:#6c5ce733;color:#a29bfe}.role-badge.user{background:#ffffff1a;color:#ccc}.status-badge{font-size:.75rem;padding:2px 8px;border-radius:4px}.status-badge.active{color:#2ecc71;background:#2ecc711a}.status-badge.suspended{color:#e74c3c;background:#e74c3c1a}.action-btn{border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:6px}.action-btn.suspend{background:#e74c3c1a;color:#e74c3c}.action-btn.suspend:hover{background:#e74c3c33}.action-btn.unsuspend{background:#2ecc711a;color:#2ecc71}.settings-container{max-width:800px;margin:60px auto;padding:0 20px;color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif}.settings-title{font-size:32px;margin-bottom:20px;font-weight:700;letter-spacing:-.5px;color:var(--color-text-primary)}.settings-card{background:var(--color-bg-primary);border-radius:16px;border:1px solid var(--color-border-primary);margin-bottom:32px;overflow:hidden;box-shadow:var(--shadow-sm)}.card-header{background:var(--color-bg-primary);padding:24px 32px;border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;gap:12px}.card-header h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.card-content{padding:32px}.profile-section{display:flex;align-items:center;gap:24px}.profile-pic{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--color-bg-secondary);box-shadow:var(--shadow-md)}.profile-info h3{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--color-text-primary)}.profile-info p{margin:0 0 12px;color:var(--color-text-secondary);font-size:14px}.badge{background:var(--color-bg-tertiary);color:var(--color-accent);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.setting-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.setting-item:last-child{padding-bottom:0}.setting-item.align-top{align-items:flex-start}.setting-label{flex:1;padding-right:32px}.setting-label h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.setting-desc{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.connected-box{margin-top:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:16px 20px;display:flex;gap:16px;align-items:flex-start}.connected-icon{margin-top:2px;width:20px;height:20px;color:var(--color-success);flex-shrink:0}.connected-box p{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.btn-large{padding:10px 24px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-connect-primary{background:var(--color-text-primary);color:var(--color-bg-primary);border:1px solid transparent;box-shadow:var(--shadow-sm)}.btn-connect-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-disconnect-subtle{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-disconnect-subtle:hover{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.btn-danger{padding:10px 20px;border-radius:8px;background:var(--color-error);color:#fff;border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background .2s}.btn-danger:hover{opacity:.9}.danger-zone .card-header{background:var(--color-bg-secondary);color:var(--color-error);border-bottom-color:var(--color-border-primary)}.danger-zone{border-color:var(--color-border-primary)}.btn-icon:hover{background-color:var(--color-bg-tertiary)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.connected-box{animation:fadeIn .3s ease-out forwards}.settings-header-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.settings-header-left{display:flex;align-items:center;gap:16px}.btn-icon{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background-color .2s}.setting-select{appearance:none;-webkit-appearance:none;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);padding:8px 30px 8px 12px;border-radius:6px;font-size:14px;font-family:inherit;min-width:120px;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236b7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:10px auto}.setting-select:focus{outline:none;border-color:var(--color-accent)}.setting-action-row{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:14px}.setting-input-number{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);padding:8px;border-radius:6px;font-size:14px;font-family:inherit;width:60px}.setting-input-number:focus{outline:none;border-color:var(--color-accent)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s;box-shadow:0 1px 3px #0003}input:checked+.slider{background-color:var(--color-success)}input:focus+.slider{box-shadow:0 0 1px var(--color-success)}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.profile-page{padding:32px 40px;height:100%;overflow-y:auto;background:var(--color-bg-secondary)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.profile-header h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0;font-family:Inter,sans-serif}.btn-save-primary{background:var(--color-accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.btn-save-primary:hover{opacity:.9;background:var(--color-accent-hover)}.btn-save-primary:disabled{background:var(--color-border-primary);cursor:not-allowed}.profile-card{background:var(--color-bg-primary);border-radius:12px;border:1px solid var(--color-border-primary);padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.profile-card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-border-primary);background:transparent}.card-icon{color:var(--color-text-secondary)}.card-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--color-bg-primary);box-shadow:0 0 0 1px var(--color-border-secondary)}.photo-overlay{position:absolute;inset:0;background:#0006;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s;cursor:pointer}.photo-overlay.visible{opacity:1}.btn-upload{color:#fff;cursor:pointer}.photo-info h3{font-size:18px;color:var(--color-text-primary);margin:0 0 4px}.photo-info p{color:var(--color-text-secondary);font-size:14px;margin:0}.form-stack{display:flex;flex-direction:column;gap:16px}.input-group,.form-group{display:flex;flex-direction:column;gap:8px}.input-group label,.form-group label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.settings-select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border .2s;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}input[type=text],input[type=email]{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border .2s}.settings-select:focus,input[type=text]:focus,input[type=email]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.input-disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:not-allowed}.input-hint{font-size:12px;color:var(--color-text-tertiary)}.settings-container .setting-item input{width:350px;max-width:50%}.account-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border-primary);margin-bottom:12px}.account-item:last-child{margin-bottom:0}.account-item.connected{background:var(--color-bg-secondary);border-color:var(--color-border-secondary)}.account-name{display:block;font-weight:500;font-size:14px;color:var(--color-text-primary)}.account-status{font-size:12px;color:var(--color-success);font-weight:500}.account-item:not(.connected) .account-status{color:var(--color-text-tertiary)}.btn-disconnect{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);padding:4px 10px;border-radius:4px;font-size:12px;color:var(--color-text-secondary);cursor:pointer}.stat-item{background:var(--color-bg-secondary);border-radius:8px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{color:var(--color-text-tertiary);margin-bottom:4px}.stat-value{font-size:20px;font-weight:700;color:var(--color-text-primary);font-family:JetBrains Mono,monospace}.chart-summary{display:flex;justify-content:space-around;margin-top:20px;border-top:1px solid var(--color-border-primary);padding-top:20px}.summary-item{text-align:center}.summary-value{font-size:24px;font-weight:700;font-family:JetBrains Mono,monospace}.summary-value.notes{color:var(--color-accent)}.summary-value.words{color:var(--color-success)}.summary-value.chars{color:#8b5cf6}.summary-value.size{color:var(--color-warning)}.summary-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.photo-card-content{display:flex;align-items:center;justify-content:center;gap:24px}.photo-wrapper{position:relative;width:120px;height:120px}.photo-details{text-align:left}.photo-name{margin:0 0 4px;font-size:18px;color:var(--color-text-primary)}.photo-instructions{margin:0;color:var(--color-text-secondary)}.photo-limits{margin:4px 0 0;font-size:12px;color:var(--color-text-tertiary)}.cta-hint{margin-top:24px;padding:16px;background:var(--color-bg-tertiary);border-radius:8px;font-size:14px;color:var(--color-text-secondary);text-align:center}.link-settings{color:var(--color-accent);font-weight:600;text-decoration:none;transition:all .2s}.link-settings:hover{text-decoration:underline;opacity:.8}.version-footer{text-align:center;margin-top:40px;color:var(--color-text-tertiary);font-size:12px;padding-bottom:40px}.header-actions{display:flex;align-items:center;gap:16px}.btn-icon-wrapper{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:var(--color-text-secondary)}.btn-icon-wrapper:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.onboarding-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000000;animation:fadeIn .2s ease-out}.onboarding-modal{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));width:900px;height:550px;border-radius:16px;box-shadow:var(--premium-shadow);display:flex;flex-direction:row;overflow:hidden;font-family:Inter,sans-serif;color:var(--color-text-primary);border:1px solid var(--color-glass-border)}.sidebar-section{width:300px;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border-primary);padding:32px 24px;display:flex;flex-direction:column;position:relative;flex-shrink:0}.sidebar-header{margin-bottom:40px;padding-bottom:16px;border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.circular-chart-mini{width:32px;height:32px;border-radius:50%;background:conic-gradient(var(--color-success) var(--progress),var(--color-border-secondary) 0deg);display:flex;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.circular-chart-mini:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:var(--color-bg-sidebar)}.progress-text{position:relative;z-index:2;color:var(--color-text-primary)}.steps-list{display:flex;flex-direction:column;gap:0}.step-item{display:flex;align-items:flex-start;gap:16px;position:relative;padding-bottom:28px;transition:all .2s;min-height:40px}.step-item:last-child{padding-bottom:0}.step-item:not(:last-child):after{content:"";position:absolute;left:11px;top:28px;bottom:-4px;width:2px;background:var(--color-border-primary)}.step-item.completed:not(:last-child):after{background:var(--color-success)}.step-circle{width:24px;height:24px;border-radius:50%;background:var(--color-bg-secondary);display:flex;justify-content:center;align-items:center;flex-shrink:0;z-index:2;transition:all .3s;border:2px solid var(--color-bg-sidebar);box-shadow:0 0 0 1px var(--color-border-primary)}.step-item.active .step-circle{background:var(--color-premium-gradient);box-shadow:0 4px 10px rgba(var(--color-accent-rgb),.3);color:#fff;border-color:transparent}.step-item.completed .step-circle{background:var(--color-success);box-shadow:0 4px 10px #34a85333;color:#fff;border-color:transparent}.step-label{font-size:14px;font-weight:500;color:var(--color-text-secondary);padding-top:2px;transition:color .2s}.step-item.active .step-label{color:var(--color-text-primary);font-weight:600}.step-item.completed .step-label{color:var(--color-text-primary)}.content-section{flex:1;padding:40px 48px;display:flex;flex-direction:column;position:relative;background:var(--color-bg-primary)}.slide-content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;animation:fadeInSlide .3s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.slide-header{margin-bottom:24px}.slide-title{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.5px}.slide-desc{font-size:15px;color:var(--color-text-secondary);line-height:1.5;max-width:500px}.selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.selection-card{border:1px solid var(--color-border-primary);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s;font-weight:500;color:var(--color-text-secondary);font-size:14px;background:var(--color-bg-primary)}.selection-card:hover{border-color:var(--color-border-secondary);background:var(--color-bg-secondary)}.selection-card.selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.selection-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border-secondary);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.selection-card.selected .selection-radio{border-color:var(--color-success);background:var(--color-bg-primary)}.selection-card.selected .selection-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-success)}.search-input{width:100%;padding:10px 14px;border-radius:6px;border:1px solid var(--color-border-primary);font-size:14px;margin-bottom:12px;outline:none;font-family:Inter,sans-serif;transition:border-color .2s;background:var(--color-bg-primary);color:var(--color-text-primary);flex:none;height:42px}.search-input:focus{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-accent-soft)}.country-list{border:1px solid var(--color-border-primary);border-radius:6px;max-height:220px;overflow-y:auto;background:var(--color-bg-primary)}.country-item{padding:10px 14px;font-size:14px;border-bottom:1px solid var(--color-border-primary);cursor:pointer;transition:background .1s;color:var(--color-text-primary)}.country-item:last-child{border-bottom:none}.country-item:hover{background:var(--color-bg-tertiary)}.country-item.active-country{background:var(--color-bg-secondary);color:var(--color-success);font-weight:600}.list-divider{background:var(--color-bg-tertiary);font-size:11px;text-transform:uppercase;color:var(--color-text-tertiary);padding:6px 14px;font-weight:600;letter-spacing:.5px}.action-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:32px;border-top:1px solid var(--color-border-primary);padding-top:24px}.btn-nav-back{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-nav-back:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.btn-nav-primary-wide{background:var(--color-premium-gradient);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:Inter,sans-serif;box-shadow:0 4px 15px rgba(var(--color-accent-rgb),.3)}.btn-nav-primary-wide:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-accent-rgb),.4);opacity:1}.btn-nav-primary-wide:disabled{opacity:.5;cursor:not-allowed;background:var(--color-border-primary);color:var(--color-text-muted);box-shadow:none;transform:none}.close-btn{position:absolute;top:24px;right:24px;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--color-text-primary)}.closing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.closing-icon{margin-bottom:24px;color:var(--color-success)}.btn-feedback{margin-top:24px;text-decoration:none;font-size:14px;font-weight:500;color:var(--color-accent);display:flex;align-items:center;gap:8px}.btn-feedback:hover{text-decoration:underline}.brand-logo-container{margin-bottom:32px;display:flex;justify-content:center;animation:bounceIn .8s cubic-bezier(.175,.885,.32,1.275)}.brand-icon-premium{color:var(--color-accent);filter:drop-shadow(0 4px 8px rgba(var(--color-accent-rgb),.3))}.version-tag{font-size:11px;opacity:.5;font-family:JetBrains Mono,monospace;background:var(--color-bg-tertiary);padding:2px 8px;border-radius:4px;margin-top:12px;display:inline-block}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}