.header-search-row,.toolbar-primary,.toolbar-submenu-row,.toolbar-main-row,body.header-collapsed .header-main,body.header-collapsed .privacy-banner{display:none!important}body.header-collapsed .header-bar-v2{min-height:0;padding:0;border:none}.chatnav-ribbon{display:flex;flex-direction:column;background:var(--panel, #0f0f0f);border-bottom:1px solid var(--border, #222);font-family:var(--mono, "IBM Plex Mono", "Courier New", monospace);position:sticky;top:0;z-index:50}body.has-uni-menu .chatnav-ribbon,body.has-nav .chatnav-ribbon{top:52px}.ribbon-row{display:flex;align-items:center;padding:6px 12px}.ribbon-main{justify-content:space-between;gap:8px;border-bottom:1px solid var(--border, #222)}.ribbon-submenu{justify-content:flex-start;gap:4px;background:#ffffff05;padding:8px 12px;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ribbon-utils{display:flex;align-items:center;gap:2px;flex-shrink:0}.ribbon-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted, #6b7280);font-size:14px;cursor:pointer;transition:all .15s ease;font-family:inherit}.ribbon-icon-btn:hover{background:#ffffff0d;border-color:var(--border, #333);color:var(--text-primary, #e6e6e6)}.ribbon-icon-btn.active{background:#8dd6ff1a;border-color:var(--accent, #8dd6ff);color:var(--accent, #8dd6ff)}.ribbon-nav{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ribbon-nav::-webkit-scrollbar{display:none}.ribbon-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-secondary, #9aa3ad);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.ribbon-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--border, #222);color:var(--text-primary, #e6e6e6)}.ribbon-btn:disabled{opacity:.4;cursor:not-allowed}.ribbon-btn.active{background:#8dd6ff1a;border-color:var(--accent, #8dd6ff);color:var(--accent, #8dd6ff)}.ribbon-btn.open{background:#ffffff14;border-color:var(--border, #333);color:var(--text-primary, #e6e6e6)}.ribbon-btn.has-submenu .ribbon-btn-label:after{content:""}.ribbon-btn-icon{font-size:14px;line-height:1}.ribbon-btn-label{display:none}.ribbon-btn-arrow{font-size:8px;opacity:.6;margin-left:2px}@media (min-width: 640px){.ribbon-btn-label{display:inline}}.ribbon-sub-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border, #333);border-radius:4px;color:var(--text-secondary, #9aa3ad);font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit}.ribbon-sub-btn:hover{background:#8dd6ff14;border-color:var(--accent, #8dd6ff);color:var(--text-primary, #e6e6e6)}.ribbon-sub-btn.active{background:#8dd6ff26;border-color:var(--accent, #8dd6ff);color:var(--accent, #8dd6ff)}.ribbon-sub-icon{font-size:14px;line-height:1}.ribbon-sub-label{font-size:10px}.ribbon-search{flex:1;display:flex;align-items:center;max-width:320px;background:var(--bg-secondary, #0f0f0f);border:1px solid var(--border, #222);border-radius:6px;padding:0 10px;transition:all .2s ease}.ribbon-search:focus-within{border-color:var(--accent, #8dd6ff);box-shadow:0 0 0 2px #8dd6ff26}.ribbon-search .search-icon{color:var(--text-muted, #6b7280);font-size:14px;margin-right:8px;flex-shrink:0}.ribbon-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary, #e6e6e6);font-size:12px;font-family:inherit;padding:8px 0;min-width:0}.ribbon-search-input::placeholder{color:var(--text-muted, #6b7280)}.ribbon-search-input::-webkit-search-cancel-button{display:none}.search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:var(--border, #222);border:none;border-radius:50%;color:var(--text-secondary, #9aa3ad);font-size:12px;cursor:pointer;margin-left:6px;flex-shrink:0;transition:all .15s ease}.search-clear:hover{background:var(--accent, #8dd6ff);color:var(--bg, #070707)}@media (max-width: 639px){.ribbon-search{flex:0 0 auto;max-width:140px}.ribbon-search-input::placeholder{font-size:11px}.ribbon-btn{padding:5px 6px}.ribbon-sub-btn{padding:6px 10px}}.ribbon-info{display:flex;align-items:center;gap:8px;flex-shrink:0}.ribbon-stats{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff08;border:1px solid var(--border, #222);border-radius:4px;color:var(--text-muted, #6b7280);font-size:11px}.stat-icon{font-size:10px}.stat-count{font-weight:500;color:var(--text-secondary, #9aa3ad)}@media (max-width: 480px){.chatnav-ribbon{padding:4px 8px}.ribbon-btn{padding:5px 8px}.ribbon-btn-icon{font-size:12px}.ribbon-stats{display:none}}@media (min-width: 640px) and (max-width: 899px){.ribbon-search-container{max-width:240px}}@media (min-width: 1200px){.ribbon-search-container{max-width:400px}.ribbon-btn{padding:8px 14px;font-size:12px}}:root{color-scheme:dark;--bg: #070707;--panel: #0f0f0f;--panel-2: #131313;--ink: #e6e6e6;--muted: #9aa3ad;--border: #222;--border-strong: #333;--accent: #8dd6ff;--accent-2: #9cf7c8;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--bg-primary: #070707;--bg-secondary: #0f0f0f;--bg-tertiary: #131313;--bg-header: #0f0f0f;--text-primary: #e6e6e6;--text-secondary: #9aa3ad;--text-muted: #6b7280;--text-header: #e6e6e6;--border-color: #222;--border-light: #222;--border-medium: #333;--accent-primary: #9aa3ad;--accent-hover: #b8bfc7;--accent-selected: #9aa3ad;--accent-bright: #c5ccd4;--accent-success: #9aa3ad;--accent-success-hover: #b8bfc7;--provider-chatgpt: #8dd6ff;--provider-claude: #8dd6ff;--provider-gemini: #9cf7c8;--provider-chatnav: #8dd6ff;--msg-user-header: #333;--msg-assistant-bg: #0f0f0f;--msg-assistant-border: #333;--msg-assistant-header: #8dd6ff;--msg-claude-bg: #0f0f0f;--msg-claude-border: #333;--msg-claude-header: #8dd6ff;--msg-gemini-bg: #0f0f0f;--msg-gemini-border: #333;--msg-gemini-header: #9cf7c8;--msg-sms-bg: #0f0f0f;--msg-sms-border: #333;--msg-sms-header: #8dd6ff;--msg-email-bg: #0f0f0f;--msg-email-border: #333;--msg-email-header: #8dd6ff;--msg-messaging-bg: #0f0f0f;--msg-messaging-border: #333;--msg-messaging-header: #9cf7c8;--msg-contact-bg: #0f0f0f;--msg-contact-border: #333;--msg-contact-header: #8dd6ff;--button-bg: #131313;--button-hover: #222;--button-active: #333;--btn-text: #e6e6e6;--menu-bg: #0f0f0f;--menu-hover: #131313;--menu-active: #222;--shadow-color: rgba(0, 0, 0, .5);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#444}*{scrollbar-color:#333 #0f0f0f;scrollbar-width:thin}.app-shell{display:flex;flex-direction:column;min-height:100vh;height:100%;overflow:hidden;background:var(--bg-primary);font-family:var(--mono)}.header-bar-v2{position:sticky;top:0;z-index:100;background:var(--bg-header);color:var(--text-header);box-shadow:0 2px 8px var(--shadow-medium);padding:0}.header-main{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-height:52px;border-bottom:1px solid var(--border-medium)}.header-utils{display:flex;align-items:center;gap:8px}.util-btn-with-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:0;cursor:pointer;transition:all .15s ease;color:var(--text-primary);font-family:var(--mono);min-width:70px}.util-btn-with-label .util-icon{font-size:20px;color:var(--accent-primary)}.util-btn-with-label .util-label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.util-btn-with-label:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 8px #8dd6ff4d}.util-btn-with-label:hover:not(:disabled) .util-label{color:var(--text-primary)}.util-btn-with-label:hover:not(:disabled) .util-icon{color:var(--accent-bright);text-shadow:0 0 8px rgba(141,214,255,.6)}.util-btn-with-label.active{background:color-mix(in srgb,var(--accent-primary) 20%,var(--bg-secondary));border-color:var(--accent-primary)}.util-btn-with-label.active .util-icon,.util-btn-with-label.active .util-label{color:var(--accent-bright)}.brand-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-header);cursor:pointer;padding:6px 12px;border-radius:0;transition:all .15s ease;flex-shrink:0;font-family:var(--mono)}.brand-btn:hover{background:var(--bg-secondary);border:1px solid var(--border-medium)}.brand-icon{font-size:22px;color:var(--accent-primary)}.brand-text{font-size:18px;font-weight:800;letter-spacing:.08em}.header-search-row{display:flex;align-items:center;width:100%;padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-medium)}.search-area{flex:1;display:flex;align-items:center;gap:8px;max-width:100%}.search-input-v2{flex:1;padding:8px 14px;border-radius:20px;border:1px solid var(--border-medium);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.search-input-v2:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--shadow-color)}.search-input-v2::placeholder{color:var(--text-muted)}.tag-pill{display:flex;align-items:center;gap:4px;background:var(--accent-primary);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.tag-pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0 2px;opacity:.8}.tag-pill button:hover{opacity:1}.toolbar-primary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;width:100%;background:var(--bg-primary);border-bottom:1px solid var(--border-medium);padding:10px 16px}.toolbar-main-row{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.toolbar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:0;font-size:18px;cursor:pointer;transition:all .15s ease;color:var(--text-header);font-family:var(--mono);letter-spacing:.08em}.toolbar-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 8px #8dd6ff4d}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);box-shadow:0 0 12px #8dd6ff80}.toolbar-btn.more-btn{font-size:20px;font-weight:700}.toolbar-submenu-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0;width:100%;border-top:1px solid var(--border-medium);background:var(--bg-secondary);padding:4px 0;animation:submenuSlide .2s ease}@keyframes submenuSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toolbar-submenu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:0;cursor:pointer;transition:all .15s ease;color:var(--text-primary);font-family:var(--mono);min-width:80px}.toolbar-submenu-btn .submenu-icon{font-size:20px;color:var(--accent-primary)}.toolbar-submenu-btn .submenu-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.toolbar-submenu-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 8px #8dd6ff4d}.toolbar-submenu-btn:hover:not(:disabled) .submenu-label{color:var(--text-primary)}.toolbar-submenu-btn:hover:not(:disabled) .submenu-icon{color:var(--accent-bright);text-shadow:0 0 8px rgba(141,214,255,.6)}.toolbar-submenu-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-submenu-btn.active{background:color-mix(in srgb,var(--accent-primary) 20%,var(--bg-secondary));border-color:var(--accent-primary)}.toolbar-submenu-btn.active .submenu-icon,.toolbar-submenu-btn.active .submenu-label{color:var(--accent-bright)}.import-menu-container,.export-menu-container,.view-menu-container{display:contents}.import-menu-container button,.export-menu-container button,.view-menu-container button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.more-menu-container{position:relative}.slideout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideout-panel{position:fixed;top:0;right:0;width:280px;height:100vh;overflow-y:auto;background:var(--bg-secondary);border-left:1px solid var(--border-medium);box-shadow:-8px 0 32px var(--shadow-medium);z-index:1000;animation:slideInFromRight .25s ease}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slideout-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.slideout-title{font-size:16px;font-weight:600;color:var(--text-primary)}.slideout-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:14px;transition:all .15s}.slideout-close:hover{background:var(--bg-primary);color:var(--text-primary)}.slideout-panel .dropdown-section:first-child{margin-top:0}.dropdown-section{padding:8px;border-bottom:1px solid var(--border-light)}.dropdown-section:last-child{border-bottom:none}.dropdown-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:4px 8px;margin-bottom:4px}.dropdown-section button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .1s ease}.dropdown-section button:hover:not(:disabled){background:var(--bg-tertiary)}.dropdown-section button:disabled{opacity:.4;cursor:not-allowed}.dropdown-section button.danger-btn{color:#ef4444}.dropdown-section button.danger-btn:hover:not(:disabled){background:#ef44441a}.dropdown-section-help{background:var(--bg-tertiary);border-radius:0 0 12px 12px}.sort-subsection{margin-top:4px}.sort-options{margin-left:24px;margin-top:4px;border-left:2px solid var(--border-light);padding-left:8px}.sort-options button{padding:6px 10px;font-size:12px}.sort-options button.active{background:var(--accent-primary);color:#fff}.search-nav{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-light)}.search-nav button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;font-size:12px;color:var(--text-primary);transition:all .15s ease}.search-nav button:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.search-count{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:60px;text-align:center}.save-banner{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(90deg,var(--accent-success),#22c55e);color:#000;font-size:13px;font-weight:600}.save-banner button{padding:6px 14px;border-radius:6px;border:none;font-weight:600;font-size:12px;cursor:pointer;transition:all .15s ease}.save-banner .save-btn{background:#000;color:#fff}.save-banner .save-btn:hover{background:#333}.save-banner .revert-btn{background:#0003;color:#000}.save-banner .revert-btn:hover{background:#0000004d}.error-banner{padding:10px 16px;background:#fef2f2;color:#dc2626;font-size:13px;text-align:center;border-top:1px solid #fecaca}.header-bar{display:none}.header-top{display:flex;justify-content:center;align-items:center;position:relative}.menu-collapse-toggle{position:absolute;right:8px;background:transparent;border:1px solid var(--border-medium);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--text-secondary);transition:all .15s ease}.menu-collapse-toggle:hover{background:var(--menu-hover);color:var(--text-primary)}.header-bar.menu-collapsed{padding:6px 12px;gap:0}.header-bar.menu-collapsed .header-top{margin-bottom:0}.theme-toggle{position:absolute;right:0;background:transparent;border:1px solid var(--border-medium);border-radius:6px;padding:4px 8px;font-size:16px;cursor:pointer;transition:background .15s ease}.theme-toggle:hover{background:var(--menu-hover)}.brand-title{font-size:24px;font-weight:800;letter-spacing:.05em;text-align:center}.brand-title-clickable{background:transparent;border:none;color:inherit;cursor:pointer;padding:4px 12px;border-radius:6px;transition:background .15s ease}.brand-title-clickable:hover{background:#ffffff1a}.header-controls,.header-row{display:flex;justify-content:center;gap:10px;align-items:center}.match-counter{font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);padding:8px 14px;border-radius:6px;min-width:60px;text-align:center}.menu-main-row{display:flex;justify-content:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border-light);flex-wrap:wrap}.menu-main-btn{padding:8px 14px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .15s ease;background:var(--menu-hover);color:var(--text-header);border:1px solid var(--border-medium);min-width:90px;text-align:center}.menu-main-btn:hover{background:var(--menu-active);border-color:var(--accent-primary)}.menu-main-btn.active{background:var(--accent-primary);border-color:var(--accent-hover);color:var(--text-header)}.menu-submenu{display:flex;justify-content:center;gap:8px;padding:10px 16px;background:var(--menu-bg);border-top:1px solid var(--border-light);flex-wrap:wrap}.menu-submenu .menu-item{padding:8px 14px;font-size:12px;min-width:auto;background:var(--menu-hover);color:var(--text-header);border:1px solid var(--border-medium)}.menu-submenu .menu-item:hover{background:var(--menu-active)}.menu-submenu .menu-item-help{background:transparent;border-color:var(--border-medium);color:var(--text-muted)}.menu-submenu .menu-item-help:hover{background:var(--menu-hover);color:var(--text-header)}.menu-submenu .menu-item-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.menu-submenu .menu-item-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.menu-submenu .menu-item-primary:disabled{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-muted)}.menu-accordion{display:flex;flex-direction:column;gap:10px;padding:10px 0;border-top:1px solid #334155}.menu-row{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap}.menu-section-label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.menu-divider{color:#475569;font-size:16px;margin:0 4px}.menu-item{padding:8px 12px;font-size:13px;min-width:auto}.sort-container-menu{position:relative;display:inline-block}.sort-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;background:var(--menu-bg);border:1px solid var(--border-medium);border-radius:6px;box-shadow:0 4px 12px var(--shadow-medium);z-index:100;overflow:hidden;min-width:140px}.sort-dropdown-menu .sort-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-header);font-size:12px;text-align:left;cursor:pointer;transition:background .15s ease}.sort-dropdown-menu .sort-option:hover{background:var(--menu-hover)}.sort-dropdown-menu .sort-option.active{background:var(--accent-primary);color:var(--text-header);font-weight:600}.menu-label{font-size:13px;font-weight:600;color:var(--text-muted)}.menu-select{padding:8px 12px;border-radius:6px;border:1px solid #475569;background:#334155;color:#e2e8f0;font-size:13px;cursor:pointer}.menu-toggle.active{background:#475569;border-color:#64748b}.header-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.input-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.action-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-primary)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent-success);color:var(--bg-primary);border:none;padding:8px 14px;border-radius:6px;font-weight:700;cursor:pointer;transition:background .15s ease}.primary:hover{background:var(--accent-success-hover);color:var(--text-primary)}.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.ghost:disabled{opacity:.4;cursor:not-allowed}.ghost:hover:not(:disabled){border-color:#cbd5e1;color:#fff}.search-input{width:100%;max-width:500px;padding:10px 14px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;text-align:center}.search-input::placeholder{text-align:center;color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--shadow-color)}.search-match-nav{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:6px;padding:6px 12px}.search-nav-btn{background:var(--accent-primary);border:none;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:12px;color:var(--btn-text);display:flex;align-items:center;justify-content:center;transition:background .15s ease}.search-nav-btn:hover{background:var(--accent-hover)}.search-match-counter{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:50px;text-align:center}.sort-select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:13px;cursor:pointer}.error-banner{background:#b91c1c;color:#fee2e2;padding:8px 10px;border-radius:6px;font-size:14px}.content-area{display:flex;flex:1;min-height:0;overflow:hidden;background:var(--bg-secondary);border-top:1px solid var(--border-light)}.mobile-sidebar-toggle,.mobile-sidebar-overlay,.mobile-sidebar-header{display:none}.sidebar-container{display:contents}.sidebar{width:320px;min-width:200px;max-width:500px;border-right:2px solid var(--border-medium);background:var(--bg-primary);display:flex;flex-direction:column;min-height:150px;flex-shrink:0;overflow:hidden;position:relative;z-index:1}.resize-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e2e8f0;transition:background .15s ease;touch-action:none;-webkit-user-select:none;user-select:none}.resize-handle:hover,.resize-handle:active{background:#cbd5e1}.resize-handle-vertical{height:12px;width:100%;cursor:ns-resize;border-top:1px solid #cbd5e1}.resize-handle-horizontal{width:12px;height:100%;cursor:ew-resize;border-left:1px solid #cbd5e1}.resize-handle-bar{background:#94a3b8;border-radius:2px}.resize-handle-vertical .resize-handle-bar{width:40px;height:4px}.resize-handle-horizontal .resize-handle-bar{width:4px;height:40px}.sidebar-header{padding:12px 16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border-medium);flex-shrink:0;background:var(--bg-tertiary)}.sidebar-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:.05em}.sidebar-import-status{font-size:11px;color:var(--text-secondary);font-weight:600;background:var(--bg-secondary);padding:4px 8px;border-radius:4px}.sidebar-actions{display:flex;gap:8px}.sidebar-btn{flex:1;padding:8px 12px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:background .15s ease;background:#f8fafc;color:#475569;border:1px solid #cbd5e1;text-align:center}.sidebar-btn:hover{background:#e2e8f0}.sidebar-btn.active{background:var(--button-active);border-color:var(--accent-primary);color:var(--text-primary)}.sort-container{position:relative;flex:1}.sort-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;box-shadow:0 4px 12px var(--shadow-medium);z-index:50;overflow:hidden}.sort-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:12px;text-align:left;cursor:pointer;transition:background .15s ease}.sort-option:hover{background:var(--bg-tertiary)}.sort-option.active{background:var(--accent-selected);color:var(--text-primary);font-weight:600}.sidebar-list{flex:1;min-height:0;overflow-y:auto}.item-tree,.tree-group{display:flex;flex-direction:column}.tree-group-row{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;background:var(--bg-primary);border-bottom:1px solid var(--border-light);-webkit-user-select:none;user-select:none;transition:background .15s ease}.tree-group-row:hover{background:var(--bg-secondary)}.tree-arrow{font-size:10px;color:var(--text-muted);width:14px;text-align:center;transition:transform .15s ease;flex-shrink:0}.tree-group-row:hover .tree-arrow{color:var(--text-secondary)}.tree-group-title{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);flex:1}.tree-group-count{font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px;font-weight:500}.tree-children{display:flex;flex-direction:column}.tree-conversation-row{padding:14px 16px;cursor:pointer;border-bottom:2px solid var(--border-light);display:flex;flex-direction:column;gap:6px;background:var(--bg-secondary);margin:0 8px 8px;border-radius:8px;box-shadow:0 1px 3px var(--shadow-light);transition:transform .1s ease,box-shadow .1s ease}.tree-conversation-row:first-child{margin-top:8px}.tree-conversation-row:hover{background:var(--bg-tertiary);transform:translate(2px);box-shadow:0 2px 6px var(--shadow-medium)}.tree-conversation-row.active{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);box-shadow:0 2px 8px var(--shadow-medium)}.tree-conversation-row.edit-mode{position:relative}.tree-conversation-row.edit-mode:hover{padding-right:70px}.tree-conversation-row.edit-mode .conversation-edit-actions{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);gap:4px}.tree-conversation-row.edit-mode:hover .conversation-edit-actions{display:flex}.tree-conversation-row.edit-mode .editable-title:hover{text-decoration:underline;text-decoration-style:dotted}.tree-structure-wrapper{margin:0}.tree-structure-row{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border-light);gap:8px;transition:background-color .15s ease}.tree-structure-row:hover{background:var(--bg-tertiary)}.tree-structure-row.active{background:var(--bg-tertiary);border-left:3px solid var(--accent-secondary)}.tree-structure-row .structure-icon{font-size:16px;flex-shrink:0}.tree-structure-row .structure-title{flex:1;font-weight:600;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-structure-row .structure-meta{font-size:11px;color:var(--text-muted);flex-shrink:0}.tree-structure-row .node-count{background:var(--bg-tertiary);padding:2px 6px;border-radius:10px}.tree-structure-children{margin-left:0}.tree-node-wrapper{margin:0}.tree-node-row{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--border-light);gap:6px;transition:background-color .15s ease;font-size:13px}.tree-node-row:hover{background:var(--bg-tertiary)}.tree-node-row.active{background:var(--bg-tertiary);border-left:3px solid var(--accent-tertiary)}.tree-node-row .node-type-icon{font-size:14px;flex-shrink:0;opacity:.8}.tree-node-row .node-title{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node-row .node-child-count{font-size:10px;color:var(--text-muted);background:var(--bg-secondary);padding:1px 5px;border-radius:8px;flex-shrink:0}.tree-node-children{margin-left:0}.tree-arrow-placeholder{width:16px;flex-shrink:0}.conversation-item{padding:14px 16px;cursor:pointer;border-bottom:2px solid var(--border-light);display:flex;flex-direction:column;gap:6px;background:var(--bg-secondary);margin:0 8px 8px;border-radius:8px;box-shadow:0 1px 3px var(--shadow-light);transition:transform .1s ease,box-shadow .1s ease}.conversation-item:first-child{margin-top:8px}.conversation-item:hover{background:var(--bg-tertiary);transform:translate(2px);box-shadow:0 2px 6px var(--shadow-medium)}.conversation-item.active{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);box-shadow:0 2px 8px var(--shadow-medium)}.conversation-title{font-weight:600;margin:0;font-size:14px;color:var(--text-primary);line-height:1.3;display:flex;align-items:center;gap:6px}.provider-icon{font-size:12px;font-weight:700;flex-shrink:0}.provider-chatgpt{color:var(--provider-chatgpt)}.provider-claude{color:var(--provider-claude)}.provider-gemini{color:var(--provider-gemini)}.provider-chatnav{color:var(--provider-chatnav)}.provider-unknown{color:var(--text-muted)}.conversation-meta{color:var(--text-muted);font-size:12px;display:flex;justify-content:space-between;gap:8px}.message-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;border-radius:999px;white-space:nowrap}.view-container{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.view-header{padding:16px 20px;border-bottom:2px solid var(--border-medium);border-left:3px solid var(--accent-primary);display:flex;justify-content:center;align-items:center;flex-shrink:0;background:var(--bg-tertiary);position:relative;z-index:0}.view-header-center{text-align:center}.view-title-row{display:flex;align-items:center;justify-content:center;gap:10px}.view-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.analytics-view .view-content{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:16px}.panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;padding:14px;box-shadow:0 1px 2px var(--shadow-light)}.panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.panel-meta{color:var(--text-muted);font-size:12px}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:12px}.summary-label{font-size:12px;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase}.summary-value{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:4px}.analytics-list{display:flex;flex-direction:column;gap:8px}.analytics-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.analytics-row:disabled{cursor:default;opacity:.8}.analytics-row:hover:not(:disabled){border-color:var(--border-medium);background:var(--bg-tertiary)}.analytics-row-label{flex:1;display:flex;flex-direction:column}.analytics-row-title{font-weight:600;color:var(--text-primary)}.analytics-row-secondary{color:var(--text-muted);font-size:12px}.analytics-bar-container{flex:2;background:var(--bg-tertiary);border-radius:6px;height:10px;overflow:hidden}.analytics-bar{background:var(--accent-primary);height:100%}.analytics-count{min-width:40px;text-align:right;font-weight:600;color:var(--text-primary)}.analytics-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border-light);border-radius:999px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .15s,background .15s}.tag-pill:hover{border-color:var(--border-medium);background:var(--bg-tertiary)}.tag-name{font-weight:600}.tag-count{background:var(--bg-tertiary);border-radius:8px;padding:2px 6px;font-size:12px;color:var(--text-secondary)}.two-column{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.panel-column h3{margin-top:0}.active-filter-pill{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:6px 8px;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-primary)}.pill-label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.pill-value{font-weight:700}.pill-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:2px;border-radius:4px}.pill-clear:hover{color:var(--text-primary);background:var(--bg-secondary)}.print-icon-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background .15s}.print-icon-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.view-meta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:4px}.view-meta{font-size:12px;color:var(--text-muted)}.message-card{border-radius:8px;margin-bottom:12px;box-shadow:0 1px 2px var(--shadow-light);overflow:hidden}.message-card.role-user{background:var(--bg-secondary);border:1px solid var(--border-medium)}.message-card.role-user .message-header{background:var(--msg-user-header);color:var(--text-header)}.message-card.role-assistant{background:var(--msg-assistant-bg);border:1px solid var(--msg-assistant-border)}.message-card.role-assistant .message-header{background:var(--msg-assistant-header);color:var(--text-header)}.message-card.role-claude{background:var(--msg-claude-bg);border:1px solid var(--msg-claude-border)}.message-card.role-claude .message-header{background:var(--msg-claude-header);color:var(--text-header)}.message-card.role-gemini{background:var(--msg-gemini-bg);border:1px solid var(--msg-gemini-border)}.message-card.role-gemini .message-header{background:var(--msg-gemini-header);color:var(--text-header)}.message-card.role-contact{background:var(--msg-contact-bg);border:1px solid var(--msg-contact-border)}.message-card.role-contact .message-header{background:var(--msg-contact-header);color:var(--text-header)}.message-card.role-sms{background:var(--msg-sms-bg);border:1px solid var(--msg-sms-border)}.message-card.role-sms .message-header{background:var(--msg-sms-header);color:var(--text-header)}.message-card.role-email{background:var(--msg-email-bg);border:1px solid var(--msg-email-border)}.message-card.role-email .message-header{background:var(--msg-email-header);color:var(--text-header)}.message-card.role-messaging{background:var(--msg-messaging-bg);border:1px solid var(--msg-messaging-border)}.message-card.role-messaging .message-header{background:var(--msg-messaging-header);color:var(--text-header)}.message-card.role-system{background:var(--bg-tertiary);border:1px solid var(--border-medium);opacity:.8}.message-card.role-system .message-header{background:var(--text-muted);color:var(--text-header)}.provider-badge{font-size:14px;margin-right:6px}.provider-badge-small{font-size:11px;margin-right:4px}.badge-chatgpt{color:var(--provider-chatgpt)}.badge-claude{color:var(--provider-claude)}.badge-gemini{color:var(--provider-gemini)}.badge-unknown{color:var(--text-muted)}.badge-sms{color:var(--msg-sms-header)}.badge-email{color:var(--msg-email-header)}.badge-messaging{color:var(--msg-messaging-header)}.message-header .provider-badge,.calendar-message-header .provider-badge{color:inherit;opacity:.9}.message-role{display:flex;align-items:center;gap:2px}.message-header{padding:10px 16px;font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:16px}.message-role{font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.message-time{opacity:.9;font-size:12px;white-space:nowrap;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.message-content{padding:12px 14px;white-space:pre-wrap;color:var(--text-primary);word-break:break-word;min-height:20px}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.print-message-content h1,.print-message-content h2,.print-message-content h3,.print-message-content h4,.calendar-message-content h1,.calendar-message-content h2,.calendar-message-content h3,.calendar-message-content h4,.md-h1,.md-h2,.md-h3,.md-h4{display:block;margin-top:.8em;margin-bottom:.4em;font-weight:600;color:var(--text-primary)}.md-h1{font-size:1.5em;border-bottom:1px solid #e2e8f0;padding-bottom:.3em}.md-h2{font-size:1.3em;border-bottom:1px solid #e2e8f0;padding-bottom:.2em}.md-h3{font-size:1.15em}.md-h4{font-size:1.05em}.md-inline-code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;color:var(--text-primary)}.md-code-block{display:block;background:var(--bg-header);color:var(--text-header);padding:12px 16px;border-radius:6px;margin:8px 0;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;white-space:pre}.md-code-block code{color:inherit;background:none;padding:0}.md-blockquote{display:block;border-left:3px solid var(--accent-selected);padding-left:12px;margin:8px 0;color:var(--text-secondary);font-style:italic}.md-ul,.md-ol{display:block;margin:8px 0;padding-left:20px}.md-li{display:list-item;list-style-type:disc}.md-li-num{display:list-item;list-style-type:decimal}.md-hr{display:block;border:none;border-top:1px solid var(--border-medium);margin:16px 0}.md-link{color:var(--accent-primary);text-decoration:underline;text-decoration-color:var(--shadow-color)}.md-link:hover{text-decoration-color:var(--accent-primary)}.message-content strong,.print-message-content strong,.calendar-message-content strong{font-weight:600}.message-content em,.print-message-content em,.calendar-message-content em{font-style:italic}.message-content del,.print-message-content del,.calendar-message-content del{text-decoration:line-through;opacity:.7}.highlight{background:var(--accent-selected);padding:0 2px}.empty-state{margin:auto;color:var(--text-muted);text-align:center;padding:24px}.status-text{font-size:12px;color:var(--text-muted)}.conversation-meta.subtle{color:var(--text-secondary)}.messages-area{display:flex;flex:1;min-height:0;overflow:hidden}.messages{flex:1;min-height:0;padding:16px;overflow-y:auto;background:var(--bg-primary);min-width:0}.message-nav{width:60px;background:var(--bg-tertiary);border-left:1px solid var(--border-medium);display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:auto}.message-nav-list{flex:1;overflow-y:auto;padding:6px;background:var(--bg-tertiary);display:flex;flex-direction:column;gap:4px}.message-nav-item{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 6px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:transform .1s ease,box-shadow .15s ease}.message-nav-item:hover{transform:scale(1.05);box-shadow:0 2px 6px #00000026}.message-nav-item.selected{transform:scale(1.1);box-shadow:0 2px 8px #0003}.message-nav-item.role-user{background:var(--accent-primary);color:var(--btn-text)}.message-nav-item.role-assistant{background:var(--provider-chatgpt);color:var(--btn-text)}.message-nav-item.role-claude{background:var(--provider-claude);color:var(--btn-text)}.message-nav-item.role-gemini{background:var(--provider-gemini);color:var(--btn-text)}.message-nav-item.role-contact{background:var(--msg-contact-header);color:var(--btn-text)}.message-nav-item.role-sms{background:var(--msg-sms-header);color:var(--btn-text)}.message-nav-item.role-email{background:var(--msg-email-header);color:var(--btn-text)}.message-nav-item.role-messaging{background:var(--msg-messaging-header);color:var(--btn-text)}.message-nav-item.role-system{background:var(--text-muted);color:var(--btn-text)}.message-card.selected{outline:2px solid var(--accent-hover);outline-offset:-2px;box-shadow:0 0 8px var(--shadow-color)}.message-card.has-match .message-header{background:#f59e0b!important}.message-nav-item.has-match{background:#fbbf24!important;color:#1f2937!important}.search-match-nav{display:flex;align-items:center;gap:8px}.search-nav-action{padding:8px 12px;font-size:13px}.search-match-counter{font-size:13px;font-weight:600;color:var(--text-primary);min-width:60px;text-align:center;background:var(--bg-tertiary);padding:8px 12px;border-radius:6px}.help-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.help-header{padding:20px 24px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-medium);display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.back-btn{padding:10px 16px;font-size:14px;font-weight:600;background:var(--bg-header);color:var(--btn-text);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.back-btn:hover{background:var(--accent-hover)}.back-btn-light{padding:8px 16px;font-size:13px;font-weight:500;background:transparent;color:var(--text-muted);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;transition:all .15s}.back-btn-light:hover{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--accent-primary)}.help-title{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.help-content{flex:1;overflow-y:auto;padding:24px;max-width:900px;margin:0 auto;width:100%}.help-section{margin-bottom:32px;background:var(--bg-secondary);padding:20px 24px;border-radius:8px;border:1px solid var(--border-light);box-shadow:0 1px 3px var(--shadow-light)}.help-section h2{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--text-primary);border-bottom:2px solid var(--accent-primary);padding-bottom:8px}.help-section p{margin:0 0 12px;line-height:1.6;color:var(--text-secondary)}.help-section ol,.help-section ul{margin:0 0 12px;padding-left:24px;line-height:1.8;color:var(--text-secondary)}.help-section li{margin-bottom:8px}.help-section ul ul{margin-top:8px;margin-bottom:0}.help-section code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--text-primary)}.help-section a{color:var(--accent-primary);text-decoration:none}.help-section a:hover{text-decoration:underline}.help-section strong{color:var(--text-primary)}.help-table{width:100%;border-collapse:collapse;margin-top:12px}.help-table th,.help-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-light)}.help-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.help-table td:first-child{font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--accent-primary);font-weight:600;width:140px}.help-section dl{margin:0}.help-section dt{font-weight:600;color:var(--text-primary);margin-top:16px}.help-section dt:first-child{margin-top:0}.help-section dd{margin:8px 0 0;padding-left:16px;color:var(--text-secondary);line-height:1.6}.help-btn{width:100%;justify-content:center}.device-btn{padding:12px 20px;font-size:14px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--border-medium);border-radius:8px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}.device-btn.active{background:var(--accent-primary);color:var(--btn-text);border-color:var(--accent-primary)}.device-btn.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.device-instructions{margin-top:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;border-left:4px solid var(--accent-primary)}.device-instructions h3{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text-primary)}.device-instructions ol{margin:0;padding-left:24px;line-height:1.8;color:var(--text-secondary)}.device-instructions li{margin-bottom:10px}.device-instructions ul{margin:8px 0 0;padding-left:20px}.device-instructions ul li{margin-bottom:6px}.device-tip{margin:16px 0 0;padding:12px 16px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);font-size:13px;line-height:1.5}.device-tip strong{color:var(--text-primary)}.device-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;justify-content:center}.device-btn{padding:10px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-medium);transition:all .2s ease}.device-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.device-btn.active{background:var(--accent-selected);border-color:var(--accent-primary);color:var(--text-primary)}.device-instructions{margin-top:16px;padding:16px;background:var(--bg-tertiary);border-radius:8px;border-left:4px solid var(--accent-primary)}.device-instructions h3{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.device-instructions h4{margin:16px 0 8px;font-size:14px;color:var(--text-secondary)}.device-instructions ol{margin:8px 0;padding-left:20px}.device-instructions li{margin-bottom:8px;line-height:1.6}.provider-list{list-style:none;padding:0;margin:16px 0}.provider-list li{display:flex;align-items:center;gap:10px;padding:8px 0}.provider-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;border-radius:4px}.provider-icon.chatgpt{color:var(--provider-chatgpt)}.provider-icon.claude{color:var(--provider-claude)}.provider-icon.gemini{color:var(--provider-gemini)}.provider-icon.chatnav{color:var(--accent-primary)}.provider-icon.small{width:18px;height:18px;font-size:12px}.privacy-note{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:8px;padding:16px;margin:16px 0;color:var(--text-secondary)}.collapsible-sections{margin:16px 0}.section-toggle{display:block;width:100%;text-align:left;padding:12px 16px;margin-bottom:8px;font-size:14px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .15s}.section-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.section-toggle.active{background:var(--accent-primary);color:var(--btn-text);border-color:var(--accent-primary)}.collapsible-content{padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:12px;border-left:3px solid var(--accent-primary)}.collapsible-content ol{margin:0;padding-left:24px}.collapsible-content li{margin-bottom:8px;line-height:1.6}.collapsible-content p{margin:12px 0 0;font-size:14px;color:var(--text-secondary)}.import-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.import-option{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px}.import-option h4{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--text-primary)}.import-option ul{margin:0;padding-left:20px}.import-option li{margin-bottom:6px;font-size:14px;line-height:1.5}.import-option ul ul{margin-top:6px}.help-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:20px 0 12px}.export-formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.export-format-card{padding:14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .15s ease}.export-format-card:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-light)}.export-format-card.disabled{opacity:.6;cursor:not-allowed}.export-format-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--border-light);background:var(--bg-secondary)}.export-format-card h4{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--accent-primary)}.export-format-card p{margin:0 0 6px;font-size:13px;line-height:1.4;color:var(--text-secondary)}.export-format-card .format-note{font-size:11px;color:var(--text-muted);font-style:italic}.export-format-card.archive-card{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary),rgba(var(--accent-primary-rgb, 59, 130, 246),.05))}.export-format-card.archive-card h4{color:var(--accent-primary)}.export-format-card.archive-card .format-note{color:var(--accent-primary);font-style:normal;font-weight:500}@media (max-width: 600px){.import-options{grid-template-columns:1fr}}@media (max-width: 900px){.sidebar{width:280px;min-width:180px}.message-nav{width:50px}.message-nav-item{padding:8px 4px;font-size:12px}.header-main{padding:8px 12px;gap:8px}.toolbar-btn{width:36px;height:36px;font-size:16px}.search-area{max-width:280px}}@media (max-width: 600px){.header-bar-v2{position:sticky;top:0;z-index:100}.header-main{flex-wrap:wrap;padding:8px 10px;gap:6px;min-height:auto}.brand-btn{padding:4px 8px;gap:4px}.brand-icon{font-size:18px}.brand-text{font-size:14px}.search-area{order:10;flex:1 1 100%;max-width:100%;margin-top:4px}.search-input-v2{padding:8px 12px;font-size:14px;border-radius:8px}.toolbar-primary{display:flex;flex-wrap:nowrap;gap:2px;overflow:visible;padding-right:4px}.toolbar-btn{width:34px;height:34px;min-width:34px;font-size:15px;flex-shrink:0}.slideout-panel{width:100%;border-left:none;border-top:2px solid var(--accent-primary)}.dropdown-section{padding:8px 12px}.dropdown-section button{padding:12px 14px;font-size:14px}.dropdown-label{font-size:11px;padding:6px 8px}.privacy-banner-content{flex-wrap:wrap;gap:8px;justify-content:center;text-align:center}.privacy-text{flex:1 1 100%;font-size:12px}.privacy-learn-more{font-size:11px;padding:6px 12px}.search-nav{padding:6px 12px;gap:8px}.search-nav button{width:28px;height:28px}.search-count{font-size:12px}.save-banner{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 12px;font-size:12px}.save-banner button{padding:6px 12px;font-size:11px}.app-shell{overflow:hidden;display:flex;flex-direction:column;height:100vh;height:100dvh}.header-bar{position:relative;flex-shrink:0;z-index:100;padding:6px 8px;gap:4px;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.brand-title{font-size:16px}.header-controls{gap:4px}.header-row,.header-actions{gap:6px}.search-input{font-size:13px;padding:8px 10px;min-width:0;flex:1}.action-btn{padding:8px 10px;font-size:11px}.menu-toggle{padding:8px 10px}.menu-accordion{gap:4px;padding:4px 0}.menu-main-row{padding:6px 8px;gap:4px}.menu-main-btn{padding:8px 10px;font-size:11px;min-width:auto;flex:1}.menu-submenu{padding:6px 8px;gap:4px}.menu-submenu .menu-item{padding:6px 10px;font-size:10px}.menu-row{flex-wrap:wrap;gap:4px;justify-content:flex-start;padding:0 4px}.menu-section-label{font-size:9px;width:100%;margin-bottom:2px}.menu-divider{display:none}.menu-item{padding:5px 8px;font-size:10px}.content-area,.help-container,.exports-container,.history-view-container,.timeline-view-container,.import-view-container{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.content-area{flex-direction:column;position:relative}.view-container{width:100%;max-width:100%;overflow-x:hidden}.mobile-sidebar-toggle{display:flex;align-items:center;gap:8px;position:fixed;bottom:20px;left:20px;padding:12px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:24px;box-shadow:0 4px 16px #0000004d;cursor:pointer;z-index:100;font-size:14px;font-weight:600;transition:all .2s ease}.mobile-sidebar-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.mobile-sidebar-toggle .toggle-icon{font-size:18px}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:fadeIn .2s ease}.sidebar-container{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;height:100dvh;background:var(--bg-primary);z-index:300;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000004d}.sidebar-container.open{transform:translate(0)}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);font-size:16px;font-weight:600;color:var(--text-primary)}.mobile-sidebar-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:16px;transition:all .15s}.mobile-sidebar-close:hover{background:var(--bg-primary);color:var(--text-primary)}.sidebar-container .sidebar{flex:1;width:100%;min-width:100%;max-width:100%;height:auto;min-height:0;max-height:none;border:none}.sidebar-container .resize-handle-vertical{display:none}.content-area>.conversation-view{flex:1;min-height:0}.content-area.mobile-sidebar-open .mobile-sidebar-toggle{opacity:0;pointer-events:none}.resize-handle-vertical{height:28px;background:linear-gradient(180deg,var(--accent-primary),var(--bg-tertiary));cursor:ns-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.resize-handle-vertical:hover,.resize-handle-vertical:active{background:var(--accent-primary)}.resize-handle-vertical .resize-handle-bar{background:#fffc;width:60px;height:6px;border-radius:3px;box-shadow:0 1px 3px #0000004d}.resize-handle-vertical:before{content:"drag";position:absolute;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-top:-16px}.sidebar-header{padding:4px 8px;gap:2px}.sidebar-title{font-size:10px}.sidebar-actions{gap:2px}.sidebar-btn{padding:3px 5px;font-size:8px}.conversation-item{padding:4px 8px;margin:0 4px 3px;gap:1px}.conversation-item:first-child{margin-top:3px}.conversation-title{font-size:11px;line-height:1.2}.conversation-meta{font-size:9px;line-height:1.2}.sticky-date-header{padding:3px 6px!important;font-size:9px!important}.date-badge{padding:1px 4px;font-size:8px}.main-view{flex:1;min-height:0}.screen-content{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.messages-area{display:flex;flex-direction:row;overflow:visible;flex:none;min-height:auto}.messages{overflow:visible;flex:1;min-height:auto;min-width:0}.message-nav{position:sticky;top:0;flex-shrink:0;max-height:100vh;max-height:100dvh;overflow-y:auto;align-self:flex-start}.view-header{padding:6px 8px}.view-title{font-size:13px}.view-meta{font-size:10px}.messages{padding:8px}.message-card{margin-bottom:6px}.message-header{padding:6px 10px;font-size:10px}.message-content{padding:10px;font-size:14px}.message-nav{width:40px;min-height:0}.message-nav-item{padding:6px 4px;font-size:11px;min-height:28px}.sort-dropdown{min-width:130px}.sort-option{padding:10px 12px;font-size:12px}.help-header{padding:10px 12px;flex-wrap:wrap;gap:10px}.back-btn{padding:6px 10px;font-size:12px}.help-title{font-size:16px}.help-content{padding:12px}.help-section{padding:12px;margin-bottom:16px}.help-section h2{font-size:14px}.device-buttons{flex-direction:column}.device-btn{width:100%;justify-content:center}.help-table th,.help-table td{padding:6px 8px;font-size:11px}.help-table td:first-child{width:80px}.calendar-view-container{flex:1;min-height:0;overflow-y:auto}.calendar-header-bar{padding:8px 10px;gap:8px;flex-shrink:0}.calendar-full-grid{padding:8px}.calendar-day{min-height:50px;padding:4px}.day-num{font-size:12px}.day-provider-dots{gap:2px}.provider-dot{font-size:8px;min-width:14px;height:14px;padding:0 3px}}@media (max-width: 380px){.sidebar{width:150px;min-width:120px}.brand-title{font-size:14px}.sidebar-btn{padding:3px 4px;font-size:8px}.message-nav{width:32px}.message-nav-item{font-size:9px;padding:4px 2px}.conversation-item{padding:6px 8px;margin:0 4px 4px}.conversation-title{font-size:11px}}@media (max-height: 500px) and (orientation: landscape){.header-bar{padding:4px 8px;gap:2px}.brand-title{font-size:14px}.header-controls{gap:4px}.search-input{padding:5px 10px;font-size:12px}.action-btn{padding:5px 8px;font-size:10px}.menu-toggle{padding:5px 8px}.menu-accordion{gap:2px;padding:2px 0}.menu-item{padding:4px 8px;font-size:10px}.sidebar-header{padding:4px 6px;gap:2px}.sidebar-title{font-size:9px}.sidebar-btn{padding:3px 5px;font-size:8px}.conversation-item{padding:6px 8px;margin:0 4px 4px}.conversation-title{font-size:12px}.conversation-meta{font-size:10px}.view-header{padding:6px 10px}.view-title{font-size:12px}.view-meta{font-size:9px}.messages{padding:6px}.message-card{margin-bottom:6px}.message-header{padding:4px 6px;font-size:9px}.message-content{padding:6px;font-size:12px}.message-nav{width:30px}.message-nav-item{padding:4px 2px;font-size:9px;min-height:20px}.calendar-header-bar{padding:6px 10px;gap:6px}.calendar-day{min-height:40px;padding:3px}.day-num{font-size:11px}}.sidebar-btn.print-action{margin-left:auto;flex-shrink:0;background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.sidebar-btn.print-action:hover{background:var(--button-hover);border-color:var(--accent-primary)}.sidebar-btn.primary-action{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.sidebar-btn.primary-action:hover{background:var(--button-hover)}.sidebar-btn.primary-action:disabled{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-muted);cursor:not-allowed}.print-content{display:none}.screen-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@media print{.header-bar,.sidebar,.message-nav,.screen-content .view-header,.screen-content .messages-area{display:none!important}.print-content{display:block!important;padding:0;margin:0;position:static!important;width:100%!important;height:auto!important;overflow:visible!important}html,body{height:auto!important;overflow:visible!important}.app-shell,.content-area,.view-container,.screen-content{display:block!important;overflow:visible!important;height:auto!important;min-height:0!important;position:static!important}.print-title{font-size:24pt;font-weight:700;color:#000;margin:0 0 10pt;padding-bottom:10pt;border-bottom:2pt solid #000}.print-meta{font-size:10pt;color:#555;margin-bottom:20pt}.print-messages{page-break-inside:auto}.print-message{page-break-inside:avoid;margin-bottom:15pt;border:1pt solid #ccc;border-radius:4pt;overflow:hidden}.print-message.role-user{border-left:4pt solid #64748b}.print-message.role-assistant{border-left:4pt solid #3b82f6}.print-message-header{display:flex;justify-content:space-between;padding:8pt 12pt;background:#f5f5f5;font-size:9pt}.print-role{font-weight:700;text-transform:uppercase}.print-time{color:#666}.print-message-content{padding:12pt;font-size:11pt;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.print-footer{margin-top:30pt;padding-top:10pt;border-top:1pt solid #ccc;text-align:center;font-size:8pt;color:#888}@page{margin:1in;size:letter}}.exports-sidebar .sidebar-list{padding:8px}.export-list-section{margin-bottom:16px}.export-list-header{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;padding:8px 12px 4px;letter-spacing:.05em}.export-info-item{display:flex;flex-direction:column;padding:10px 14px;background:#f8fafc;border-radius:6px;margin-bottom:4px}.export-info-item .conversation-title{font-size:13px;font-weight:600;color:#334155}.export-info-item .conversation-meta{font-size:11px;color:#64748b;margin-top:2px}.exports-main-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}.exports-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px var(--shadow-light);display:flex;gap:16px;align-items:flex-start}.exports-card.primary{background:linear-gradient(135deg,var(--accent-primary) 0%,#4f46e5 100%);color:#fff;border:none}.exports-card.primary h2,.exports-card.primary p{color:#fff}.exports-card.primary p{opacity:.9}.exports-card .card-icon{font-size:32px;flex-shrink:0}.exports-card .card-content{flex:1}.exports-card h2{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text-primary)}.exports-card p{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.exports-card ul{margin:0;padding-left:20px;line-height:1.8;color:var(--text-secondary)}.export-btn{padding:10px 18px;font-size:13px;font-weight:600;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.export-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary)}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn.primary{background:#fff;color:var(--accent-primary);border-color:#fff}.export-btn.primary:hover:not(:disabled){background:#ffffffe6}.exports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.exports-grid .exports-card{margin-bottom:0}.section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.current-selection{display:flex;gap:8px;align-items:center;padding:10px 14px;background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary));border:1px solid var(--accent-primary);border-radius:8px;margin-bottom:16px}.current-selection .selection-label{font-size:12px;color:var(--text-secondary)}.current-selection .selection-title{font-size:13px;font-weight:600;color:var(--text-primary)}.no-selection-hint{padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;font-size:13px;color:var(--text-muted);margin-bottom:16px}.exports-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px 20px;margin-top:24px}.exports-info h3{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.exports-info p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.conversation-item.export-action{cursor:pointer;transition:all .15s ease}.conversation-item.export-action:hover:not(:disabled){background:var(--bg-tertiary);border-left-color:var(--accent-primary)}.conversation-item.export-action:disabled{opacity:.5;cursor:not-allowed}.export-card-actions{margin-bottom:8px}.export-hint{font-size:12px;color:#64748b}.export-tip{padding:12px;background:#fef3c7;border-radius:6px;font-size:13px;color:#92400e}.export-tip strong{color:#78350f}.history-sidebar .sidebar-list{padding:0}.calendar-sidebar-list{overflow-y:auto;position:relative}.history-stats-bar{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 12px;background:#f1f5f9;font-size:12px;color:#64748b;border-bottom:1px solid #e2e8f0}.timeline-day-group{border-bottom:1px solid #e2e8f0}.timeline-date-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#334155;font-size:13px;font-weight:700;color:#fff;letter-spacing:.02em}.sticky-date-header{position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #00000026}.date-badge{background:#334155;color:#fff;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.calendar-convo-sidebar-item{margin:0;border-radius:0;border-left:3px solid transparent;padding:12px 14px;background:#fff;cursor:pointer}.calendar-convo-sidebar-item:hover{background:#f8fafc;border-left-color:#94a3b8;transform:none;box-shadow:none}.calendar-convo-sidebar-item .conversation-title{font-size:14px;margin-bottom:4px}.calendar-convo-sidebar-item .conversation-meta{display:flex;justify-content:space-between;align-items:center}.calendar-view-container{display:flex;flex-direction:column;flex:1;overflow-y:auto;background:#f1f5f9}.calendar-view-fullscreen{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-tertiary);overflow:hidden}.calendar-content-area{flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden}.calendar-header-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0}.calendar-slider-inline{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;max-width:350px;background:var(--bg-tertiary);padding:8px 14px;border-radius:8px;border:2px solid var(--accent-primary);box-shadow:0 2px 6px var(--shadow-medium)}.calendar-slider-inline .calendar-month-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--bg-secondary),var(--accent-primary));border-radius:4px;cursor:pointer}.calendar-slider-inline .calendar-month-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 4px var(--shadow-medium);border:2px solid white}.calendar-slider-inline .calendar-month-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px var(--shadow-medium)}.calendar-slider-inline .calendar-month-slider:disabled{opacity:.5;cursor:not-allowed}.calendar-slider-inline .slider-label-start,.calendar-slider-inline .slider-label-end{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.calendar-nav-btn{padding:8px 12px;font-size:14px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;transition:all .15s ease}.calendar-nav-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.calendar-stats{font-size:13px;color:var(--text-muted)}.calendar-nav-group{display:flex;align-items:center;gap:8px}.calendar-select{padding:8px 12px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-secondary);font-size:14px;color:var(--text-primary);cursor:pointer;min-width:110px}.calendar-select:focus{outline:none;border-color:var(--accent-primary)}.calendar-year-input{width:80px;padding:8px 10px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-secondary);font-size:14px;color:var(--text-primary);text-align:center}.calendar-year-input:focus{outline:none;border-color:var(--accent-primary)}.calendar-slider-group{display:flex;align-items:center;gap:12px;flex:1;min-width:200px;max-width:300px}.month-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer}.month-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 4px var(--shadow-medium)}.month-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 2px 4px var(--shadow-medium)}.slider-label{font-size:13px;color:var(--text-muted);min-width:80px}.calendar-slider-container{display:flex;align-items:center;gap:12px;flex:1;min-width:200px;max-width:400px;padding:0 8px}.calendar-month-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer}.calendar-month-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 4px var(--shadow-medium);transition:transform .15s ease}.calendar-month-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.calendar-month-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 2px 4px var(--shadow-medium)}.slider-label-start,.slider-label-end{font-size:11px;color:var(--text-muted);white-space:nowrap}.calendar-grid-container{flex:1;overflow-y:auto;padding:16px 20px;min-height:0;min-width:0}.calendar-full-grid{padding:20px;flex:1}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;background:var(--bg-secondary);border-radius:10px;padding:8px;max-width:700px;margin:0 auto}.calendar-weekday{padding:12px 8px;text-align:center;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;background:#f8fafc;border-radius:6px}.calendar-day{min-height:80px;background:var(--bg-secondary);border-radius:6px;padding:8px;cursor:default;display:flex;flex-direction:column;align-items:center}.calendar-day.empty{background:var(--bg-primary)}.calendar-day.has-convos{cursor:pointer;transition:all .15s;background:var(--bg-tertiary)}.calendar-day.has-convos:hover{background:var(--button-hover);box-shadow:0 2px 8px var(--shadow-medium)}.calendar-day.selected{background:var(--accent-selected);box-shadow:0 0 0 2px var(--accent-primary)}.day-num{font-size:15px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.calendar-day.has-convos .day-num{color:var(--text-primary)}.day-provider-dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.provider-dot{font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--btn-text);cursor:default}.provider-dot.chatgpt{background:var(--provider-chatgpt)}.provider-dot.claude{background:var(--provider-claude)}.provider-dot.gemini{background:var(--provider-gemini)}.provider-dot.unknown{background:var(--accent-primary)}.day-count{font-size:12px;font-weight:700;background:var(--accent-hover);color:var(--btn-text);padding:3px 10px;border-radius:12px}.calendar-day-panel{flex-shrink:0;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.calendar-day-panel.side-panel{border-left:2px solid var(--accent-primary);height:100%;max-height:100%;overflow:hidden}.calendar-day-panel.bottom-panel{display:none;border-top:2px solid var(--accent-primary)}@media (max-width: 900px){.calendar-content-area{flex-direction:column}.calendar-day-panel.side-panel{display:none}.calendar-day-panel.bottom-panel{display:flex}.calendar-content-area .resize-handle-horizontal{display:none}}.calendar-day-panel-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);flex-shrink:0}.calendar-day-panel-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);flex:1}.day-panel-count{font-size:13px;color:var(--text-muted)}.day-panel-close{padding:6px 10px;font-size:14px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:all .15s ease}.day-panel-close:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.calendar-day-panel-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.calendar-day-detail{margin:0 20px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:16px;box-shadow:0 4px 12px var(--shadow-medium)}.calendar-day-detail h3{margin:0 0 16px;font-size:15px;font-weight:700;color:var(--text-primary);padding-bottom:10px;border-bottom:1px solid var(--border-light)}.day-convos{display:flex;flex-direction:column;gap:8px}.calendar-convo-item{border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);overflow:hidden}.calendar-convo-item.expanded{background:var(--bg-secondary);border-color:var(--accent-primary)}.calendar-convo-item.media-item{border-color:var(--accent-success)}.calendar-convo-item.media-item.expanded{border-color:var(--accent-primary)}.convo-media-icon{font-size:14px;flex-shrink:0}.calendar-media-preview{padding:12px;display:flex;flex-direction:column;align-items:center;gap:10px;border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.calendar-media-image{max-width:100%;max-height:300px;border-radius:6px;object-fit:contain}.calendar-media-video{max-width:100%;max-height:300px;border-radius:6px}.calendar-media-audio{display:flex;flex-direction:column;align-items:center;gap:8px}.calendar-media-audio .audio-icon{font-size:32px}.calendar-media-audio audio{width:100%;max-width:300px}.calendar-media-placeholder{display:flex;align-items:center;gap:8px;padding:16px;color:var(--text-secondary);font-size:14px}.calendar-media-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-muted)}.calendar-message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.calendar-attachment{border-radius:4px;overflow:hidden;background:var(--bg-tertiary)}.calendar-attachment-image{max-width:150px;max-height:100px;object-fit:cover;display:block}.calendar-attachment-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:24px}.calendar-convo-header-row{display:flex;align-items:center;gap:8px}.calendar-convo-header{display:flex;align-items:center;gap:10px;flex:1;padding:12px 14px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s}.calendar-convo-header:hover{background:var(--bg-tertiary)}.calendar-print-btn{padding:6px 12px;font-size:12px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-right:8px}.calendar-print-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.convo-expand-icon{font-size:10px;color:var(--text-muted);flex-shrink:0}.calendar-convo-header .conversation-title{flex:1;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-convo-header .conversation-meta{font-size:12px;color:var(--text-muted);flex-shrink:0}.calendar-convo-with-nav{display:flex;flex-direction:row;border-top:1px solid var(--border-light);max-height:400px;overflow:hidden}.calendar-convo-messages{padding:12px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;background:var(--bg-primary)}.calendar-message-nav{width:52px;min-width:52px;flex-shrink:0;background:var(--bg-tertiary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;padding:8px 4px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.calendar-message-nav .message-nav-list{display:flex;flex-direction:column;gap:4px}.calendar-message-nav .message-nav-item{width:36px;height:28px;min-width:36px;min-height:28px;border-radius:4px;border:none;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.calendar-message-nav .message-nav-item.role-user{background:var(--msg-user-header);color:#fff}.calendar-message-nav .message-nav-item.role-assistant,.calendar-message-nav .message-nav-item.role-chatgpt{background:var(--provider-chatgpt);color:#fff}.calendar-message-nav .message-nav-item.role-claude{background:var(--provider-claude);color:#fff}.calendar-message-nav .message-nav-item.role-gemini{background:var(--provider-gemini);color:#fff}.calendar-message-nav .message-nav-item.role-contact{background:#10b981;color:#fff}.calendar-message-nav .message-nav-item:hover{transform:scale(1.1);box-shadow:0 2px 4px var(--shadow-medium)}.calendar-message-nav .message-nav-item.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent-primary);transform:scale(1.05)}.calendar-message{padding:12px 14px;border-radius:8px}.calendar-message.selected{box-shadow:0 0 0 2px var(--accent-primary)}.calendar-message.role-user{background:#e5e7eb;margin-left:20px}.calendar-message.role-assistant{background:#dbeafe;margin-right:20px}.calendar-message.role-claude{background:#fed7aa;margin-right:20px}.calendar-message.role-gemini{background:#bbf7d0;margin-right:20px}.calendar-message.role-contact{background:#e0f2fe;margin-right:20px}.calendar-message.role-sms{background:#fae8ff;margin-right:20px}.calendar-message.role-email{background:#ffedd5;margin-right:20px}.calendar-message.role-messaging{background:#d1fae5;margin-right:20px}.calendar-message.role-system{background:#e2e8f0;margin-right:20px;margin-left:20px;opacity:.8;font-style:italic}.calendar-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08)}.calendar-message .message-role{font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b}.calendar-message .message-time{font-size:11px;color:#94a3b8}.calendar-message-content{font-size:13px;line-height:1.6;color:#334155;white-space:pre-wrap;word-break:break-word}@media (max-width: 600px){.history-sidebar,.exports-sidebar{width:100%;min-width:100%;max-width:100%;height:200px;min-height:100px;max-height:70vh;border-right:none;border-bottom:none;overflow:hidden;flex-shrink:0}.history-sidebar .sidebar-header{padding:4px 8px;gap:2px}.history-stats-bar{padding:2px 6px;font-size:9px}.history-sidebar .calendar-sidebar-list{max-height:none;min-height:0;overflow-y:auto;flex:1}.history-sidebar .timeline-date-header{padding:3px 6px;font-size:9px}.history-sidebar .date-badge{padding:1px 4px;font-size:8px}.calendar-convo-sidebar-item{padding:4px 8px!important}.calendar-convo-sidebar-item .conversation-title{font-size:10px;line-height:1.2}.calendar-convo-sidebar-item .conversation-meta{font-size:8px;line-height:1.2}.calendar-view-container{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.calendar-full-grid{padding:8px;flex-shrink:0}.calendar-grid{gap:2px;padding:2px}.calendar-weekday{padding:4px 2px;font-size:9px}.calendar-day{min-height:36px;padding:2px}.day-num{font-size:10px}.day-provider-dots{gap:1px}.provider-dot{font-size:7px;min-width:12px;height:12px;padding:0 2px}.calendar-day-detail{flex:1;min-height:0;overflow-y:auto;margin:0 8px 8px;padding:10px}.calendar-day-detail h3{font-size:12px;margin-bottom:8px}.calendar-convo-header{padding:8px 10px}.calendar-convo-header .conversation-title{font-size:12px}.calendar-convo-messages{max-height:none;padding:8px;gap:8px}.calendar-message{padding:8px 10px;margin-left:0!important;margin-right:0!important}.calendar-message-content{font-size:12px}.calendar-header-bar{padding:6px 8px;gap:4px;flex-shrink:0}.calendar-nav-group{flex-wrap:wrap;gap:4px}.calendar-select{min-width:70px;font-size:11px;padding:4px 5px}.calendar-year-input{width:55px;padding:4px 5px;font-size:11px}.calendar-slider-group{display:none}.calendar-view-fullscreen .resize-handle-vertical{height:20px;background:var(--accent-primary);border-top:none}.calendar-view-fullscreen .resize-handle-vertical .resize-handle-bar{background:#fff;width:60px;height:6px}.calendar-day-panel{min-height:120px}.exports-main-content{padding:12px}.exports-card{padding:14px}.exports-card h2{font-size:14px}.exports-card p{font-size:13px}}.import-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.import-dialog{background:var(--bg-header);border-radius:16px;padding:24px;max-width:450px;width:100%;box-shadow:0 20px 60px var(--shadow-medium);color:var(--text-header)}.import-dialog h3{margin:0 0 16px;font-size:20px;font-weight:700;color:var(--btn-text)}.import-dialog-info{background:var(--menu-bg);border-radius:10px;padding:14px;margin-bottom:16px}.import-dialog-info p{margin:6px 0;font-size:14px;color:#cbd5e1}.import-dialog-info strong{color:#94a3b8}.import-dialog-question{font-size:15px;margin-bottom:20px;color:#e2e8f0}.import-dialog-buttons{display:flex;flex-direction:column;gap:10px}.import-btn{padding:14px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.import-btn .btn-hint{font-size:11px;font-weight:400;opacity:.8}.import-btn-replace{background:var(--accent-primary);color:var(--btn-text)}.import-btn-replace:hover{background:var(--accent-hover)}.import-btn-merge{background:var(--accent-success);color:var(--bg-primary)}.import-btn-merge:hover{background:var(--accent-success-hover)}.import-btn-cancel{background:var(--bg-tertiary);color:var(--text-primary)}.import-btn-cancel:hover{background:var(--button-hover)}.import-dialog h3{display:flex;align-items:center;gap:10px}.import-dialog h3 .dialog-icon{font-size:24px}.import-dialog-info{display:flex;flex-direction:column;gap:8px}.import-dialog-info .info-row{display:flex;align-items:center;gap:12px}.import-dialog-info .info-label{font-size:13px;color:#94a3b8;min-width:60px}.import-dialog-info .info-value{font-size:14px;color:#e2e8f0}.import-dialog-info .info-value.count{font-size:18px;font-weight:700;color:var(--accent-success)}.import-dialog-info .info-row.highlight{padding:8px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:4px 0}.provider-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#ffffff1a;font-size:13px}.import-dialog-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.import-dialog-footer .privacy-note{font-size:12px;color:#64748b}.dropdown-hint{font-size:11px;color:#64748b;padding:4px 12px;margin:-4px 0 4px;font-style:italic}.dropdown-section button.primary-action{background:var(--accent-primary);color:var(--btn-text);font-weight:600}.dropdown-section button.primary-action:hover:not(:disabled){background:var(--accent-hover)}.menu-item-danger:hover:not(:disabled){background:var(--menu-active)}@media (max-width: 480px){.import-dialog{padding:20px;margin:10px}.import-dialog h3{font-size:18px}.import-btn{padding:12px 16px;font-size:13px}}.timeline-view-container{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-primary);overflow:hidden}.timeline-header-bar{display:flex;flex-direction:column;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0}.timeline-header-row-1{display:flex;align-items:center;gap:16px;width:100%}.timeline-header-row-1 .timeline-stats{flex:1}.timeline-controls-toggle{display:none;padding:6px 12px;font-size:12px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;transition:all .15s ease}.timeline-controls-toggle:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.timeline-panel-toggles{display:flex;gap:6px;padding:4px 0;flex-wrap:wrap;align-items:center}.panel-toggle-btn{padding:5px 10px;font-size:11px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.panel-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.panel-toggle-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.timeline-controls{display:flex;align-items:center;gap:16px;flex:1;flex-wrap:wrap}.timeline-stats{font-size:13px;color:var(--text-muted)}.timeline-slider-container{display:flex;align-items:center;gap:10px;flex:0 1 300px;min-width:180px;background:var(--bg-tertiary);padding:8px 14px;border-radius:8px;border:2px solid var(--accent-primary);box-shadow:0 2px 6px var(--shadow-medium)}.timeline-period-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--bg-secondary),var(--accent-primary));border-radius:4px;cursor:pointer}.timeline-period-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 2px 4px var(--shadow-medium);border:2px solid white;transition:transform .15s ease}.timeline-period-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.timeline-period-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px var(--shadow-medium)}.timeline-period-slider:disabled{opacity:.5;cursor:not-allowed}.timeline-slider-container .slider-label-start,.timeline-slider-container .slider-label-end{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.timeline-group-selector{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.timeline-group-btn{padding:6px 12px;font-size:12px;font-weight:600;background:transparent;color:var(--text-secondary);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.timeline-group-btn:hover{background:var(--bg-secondary)}.timeline-group-btn.active{background:var(--accent-primary);color:var(--btn-text)}.timeline-type-filter{display:flex;gap:2px;background:var(--bg-tertiary);padding:3px;border-radius:6px}.timeline-filter-btn{padding:5px 10px;font-size:11px;font-weight:600;background:transparent;color:var(--text-secondary);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.timeline-filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.timeline-filter-btn.active{background:var(--accent-secondary);color:var(--text-primary)}.timeline-orientation-toggle{display:flex;gap:2px;background:var(--bg-tertiary);padding:4px;border-radius:6px}.timeline-orient-btn{padding:6px 10px;font-size:14px;background:transparent;color:var(--text-secondary);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.timeline-orient-btn:hover{background:var(--bg-secondary)}.timeline-orient-btn.active{background:var(--accent-primary);color:var(--btn-text)}.timeline-zoom-controls{display:flex;align-items:center;gap:2px;background:var(--bg-tertiary);padding:4px;border-radius:6px}.timeline-zoom-btn{width:28px;height:28px;padding:0;font-size:16px;font-weight:700;background:transparent;color:var(--text-secondary);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.timeline-zoom-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.timeline-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.timeline-zoom-level{padding:4px 8px;font-size:11px;font-weight:600;background:transparent;color:var(--text-muted);border:none;border-radius:4px;cursor:pointer;min-width:42px;text-align:center;transition:all .15s ease}.timeline-zoom-level:hover{background:var(--bg-secondary);color:var(--text-primary)}.timeline-zoom-level.zoomed{background:var(--accent-primary);color:#fff}.section-collapse-bar{display:flex;align-items:center;padding:4px 8px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);flex-shrink:0}.section-collapse-btn{padding:4px 12px;font-size:12px;font-weight:600;background:transparent;color:var(--text-secondary);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.section-collapse-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.section-collapse-btn-sm{width:24px;height:24px;padding:0;font-size:10px;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-light);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.section-collapse-btn-sm:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.section-collapse-header{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0}.timeline-main-area.collapsed{flex:0 0 auto}.timeline-main-area.collapsed .timeline-scroll-container,.timeline-main-area.collapsed .timeline-scroll-hint{display:none}.timeline-bottom-calendar.collapsed,.timeline-bottom-convos.collapsed{width:40px!important;min-width:40px!important;max-width:40px!important}.convo-list-count-bar{padding:6px 12px;font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.timeline-content-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:visible;position:relative}.timeline-content-area.vertical{flex-direction:row;overflow:hidden}.timeline-main-area{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.timeline-scroll-container{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:50px 20px 40px;overscroll-behavior:contain;background:radial-gradient(circle at 20% 30%,rgba(91,155,213,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(204,167,112,.03) 0%,transparent 50%),var(--bg-tertiary)}.timeline-scroll-container.horizontal{overflow-x:auto;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab}.timeline-scroll-container.horizontal:active{cursor:grabbing}.timeline-scroll-container.vertical{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-y}.timeline-scroll-container.vertical.panning-enabled{overflow-x:auto;overflow-y:auto;touch-action:pan-x pan-y;cursor:grab}.timeline-scroll-container.vertical.panning-enabled:active{cursor:grabbing}.timeline-river{position:relative;display:flex;min-height:100%}.timeline-river.horizontal{flex-direction:row;align-items:flex-start;gap:0;padding-bottom:20px;padding-right:40px;min-width:max-content}.timeline-river.vertical{flex-direction:column;align-items:flex-start;padding-left:60px}.timeline-line{position:absolute;background:linear-gradient(90deg,var(--provider-chatgpt) 0%,var(--provider-claude) 50%,var(--provider-gemini) 100%);opacity:.3}.timeline-river.horizontal .timeline-line{top:30px;left:0;right:0;height:4px;border-radius:2px}.timeline-river.vertical .timeline-line{top:0;bottom:0;left:30px;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--provider-chatgpt) 0%,var(--provider-claude) 50%,var(--provider-gemini) 100%)}.timeline-period-group{position:relative;flex-shrink:0;display:flex;flex-direction:column}.timeline-river.horizontal .timeline-period-group{min-width:200px;padding:0 10px}.timeline-river.vertical .timeline-period-group{width:100%;padding:10px 0}.timeline-period-marker{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.timeline-river.horizontal .timeline-period-marker{flex-direction:column;align-items:center;margin-bottom:20px}.timeline-river.vertical .timeline-period-marker{flex-direction:row;position:absolute;left:-50px;top:20px}.period-marker-dot{width:14px;height:14px;border-radius:50%;background:var(--accent-primary);border:3px solid var(--bg-primary);flex-shrink:0;box-shadow:0 2px 6px var(--shadow-medium)}.period-marker-label{display:flex;flex-direction:column;align-items:center;gap:2px}.timeline-river.horizontal .period-marker-label{align-items:center;margin-top:8px}.timeline-river.vertical .period-marker-label{align-items:flex-start;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.period-main-label{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap}.period-sub-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.period-count-badge{position:absolute;background:var(--accent-primary);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.timeline-river.horizontal .period-count-badge{top:-8px;right:50%;transform:translate(50%)}.timeline-river.vertical .period-count-badge{left:-25px;top:0}.timeline-convos-branch{display:flex;gap:10px;padding:10px 0}.timeline-river.horizontal .timeline-convos-branch{flex-direction:column;align-items:stretch}.timeline-river.vertical .timeline-convos-branch{flex-direction:row;flex-wrap:wrap;padding-left:10px}.timeline-convo-node{position:relative;display:flex;flex-direction:column}.timeline-river.horizontal .timeline-convo-node{width:100%}.timeline-river.vertical .timeline-convo-node{width:280px}.convo-connector{position:absolute;background:var(--border-medium)}.timeline-river.horizontal .convo-connector{display:none}.timeline-river.vertical .convo-connector{width:20px;height:2px;left:-20px;top:20px}.convo-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow-light);width:200px;max-width:200px;min-width:200px}.convo-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-medium)}.timeline-convo-node.provider-chatgpt .convo-card{border-left:4px solid var(--provider-chatgpt)}.timeline-convo-node.provider-claude .convo-card{border-left:4px solid var(--provider-claude)}.timeline-convo-node.provider-gemini .convo-card{border-left:4px solid var(--provider-gemini)}.timeline-convo-node.provider-media .convo-card{border-left:4px solid #a855f7}.timeline-convo-node.selected .convo-card{border-color:var(--accent-primary);background:var(--accent-selected)}.timeline-convo-node:focus{outline:none}.timeline-convo-node:focus .convo-card{box-shadow:0 0 0 2px var(--accent-primary),0 4px 16px var(--shadow-medium)}.convo-card-header{display:flex;align-items:center;gap:8px}.convo-provider-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.convo-provider-indicator.provider-chatgpt{background:var(--provider-chatgpt)}.convo-provider-indicator.provider-claude{background:var(--provider-claude)}.convo-provider-indicator.provider-gemini{background:var(--provider-gemini)}.convo-provider-indicator.provider-media{background:#a855f7}.convo-provider-indicator.provider-structure{background:#f97316}.convo-title{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.convo-card-meta{display:flex;gap:10px;margin-top:6px;font-size:11px;color:var(--text-muted)}.convo-card.media-card{display:flex;flex-direction:column;padding:8px;gap:8px}.media-card-thumb{width:100%;height:100px;border-radius:6px;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.media-card-thumb img{width:100%;height:100%;object-fit:cover}.media-card-info{display:flex;flex-direction:column;gap:4px}.media-card-info .media-title{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-type-badge{font-size:10px;color:#a855f7;text-transform:uppercase;font-weight:600}.timeline-convo-node.media-item .convo-card{border-left-color:#a855f7}.timeline-media-detail{flex:1;display:flex;flex-direction:column;overflow:auto;padding:16px;gap:16px}.timeline-media-detail.horizontal{flex-direction:row;align-items:flex-start}.media-detail-preview{flex-shrink:0;max-width:100%;display:flex;justify-content:center;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.timeline-media-detail.horizontal .media-detail-preview{max-width:300px;max-height:250px}.media-detail-preview img,.media-detail-preview video{max-width:100%;max-height:400px;object-fit:contain}.timeline-media-detail.horizontal .media-detail-preview img,.timeline-media-detail.horizontal .media-detail-preview video{max-height:250px}.media-detail-preview audio{width:100%;max-width:300px;margin:20px}.media-detail-info{flex:1;display:flex;flex-direction:column;gap:8px}.media-info-row{display:flex;gap:8px;font-size:13px}.media-info-row.compact{font-size:11px}.media-info-label{font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.media-info-value{color:var(--text-primary);word-break:break-word}.media-metadata-section{margin-top:8px;border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.media-metadata-section summary{padding:8px 12px;background:var(--bg-tertiary);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary)}.media-metadata-section summary:hover{background:var(--bg-primary)}.media-metadata-list{padding:8px 12px;background:var(--bg-secondary);max-height:200px;overflow-y:auto}.media-list-item{display:flex;align-items:center}.list-item-thumb{width:32px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0;margin-right:8px}.list-item-thumb img{width:100%;height:100%;object-fit:cover}.timeline-expanded-panel{flex-shrink:0;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.timeline-expanded-panel.bottom-panel{border-top:2px solid var(--accent-primary)}.timeline-expanded-panel.side-panel{border-left:2px solid var(--accent-primary);height:100%}.timeline-expanded-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);flex-shrink:0}.side-panel .timeline-expanded-header{flex-wrap:wrap;gap:8px}.side-panel .expanded-header-left{flex-wrap:wrap}.expanded-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.expanded-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.expanded-title{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-meta{font-size:12px;color:var(--text-muted);white-space:nowrap}.convo-print-btn{padding:6px 12px;font-size:12px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:all .15s ease}.convo-print-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.convo-close-btn{padding:6px 10px;font-size:14px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:all .15s ease}.convo-close-btn:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.timeline-expanded-messages{flex:1;padding:12px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.convo-message{margin-bottom:12px;border-radius:6px;overflow:hidden}.convo-message:last-child{margin-bottom:0}.convo-message.selected{box-shadow:0 0 0 2px var(--accent-primary)}.convo-message-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:600}.convo-message-role{text-transform:uppercase;letter-spacing:.5px}.convo-message-time{font-weight:400;opacity:.85;font-size:10px}.convo-message.role-user .convo-message-header{background:var(--msg-user-header);color:#fff}.convo-message.role-assistant.provider-chatgpt .convo-message-header{background:var(--provider-chatgpt);color:#fff}.convo-message.role-assistant.provider-claude .convo-message-header{background:var(--provider-claude);color:#fff}.convo-message.role-assistant.provider-gemini .convo-message-header{background:var(--provider-gemini);color:#fff}.convo-message-role:not(.convo-message-header .convo-message-role){padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.convo-message.role-user .convo-message-role{background:var(--msg-user-header);color:#fff}.convo-message.role-assistant.provider-chatgpt .convo-message-role{background:var(--provider-chatgpt);color:#fff}.convo-message.role-assistant.provider-claude .convo-message-role{background:var(--provider-claude);color:#fff}.convo-message.role-assistant.provider-gemini .convo-message-role{background:var(--provider-gemini);color:#fff}.convo-message-content{padding:12px;background:var(--bg-primary);font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-light);border-top:none}.timeline-messages-with-nav{display:flex;flex:1;min-height:0;overflow:hidden}.timeline-messages-with-nav .timeline-expanded-messages{flex:1;min-width:0}.timeline-message-nav{width:52px;min-width:52px;flex-shrink:0;background:var(--bg-tertiary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;padding:8px 4px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.timeline-message-nav .message-nav-list{display:flex;flex-direction:column;gap:4px}.timeline-message-nav .message-nav-item{width:36px;height:28px;min-width:36px;min-height:28px;border-radius:4px;border:none;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.timeline-message-nav .message-nav-item.role-user{background:var(--msg-user-header);color:#fff}.timeline-message-nav .message-nav-item.role-assistant.provider-chatgpt{background:var(--provider-chatgpt);color:#fff}.timeline-message-nav .message-nav-item.role-assistant.provider-claude{background:var(--provider-claude);color:#fff}.timeline-message-nav .message-nav-item.role-assistant.provider-gemini{background:var(--provider-gemini);color:#fff}.timeline-message-nav .message-nav-item:hover{transform:scale(1.1);box-shadow:0 2px 4px var(--shadow-medium)}.timeline-message-nav .message-nav-item.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent-primary);transform:scale(1.05)}.timeline-bottom-panel-3col{display:flex;flex-direction:row;background:var(--bg-secondary);border-top:2px solid var(--accent-primary);flex-shrink:0;overflow:hidden}.timeline-bottom-calendar{width:220px;min-width:200px;max-width:260px;flex-shrink:0;display:flex;flex-direction:column;padding:12px;border-right:1px solid var(--border-light);background:var(--bg-tertiary);overflow-y:auto}.mini-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:4px;flex-shrink:0}.mini-cal-nav{padding:4px 8px;font-size:12px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:all .15s ease}.mini-cal-nav:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.mini-cal-title{font-size:13px;font-weight:600;color:var(--text-primary)}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex-shrink:0}.mini-cal-weekday{font-size:10px;font-weight:600;color:var(--text-muted);text-align:center;padding:4px 0}.mini-cal-day{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-secondary);border-radius:4px;cursor:default;position:relative;margin:1px auto}.mini-cal-day.empty{background:transparent}.mini-cal-day.has-convos{background:var(--bg-secondary);cursor:pointer;font-weight:600;color:var(--text-primary)}.mini-cal-day.has-convos:hover,.mini-cal-day.selected{background:var(--accent-primary);color:#fff}.mini-cal-dot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent-primary)}.mini-cal-day.selected .mini-cal-dot,.mini-cal-day.has-convos:hover .mini-cal-dot{background:#fff}.mini-cal-selected-info{margin-top:10px;padding:8px;background:var(--bg-secondary);border-radius:6px;font-size:11px;color:var(--text-secondary);text-align:center}.timeline-bottom-messages{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.timeline-bottom-messages .timeline-expanded-header{padding:10px 14px;flex-shrink:0}.timeline-bottom-messages .timeline-messages-with-nav{flex:1;min-height:0}.timeline-bottom-messages .timeline-expanded-messages{flex:1;padding:12px}.timeline-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:8px}.no-selection-icon{font-size:32px;opacity:.5}.no-selection-text{font-size:14px}.no-selection-hint{font-size:12px;opacity:.7}.timeline-bottom-convos{width:260px;min-width:220px;max-width:320px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border-light);background:var(--bg-tertiary)}.timeline-bottom-panel-3col.list-only .timeline-bottom-convos{width:100%;max-width:none;border-left:none}.timeline-bottom-panel-3col.calendar-only .timeline-bottom-calendar{width:100%;max-width:none;border-right:none}.timeline-bottom-panel-3col.messages-only .timeline-bottom-messages{width:100%}.timeline-bottom-panel-3col:not(.list-only):not(.calendar-only):not(.messages-only) .timeline-bottom-convos:first-child{border-left:none}.convo-list-header{display:flex;flex-direction:column;padding:10px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.convo-list-date{font-size:13px;font-weight:600;color:var(--text-primary)}.convo-list-count{font-size:11px;color:var(--text-muted)}.convo-list-placeholder{font-size:12px;color:var(--text-muted)}.convo-list-items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px}.convo-list-item{display:flex;align-items:flex-start;gap:8px;padding:10px;margin-bottom:6px;background:var(--bg-secondary);border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;position:relative}.convo-list-number{width:24px;height:24px;min-width:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.convo-list-number.provider-chatgpt{background:var(--provider-chatgpt)}.convo-list-number.provider-claude{background:var(--provider-claude)}.convo-list-number.provider-gemini{background:var(--provider-gemini)}.convo-list-item.active .convo-list-number{background:#fff;color:var(--accent-primary)}.convo-list-item:hover{background:var(--bg-primary);border-color:var(--border-medium)}.convo-list-item.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.convo-list-item.active .convo-list-item-title,.convo-list-item.active .convo-list-item-meta{color:#fff}.convo-list-item-content{flex:1;min-width:0}.convo-list-item-title{font-size:12px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.convo-list-item-meta{font-size:10px;color:var(--text-muted)}.convo-list-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:12px}@media (max-width: 900px){.timeline-bottom-panel-3col{flex-wrap:wrap}.timeline-bottom-calendar{width:50%;min-width:auto;max-width:none;border-right:none;border-bottom:1px solid var(--border-light)}.timeline-bottom-convos{width:50%;min-width:auto;max-width:none;border-left:none;border-bottom:1px solid var(--border-light)}.timeline-bottom-messages{width:100%;min-height:150px}}@media (max-width: 600px){.timeline-bottom-panel-3col{flex-direction:column}.timeline-bottom-calendar,.timeline-bottom-convos{width:100%;border-right:none;border-left:none}.timeline-bottom-calendar{max-height:180px}.timeline-bottom-convos{max-height:120px}}.timeline-scroll-hint{position:absolute;font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:6px 14px;border-radius:20px;opacity:.8;pointer-events:none;box-shadow:0 2px 8px var(--shadow-light)}.timeline-scroll-hint.horizontal{bottom:12px;left:50%;transform:translate(-50%)}.timeline-scroll-hint.vertical{right:12px;top:50%;transform:translateY(-50%) rotate(90deg)}.timeline-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:14px;padding:40px}@media (max-width: 768px){.timeline-controls-toggle{display:block}.timeline-panel-toggles{justify-content:center;width:100%}.panel-toggle-btn{padding:4px 8px;font-size:10px}.timeline-controls.hidden{display:none}.timeline-header-row-1{gap:10px}.timeline-header-row-1 .timeline-stats{font-size:11px}.timeline-bottom-panel-3col{flex-direction:column;min-height:150px}.timeline-bottom-panel-3col.all-collapsed{display:none}.timeline-view-container .resize-handle-vertical{height:20px;background:var(--accent-primary)}.timeline-view-container .resize-handle-vertical .resize-handle-bar{background:#fff;width:60px;height:6px}.timeline-bottom-calendar,.timeline-bottom-messages,.timeline-bottom-convos{width:100%;min-width:0;max-width:none;border-right:none;border-left:none;border-bottom:1px solid var(--border-light);max-height:none;flex-shrink:0}.timeline-bottom-messages{flex:1;min-height:150px}.timeline-content-area.vertical .resize-handle-horizontal{width:16px;background:var(--accent-primary)}.timeline-content-area.vertical .resize-handle-horizontal .resize-handle-bar{background:#fff;width:5px;height:50px}.timeline-content-area.vertical .timeline-expanded-panel.side-panel{min-width:100px}}@media (max-width: 600px){.timeline-header-bar{padding:8px 10px;gap:8px}.timeline-controls{gap:8px;width:100%}.timeline-stats{font-size:11px}.timeline-header-row-1 .back-btn-light{padding:6px 10px;font-size:12px}.timeline-group-selector{flex:1}.timeline-group-btn{padding:5px 8px;font-size:10px;flex:1}.timeline-orient-btn{padding:5px 8px;font-size:12px}.timeline-zoom-controls{padding:2px}.timeline-zoom-btn{width:24px;height:24px;font-size:14px}.timeline-zoom-level{padding:2px 6px;font-size:10px;min-width:36px}.timeline-slider-container{flex:1 1 100%;min-width:0;padding:6px 10px}.slider-label-start,.slider-label-end{font-size:10px}.timeline-scroll-container{padding:20px 10px;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.timeline-scroll-container.horizontal{touch-action:pan-x pan-y}.timeline-scroll-container.vertical{touch-action:pan-y}.timeline-river.horizontal .timeline-period-group{min-width:160px;padding:0 5px}.timeline-river.vertical{padding-left:50px}.period-main-label{font-size:13px}.period-sub-label{font-size:10px}.convo-card{padding:10px 12px}.convo-title{font-size:12px}.timeline-river.vertical .timeline-convo-node{width:100%}.timeline-expanded-panel{min-height:120px}.timeline-expanded-header{padding:10px 12px}.expanded-title{font-size:13px}.convo-message-content{font-size:12px;padding:10px}.timeline-scroll-hint{font-size:10px;padding:4px 10px}}.import-view-container{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--bg-primary);overflow:hidden}.import-view-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0}.import-view-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.import-mode-toggle{display:flex;justify-content:center;gap:4px;padding:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.mode-btn{padding:10px 24px;font-size:14px;font-weight:600;background:transparent;color:var(--text-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease}.mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.mode-btn.active{background:var(--accent-primary);color:var(--btn-text);border-color:var(--accent-primary)}.import-view-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto;width:100%}.import-description{font-size:15px;color:var(--text-secondary);margin:0;text-align:center}.import-dropzone{border:3px dashed var(--border-color);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary)}.import-dropzone:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.import-dropzone.dragging{border-color:var(--accent-success);background:color-mix(in srgb,var(--accent-success) 10%,var(--bg-secondary));transform:scale(1.01)}.import-dropzone.processing{border-color:var(--accent-primary);cursor:wait}.import-dropzone.hint-select{opacity:.7}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.dropzone-icon{font-size:48px}.dropzone-spinner{font-size:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropzone-text{font-size:16px;font-weight:600;color:var(--text-primary)}.dropzone-hint{font-size:13px;color:var(--text-muted)}.import-formats-quick{display:flex;flex-direction:column;align-items:center;gap:8px}.formats-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.formats-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.format-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary)}.import-category{margin-bottom:20px}.import-category.coming-soon{opacity:.6}.category-title{font-size:14px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.source-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.import-source-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left}.import-source-card:hover:not(.disabled){border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-light)}.import-source-card.selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-secondary))}.import-source-card.disabled{opacity:.5;cursor:not-allowed}.source-card-icon{font-size:28px;flex-shrink:0}.source-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.source-card-label{font-size:14px;font-weight:600;color:var(--text-primary)}.source-card-badge{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.source-card-types{font-size:11px;color:var(--text-muted)}.selected-source-info{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px 20px}.selected-source-info h4{margin:0 0 8px;font-size:16px;color:var(--text-primary)}.selected-source-info p{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.source-file-types{font-size:12px;color:var(--text-muted);font-style:italic}.import-status{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;border-radius:12px;text-align:center}.import-status.success{background:color-mix(in srgb,var(--accent-success) 15%,var(--bg-secondary));border:2px solid var(--accent-success)}.import-status.error{background:color-mix(in srgb,#ef4444 15%,var(--bg-secondary));border:2px solid #ef4444}.import-status.media-mode-select{background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-secondary));border:2px solid var(--accent-primary)}.import-status.media-mode-select .status-icon{font-size:40px}.media-mode-info{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.media-mode-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.import-action-btn.gallery-btn,.import-action-btn.individual-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;min-width:180px;background:var(--bg-secondary);border:2px solid var(--border-medium);color:var(--text-primary);text-align:left}.import-action-btn.gallery-btn:hover,.import-action-btn.individual-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.import-action-btn .btn-icon{font-size:24px}.import-action-btn .btn-text{display:flex;flex-direction:column;gap:2px}.import-action-btn .btn-text strong{font-size:14px}.import-action-btn .btn-text small{font-size:11px;color:var(--text-secondary);font-weight:400}.import-cancel-btn{padding:8px 16px;font-size:12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;margin-top:8px}.import-cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.status-icon{font-size:32px;font-weight:700}.import-status.success .status-icon{color:var(--accent-success)}.import-status.error .status-icon{color:#ef4444}.status-message{font-size:15px;color:var(--text-primary)}.status-help-tip{font-size:13px;color:var(--text-secondary);background:var(--bg-tertiary);padding:10px 14px;border-radius:6px;margin-top:8px;line-height:1.5;max-width:400px}.status-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.import-action-btn{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.import-action-btn.replace{background:var(--accent-primary);color:var(--btn-text)}.import-action-btn.replace:hover{background:var(--accent-hover)}.import-action-btn.merge{background:var(--accent-success);color:#000}.import-action-btn.merge:hover{background:var(--accent-success-hover)}.filter-toggle-btn{padding:8px 16px;font-size:13px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .15s ease}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:var(--accent-primary);color:var(--btn-text);border-color:var(--accent-primary)}.import-filters-panel{width:100%;max-width:500px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:16px;margin-top:12px;text-align:left}.filter-row{margin-bottom:14px}.filter-row label{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.date-inputs{display:flex;gap:8px;align-items:center}.date-inputs input[type=date]{flex:1;padding:8px 10px;font-size:13px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.date-inputs input[type=date]:focus{border-color:var(--accent-primary);outline:none}.date-inputs span{color:var(--text-muted);font-size:12px}.search-filter-input{width:100%;padding:10px 12px;font-size:13px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.search-filter-input:focus{border-color:var(--accent-primary);outline:none}.search-filter-input::placeholder{color:var(--text-muted)}.filter-selection-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-light)}.selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.select-all-btn{padding:6px 12px;font-size:12px;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer}.select-all-btn:hover{background:var(--bg-primary)}.selection-count{font-size:12px;color:var(--text-secondary)}.selection-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-primary)}.selection-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.selection-item:hover{background:var(--bg-tertiary)}.selection-item:last-child{border-bottom:none}.selection-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.selection-item .item-title{flex:1;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-item .item-date{font-size:11px;color:var(--text-muted)}.selection-more{padding:10px 12px;font-size:12px;color:var(--text-muted);text-align:center;font-style:italic}.import-help-note{font-size:13px;color:var(--text-muted);padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;text-align:center}.import-header-actions{display:flex;gap:12px;align-items:center}.help-btn{padding:8px 14px;font-size:13px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .15s ease}.help-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.help-btn.active{background:var(--accent-primary);color:var(--btn-text);border-color:var(--accent-primary)}.export-instructions{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:16px 24px;max-height:60vh;overflow-y:auto}.instructions-title{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text-primary)}.instruction-section{margin-bottom:4px}.instruction-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .15s ease}.instruction-header:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.instruction-header.expanded{border-radius:8px 8px 0 0;border-bottom:none;background:var(--accent-primary);color:var(--btn-text)}.toggle-icon{font-size:18px;font-weight:700}.instruction-content{padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-light);border-top:none;border-radius:0 0 8px 8px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.instruction-content p{margin:0 0 12px}.instruction-content ol,.instruction-content ul{margin:0 0 12px;padding-left:24px}.instruction-content li{margin-bottom:6px}.instruction-content h4{margin:16px 0 8px;font-size:14px;font-weight:700;color:var(--text-primary)}.instruction-content h4:first-child{margin-top:0}.instruction-content h5{margin:12px 0 6px;font-size:13px;font-weight:600;color:var(--text-secondary)}.instruction-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:12px;color:var(--text-primary)}.instruction-content a{color:var(--accent-primary);text-decoration:underline}.instruction-content a:hover{color:var(--accent-hover)}.instruction-note{background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-secondary));border-left:3px solid var(--accent-primary);padding:8px 12px;border-radius:0 6px 6px 0;font-size:13px;margin:8px 0}.instruction-warning{background:color-mix(in srgb,#f59e0b 15%,var(--bg-secondary));border-left:3px solid #f59e0b;padding:8px 12px;border-radius:0 6px 6px 0;font-size:13px;margin:8px 0;color:var(--text-primary)}@media (max-width: 768px){.import-view-header{flex-direction:column;gap:12px;text-align:center;padding:12px 16px}.import-view-title{font-size:18px}.import-mode-toggle{padding:12px}.mode-btn{padding:8px 16px;font-size:13px}.import-view-content{padding:16px;gap:16px}.import-dropzone{padding:32px 16px}.dropzone-icon,.dropzone-spinner{font-size:36px}.dropzone-text{font-size:14px}.source-cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.import-source-card{padding:12px;gap:10px}.source-card-icon{font-size:24px}.source-card-label{font-size:13px}.status-actions{flex-direction:column;width:100%}.import-action-btn{width:100%}}.menu-main-spacer{flex:1}.edit-toggle-btn{margin-left:auto}.edit-toggle-btn.edit-mode-on{background:#f59e0b!important;color:#000!important}.save-btn{background:var(--accent-success)!important;color:#000!important}.save-btn:hover{background:var(--accent-success-hover)!important}.editable-text{cursor:pointer;border-radius:4px;padding:2px 6px;margin:-2px -6px;transition:all .15s ease}.editable-text:hover{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);outline:2px dashed var(--accent-primary)}.editable-placeholder{opacity:.5;font-style:italic}.edit-input{font:inherit;padding:4px 8px;border:2px solid var(--accent-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);width:100%;min-width:200px}.edit-input:focus{outline:none;border-color:var(--accent-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-success) 30%,transparent)}.editable-message{position:relative;cursor:pointer;border-radius:6px;transition:all .15s ease}.message-card.edit-mode .editable-message:hover{outline:2px dashed var(--accent-primary);outline-offset:4px}.message-edit-actions{position:absolute;top:4px;right:4px;display:none;gap:4px}.message-card.edit-mode:hover .message-edit-actions{display:flex}.message-edit-btn,.message-delete-btn{padding:4px 8px;font-size:14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;opacity:.8;transition:all .15s ease}.message-edit-btn:hover{background:var(--accent-primary);color:var(--btn-text);opacity:1}.message-delete-btn:hover{background:#ef4444;color:#fff;opacity:1}.delete-conversation-btn{padding:4px 8px;font-size:16px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;opacity:.6;transition:all .15s ease}.delete-conversation-btn:hover{background:#ef4444;border-color:#ef4444;opacity:1}.message-edit-textarea{width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px;line-height:1.6;border:2px solid var(--accent-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);resize:vertical}.message-edit-textarea:focus{outline:none;border-color:var(--accent-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-success) 30%,transparent)}.message-edit-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 0}.edit-hint{font-size:12px;color:var(--text-muted)}.edit-buttons{display:flex;gap:8px}.edit-save-btn,.edit-cancel-btn{padding:6px 16px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.edit-save-btn{background:var(--accent-success);color:#000}.edit-save-btn:hover{background:var(--accent-success-hover)}.edit-cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.edit-cancel-btn:hover{background:var(--button-hover)}.message-content.editing{padding:0}.edited-marker{font-size:11px;color:var(--text-muted);font-style:italic}.message-card.edit-mode{position:relative}[data-edit-mode=true] .header-bar{border-bottom:3px solid #f59e0b}@media (max-width: 768px){.menu-main-spacer{display:none}.edit-toggle-btn{margin-left:0}.message-edit-actions{position:static;display:flex;margin-top:8px;justify-content:flex-end}.message-card.edit-mode .message-edit-actions{display:flex}.message-edit-toolbar{flex-direction:column;gap:8px;align-items:stretch}.edit-buttons{justify-content:flex-end}}.conversation-item.edit-mode{position:relative}.conversation-item.edit-mode:hover{padding-right:60px}.conversation-edit-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;gap:4px}.conversation-item.edit-mode:hover .conversation-edit-actions{display:flex}.conv-edit-btn,.conv-delete-btn{padding:2px 6px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;opacity:.8;transition:all .15s ease}.conv-edit-btn:hover{background:var(--accent-primary);color:var(--btn-text);opacity:1}.conv-delete-btn:hover{background:#ef4444;color:#fff;opacity:1}.conversation-title-input{flex:1;min-width:0;padding:2px 6px;font:inherit;font-size:13px;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:4px;color:var(--text-primary)}.conversation-title-input:focus{outline:none;border-color:var(--accent-success)}.editable-title{cursor:pointer;border-radius:2px;transition:all .15s ease}.conversation-item.edit-mode .editable-title:hover{background:color-mix(in srgb,var(--accent-primary) 20%,transparent)}.youtube-player-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(to top,#1a1f2e,var(--bg-header));border-top:2px solid var(--accent-primary);transition:height .15s ease}.youtube-player-resize-handle:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:50px;height:4px;background:var(--accent-primary);border-radius:2px;opacity:.6;transition:opacity .2s ease}.youtube-player-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-header);cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;opacity:.85;transition:opacity .2s ease,background .2s ease}.youtube-player-toggle:hover{opacity:1;background:#ffffff0d}.toggle-icon{font-size:11px;opacity:.7}.toggle-label{text-transform:uppercase}.playing-indicator{font-size:11px;font-weight:500;color:var(--accent-success);padding:2px 8px;background:#4ade8026;border-radius:10px;animation:pulse-glow 2s ease-in-out infinite}.app-container{padding-bottom:48px}@media (max-width: 768px){.youtube-player-container{position:fixed!important;bottom:20px!important;right:20px!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;max-width:none;background:var(--accent-primary)!important;border:none!important;border-radius:24px!important;box-shadow:0 4px 16px #0000004d!important;z-index:150}.youtube-player-container:not(.expanded) .youtube-player-frame,.youtube-player-container:not(.expanded) .youtube-player-resize-handle,.youtube-player-container:not(.expanded) .music-hint-bubble{display:none!important}.youtube-player-container:not(.expanded) .toggle-label,.youtube-player-container:not(.expanded) .try-it-badge{display:none!important}.youtube-player-container:not(.expanded) .youtube-player-toggle{padding:12px 14px!important;gap:6px}.youtube-player-container.expanded{top:0!important;bottom:0!important;right:0!important;left:auto!important;width:85%!important;max-width:320px!important;height:100vh!important;height:100dvh!important;background:linear-gradient(to top,#1a1f2e,var(--bg-header))!important;border-radius:0!important;border-left:2px solid var(--accent-primary)!important;box-shadow:-4px 0 24px #0000004d!important;display:flex!important;flex-direction:column!important}.youtube-player-container.expanded .toggle-label{display:inline!important}.youtube-player-container.expanded .youtube-player-toggle{background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);flex-shrink:0;border-radius:0}.youtube-player-container.expanded .youtube-player-frame{flex:1!important;display:block!important;height:auto!important;opacity:1!important;pointer-events:auto!important}.youtube-player-resize-handle{display:none!important}.playing-indicator{font-size:10px;padding:2px 6px}.app-container{padding-bottom:0}}.link-graph-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);position:relative}.graph-header{padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.graph-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.graph-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.graph-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.graph-controls{padding:12px 24px;display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.graph-control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:18px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.graph-control-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary)}.graph-control-btn.reset{width:auto;padding:0 12px;font-size:13px;font-weight:500}.graph-control-btn.help{font-size:16px}.graph-control-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.zoom-level{min-width:50px;text-align:center;font-size:13px;font-weight:500;color:var(--text-secondary)}.graph-controls-spacer{flex:1}.graph-help-panel{position:absolute;top:130px;right:24px;width:280px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 8px 24px var(--shadow-color);z-index:10}.graph-help-panel h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.help-section{margin-bottom:14px}.help-section h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin:0 0 6px}.help-section ul{margin:0;padding:0 0 0 16px;font-size:12px;color:var(--text-secondary);line-height:1.6}.help-section li strong{color:var(--text-primary)}.help-close{width:100%;padding:8px 16px;background:var(--accent-primary);border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;margin-top:4px}.help-close:hover{filter:brightness(1.1)}.graph-canvas{flex:1;background:var(--bg-primary);cursor:grab;touch-action:none}.graph-canvas.dragging{cursor:grabbing}.graph-node{transition:transform .1s ease}.graph-node:hover circle{filter:brightness(1.15)}.graph-node circle.unlinked{opacity:.5}.graph-node .node-label{pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.graph-node .node-provider,.graph-node.dimmed{pointer-events:none}.graph-node.hovered circle{filter:brightness(1.2)}.graph-edge line{transition:stroke-width .15s ease,stroke-opacity .15s ease}.graph-edge.highlighted line{stroke-opacity:1!important}.edge-label{pointer-events:none}.graph-controls-divider{width:1px;height:24px;background:var(--border-color);margin:0 4px}.graph-options-panel{position:absolute;top:130px;left:24px;width:220px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 8px 24px var(--shadow-color);z-index:10}.graph-options-panel h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 14px}.options-group{margin-bottom:14px}.options-group:last-child{margin-bottom:0}.options-group h4{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.options-buttons{display:flex;gap:4px}.options-buttons button{flex:1;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.options-buttons button:hover{background:var(--bg-primary);color:var(--text-primary)}.options-buttons button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.option-toggle{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:var(--text-secondary);cursor:pointer}.option-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.option-toggle:hover{color:var(--text-primary)}.graph-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted)}.graph-empty-state .empty-icon{font-size:48px;display:block;margin-bottom:12px}.graph-empty-state h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin:0 0 8px}.graph-empty-state p{font-size:14px;margin:0}.graph-preview-panel{position:absolute;top:80px;right:16px;width:320px;max-height:calc(100% - 120px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .2s ease;z-index:100}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.preview-header{padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.preview-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.preview-provider{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;background:var(--bg-secondary)}.preview-provider.chatgpt{color:#10a37f}.preview-provider.claude{color:#d97706}.preview-provider.gemini{color:#4285f4}.preview-provider.gmail-mbox{color:#ea4335}.preview-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px;transition:all .15s}.preview-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.preview-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.preview-meta{margin-top:6px;font-size:12px;color:var(--text-muted);display:flex;gap:4px}.preview-content{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.preview-message{padding:10px 12px;border-radius:8px;background:var(--bg-tertiary)}.preview-message.user{background:var(--accent-primary-transparent, rgba(99, 102, 241, .15));border-left:3px solid var(--accent-primary)}.preview-message.assistant{background:var(--bg-tertiary);border-left:3px solid var(--text-muted)}.preview-role{display:block;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.preview-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.preview-more{text-align:center;font-size:12px;color:var(--text-muted);padding:8px;font-style:italic}.preview-actions{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.btn-preview-open{width:100%;padding:10px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-preview-open:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}@media (max-width: 768px){.graph-preview-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:60vh;border-radius:16px 16px 0 0;animation:slideInUp .25s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.graph-legend{position:absolute;bottom:16px;left:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:11px;color:var(--text-secondary)}.legend-section{display:flex;align-items:center;gap:10px}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.chatgpt{background:#10a37f}.legend-dot.claude{background:#d97706}.legend-dot.gemini{background:#4285f4}.legend-dot.gmail{background:#ea4335}.legend-dot.other{background:#6b7280}.legend-divider{width:1px;height:16px;background:var(--border-color)}.legend-line{width:18px;height:2px;background:var(--accent-primary)}.legend-line.dashed{background:repeating-linear-gradient(90deg,var(--accent-primary) 0,var(--accent-primary) 4px,transparent 4px,transparent 7px)}.legend-line.dashed.orange{background:repeating-linear-gradient(90deg,#f59e0b 0,#f59e0b 4px,transparent 4px,transparent 7px)}@media (max-width: 768px){.graph-header{padding:16px}.graph-controls{padding:10px 16px}.graph-help-panel{top:auto;bottom:70px;right:16px;left:16px;width:auto}.graph-options-panel{top:auto;bottom:70px;left:16px;right:16px;width:auto}.graph-legend{left:16px;right:16px;bottom:8px;font-size:10px;gap:6px;padding:8px 12px}.legend-section{gap:8px}}.link-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:20}.link-dialog{background:var(--bg-secondary);color:var(--text-primary);padding:20px;border-radius:12px;box-shadow:0 10px 30px var(--shadow-color);width:min(520px,90%);max-height:80vh;overflow-y:auto}.link-form{display:flex;flex-direction:column;gap:12px}.link-type-options{display:flex;gap:12px;flex-wrap:wrap}.link-field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-primary)}.link-field input,.link-field select{padding:8px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.link-actions{display:flex;gap:8px;justify-content:flex-end}.bidirectional-toggle{display:flex;align-items:center;gap:8px;font-size:14px}.collapsible-links-tags{display:inline-flex;align-items:center}.collapsible-links-tags.expanded{width:100%;flex-direction:column}.links-tags-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:16px;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:all .15s ease}.links-tags-toggle:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.toggle-summary{display:flex;align-items:center;gap:12px}.summary-links,.summary-tags{display:flex;align-items:center;gap:4px}.summary-empty{color:var(--text-muted);font-style:italic}.toggle-arrow{font-size:10px;color:var(--text-muted);transition:transform .2s ease}.collapsible-links-tags.expanded .toggle-arrow{transform:rotate(0)}.links-tags-content{padding:12px;margin-top:8px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;animation:expandContent .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}@keyframes expandContent{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.conversation-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;margin-top:4px}.conversation-links-label{font-size:12px;color:var(--text-secondary);font-weight:500}.message-links{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;margin-top:8px;border-top:1px solid var(--border-color)}.link-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:12px;cursor:pointer;transition:all .15s ease;border:1px solid var(--border-color);background:var(--bg-tertiary, #2a2a2e);color:var(--text-primary)}.link-chip:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-1px)}.link-chip-icon{font-size:11px}.link-chip-label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-chip-message{border-color:#4a9eff}.link-chip-message:hover{background:#4a9eff;border-color:#4a9eff}.link-chip-conversation{border-color:#8a5cf7}.link-chip-conversation:hover{background:#8a5cf7;border-color:#8a5cf7}.link-chip-url{border-color:#10b981}.link-chip-url:hover{background:#10b981;border-color:#10b981}.link-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;padding:0;border:none;border-radius:50%;background:#fff3;color:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;opacity:.7;transition:all .15s ease}.link-chip-remove:hover{opacity:1;background:#f009}.message-card{margin-bottom:16px}.message-header{padding:10px 16px;gap:12px}.message-role{display:flex;align-items:center;gap:8px}.message-time{opacity:.7;font-size:11px;font-weight:400}.edited-marker{font-size:10px;opacity:.6;margin-left:6px;font-weight:400}.message-content{padding:14px 16px 16px}.view-container{position:relative;z-index:1}.view-header{position:relative;z-index:2}.view-title-row{gap:10px}.view-title{line-height:1.3}.view-meta{margin-top:6px;padding-top:4px;opacity:.8}.conversation-links{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.messages-area{border-top:1px solid var(--border-light, rgba(255,255,255,.05));margin-top:8px}.provider-badge{margin-right:4px}.message-nav{padding:12px 8px}.message-nav-item{margin:2px}.conversation-item{margin-bottom:4px}.search-input,.filter-input{padding:10px 14px}.header-btn,.view-btn{padding:8px 16px;min-height:36px}.empty-state{padding:48px 24px;text-align:center;color:var(--text-secondary);font-size:15px;line-height:1.6}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-color, #4a9eff);outline-offset:2px}.message-links{padding:10px 16px;gap:8px}.message-card,.conversation-item,.header-btn,.view-btn,.link-chip{transition:all .15s ease}@media print{.message-card{margin-bottom:24px;page-break-inside:avoid}.message-header{padding:12px 16px}.message-content{padding:16px}}.privacy-banner{background:linear-gradient(135deg,#1e3a5f,#2d5a87);padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:16px;animation:slideDown .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.privacy-banner-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.privacy-icon{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.privacy-text{color:#fff;font-size:14px;font-weight:500;letter-spacing:.01em}.privacy-text strong{color:#7dd3fc;font-weight:600}.privacy-learn-more{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.privacy-learn-more:hover{background:#ffffff40;border-color:#fff6}.privacy-dismiss{background:transparent;border:none;color:#ffffffb3;padding:6px;cursor:pointer;font-size:18px;line-height:1;border-radius:4px;transition:all .15s ease;margin-left:8px}.privacy-dismiss:hover{background:#ffffff1a;color:#fff}.help-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.help-view .help-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.help-view .help-header h1{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.help-view .back-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.help-view .back-btn:hover{background:var(--border-color)}.help-view .help-content{flex:1;overflow-y:auto;padding:32px;max-width:800px;margin:0 auto;width:100%}.privacy-hero{text-align:center;padding:40px 24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:16px;margin-bottom:32px;border:1px solid var(--border-light)}.hero-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.privacy-hero h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.6}.hero-subtitle strong{color:var(--text-primary)}.explanation-section{margin-bottom:40px}.explanation-section h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.explanation-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px 24px;margin-bottom:16px}.explanation-card p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0 0 16px}.explanation-card p:last-child{margin-bottom:0}.diagram{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin:16px 0;flex-wrap:wrap}.diagram-step{background:var(--bg-secondary);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);border:1px solid var(--border-color)}.diagram-step.highlight-bad{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.diagram-step.highlight-good{background:#f0fdf4;border-color:#86efac;color:#15803d}.diagram-arrow{color:var(--text-muted);font-size:20px}.diagram-label{text-align:center;font-size:13px;font-weight:500;margin-top:8px}.diagram-label.bad{color:#dc2626}.diagram-label.good{color:#16a34a}.verification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.verification-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.verification-icon{font-size:36px;display:block;margin-bottom:12px}.verification-item h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.verification-item p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.storage-facts{list-style:none;padding:0;margin:16px 0 0}.storage-facts li{padding:8px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.storage-facts li:last-child{border-bottom:none}.faq-section{margin-top:40px}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;overflow:hidden}.faq-item summary{padding:16px 20px;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:18px;color:var(--text-muted);transition:transform .2s ease}.faq-item[open] summary:after{content:"−"}.faq-item p{padding:0 20px 16px;font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.privacy-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color)}.footer-badge{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px}[data-theme=dark] .footer-badge{background:linear-gradient(135deg,#14532d,#166534);border-color:#22c55e}.badge-icon{font-size:32px}.badge-text{display:flex;flex-direction:column;gap:4px}.badge-text strong{font-size:16px;color:#15803d}[data-theme=dark] .badge-text strong{color:#86efac}.badge-text span{font-size:13px;color:#166534}[data-theme=dark] .badge-text span{color:#4ade80}[data-theme=dark] .privacy-hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(30,41,59,.5) 100%)}[data-theme=dark] .diagram-step.highlight-bad{background:#450a0a;border-color:#f87171;color:#fca5a5}[data-theme=dark] .diagram-step.highlight-good{background:#14532d;border-color:#4ade80;color:#86efac}@media (max-width: 600px){.help-view .help-content{padding:20px 16px}.privacy-hero{padding:24px 16px}.hero-icon{font-size:48px}.privacy-hero h2{font-size:22px}.hero-subtitle{font-size:15px}.diagram{flex-direction:column;gap:8px}.diagram-arrow{transform:rotate(90deg)}.verification-grid{grid-template-columns:1fr}.privacy-banner{padding:10px 12px;gap:8px}.privacy-banner-content{gap:8px}.privacy-text{font-size:12px}.privacy-learn-more{font-size:12px;padding:5px 10px}}.youtube-player-container{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#1e293b,#0f172a);border-top:2px solid #8b5cf6;transition:height .15s ease,box-shadow .3s ease}.youtube-player-container.collapsed{height:auto}.youtube-player-container.show-hint{box-shadow:0 -4px 20px #8b5cf666}.music-hint-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:12px 16px 12px 12px;border-radius:12px;margin-bottom:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #8b5cf680;animation:bounce-hint 2s ease-in-out infinite,fade-in .3s ease;white-space:nowrap;max-width:90vw}@keyframes bounce-hint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes fade-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.music-hint-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #6366f1}.hint-close{position:absolute;top:4px;right:4px;background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.hint-close:hover{background:#ffffff4d}.hint-icon{font-size:24px;animation:wiggle 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.hint-content{display:flex;flex-direction:column;gap:2px}.hint-content strong{font-size:14px;font-weight:600}.hint-content span{font-size:12px;opacity:.9}.youtube-player-resize-handle{position:absolute;top:0;left:0;right:0;height:8px;cursor:ns-resize;background:transparent;z-index:10}.youtube-player-resize-handle:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:50px;height:4px;background:#8b5cf6;border-radius:2px;opacity:.6;transition:opacity .2s ease}.youtube-player-resize-handle:hover:before{opacity:1}.youtube-player-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 16px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;transition:background .2s ease}.youtube-player-toggle:hover{background:#8b5cf626}.toggle-icon{font-size:16px}.toggle-label{text-transform:uppercase;letter-spacing:1px}.try-it-badge{font-size:11px;font-weight:600;color:#fff;padding:3px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.playing-indicator{font-size:12px;font-weight:500;color:#4ade80;padding:3px 10px;background:#4ade8026;border-radius:12px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1}}.youtube-player-frame{width:100%;background:#0a0a0a;min-height:0;transition:height .15s ease,opacity .15s ease}.youtube-player-frame iframe{width:100%;height:100%;border:none}@media (max-width: 768px){.youtube-player-toggle{padding:12px;font-size:13px}.music-hint-bubble{left:16px;right:16px;transform:none;white-space:normal}.music-hint-bubble:after{left:50%}@keyframes bounce-hint{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}.support-view .support-hero{text-align:center;padding:40px 24px;background:linear-gradient(135deg,#fdf4ff,#fae8ff);border-radius:16px;margin-bottom:32px;border:1px solid #f0abfc}[data-theme=dark] .support-view .support-hero{background:linear-gradient(135deg,#581c87,#701a75);border-color:#a855f7}.support-section{margin-bottom:32px}.support-section h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.support-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.support-card p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0 0 16px}.support-card p:last-child{margin-bottom:0}.support-note{font-size:13px!important;color:var(--text-muted)!important;font-style:italic;margin-top:12px!important}.support-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.support-btn .btn-icon{font-size:18px}.coffee-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.coffee-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.music-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.music-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.spotify-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.spotify-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.share-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.twitter-btn{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.twitter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e293b66}.github-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.github-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}.music-actions,.share-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.roadmap-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.roadmap-card>p{font-size:15px;color:var(--text-secondary);margin:0 0 16px}.roadmap-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.roadmap-list li{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.roadmap-icon{font-size:24px;flex-shrink:0}.roadmap-list li div{display:flex;flex-direction:column;gap:2px}.roadmap-list li strong{font-size:14px;color:var(--text-primary)}.roadmap-list li span{font-size:13px;color:var(--text-muted)}.support-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color)}.creator-note{display:flex;gap:20px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.creator-avatar{font-size:48px;flex-shrink:0}.creator-message p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0 0 12px}.creator-message p:last-child{margin-bottom:0}.creator-message strong{color:var(--text-primary)}.signature{font-style:italic;color:var(--text-muted)!important;margin-top:16px!important}.faq-list{list-style:none;padding:0;margin:12px 0}.faq-list li{padding:8px 0;font-size:14px;color:var(--text-secondary);line-height:1.6}@media (max-width: 600px){.support-card{padding:16px}.support-btn{padding:10px 16px;font-size:14px}.music-actions,.share-actions{flex-direction:column}.creator-note{flex-direction:column;text-align:center}}.tag-input-container{display:flex;flex-direction:column;gap:4px;position:relative}.tag-input-container.compact{display:inline-flex}.tag-input-container.disabled{pointer-events:none}.tag-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-height:36px;transition:border-color .15s ease}.tag-input-wrapper:focus-within{border-color:var(--accent-primary)}.tag-input-container.compact .tag-input-wrapper{padding:4px 8px;min-height:28px}.tag-input{flex:1;min-width:80px;border:none;background:transparent;font-size:14px;color:var(--text-primary);outline:none}.tag-input::placeholder{color:var(--text-muted)}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.tag-chip.display-only{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.tag-chip.display-only.clickable{cursor:pointer;transition:all .15s ease}.tag-chip.display-only.clickable:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:12px;line-height:1;cursor:pointer;transition:background .15s ease}.tag-remove:hover{background:#fff6}.tag-chips{display:flex;flex-wrap:wrap;gap:6px}.tag-chips.small .tag-chip{font-size:11px;padding:2px 6px}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;margin-top:4px;max-height:200px;overflow-y:auto}.tag-suggestion{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:14px;cursor:pointer;text-align:left;transition:background .1s ease}.tag-suggestion:hover,.tag-suggestion.selected{background:var(--bg-tertiary)}.suggestion-icon{opacity:.6}.quick-tag-container{position:relative}.quick-tag-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;transition:all .15s ease}.quick-tag-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.quick-tag-dropdown{position:absolute;bottom:100%;right:0;width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;margin-bottom:4px;overflow:hidden}.quick-tag-input{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border-color);background:transparent;font-size:14px;color:var(--text-primary);outline:none}.quick-tag-suggestions{max-height:150px;overflow-y:auto}.quick-tag-suggestion{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .1s ease}.quick-tag-suggestion:hover{background:var(--bg-tertiary)}.quick-tag-create{display:block;width:100%;padding:10px 12px;border:none;border-top:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--accent-primary);font-size:13px;font-weight:500;text-align:left;cursor:pointer}.quick-tag-create:hover{background:var(--accent-primary);color:#fff}.tags-view{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);height:100%;min-height:0}.tags-view-header{padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.tags-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tags-header-top h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.tags-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tags-search-container{position:relative;flex:1;min-width:200px;max-width:400px}.tags-search-input{width:100%;padding:10px 36px 10px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s ease}.tags-search-input:focus{border-color:var(--accent-primary)}.tags-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tags-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.tags-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.tags-toggle input{accent-color:var(--accent-primary)}.tags-view-modes{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.mode-btn{padding:6px 12px;border:none;background:transparent;color:var(--text-muted);border-radius:6px;cursor:pointer;font-size:16px;transition:all .15s ease}.mode-btn.active,.mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.show-mode-select{padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.tags-view-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.tags-view-content.stacked{flex-direction:column}.tags-cloud-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px 24px;max-height:40vh;overflow-y:auto;transition:max-height .3s ease}.tags-cloud-section.collapsed{max-height:60px;overflow:hidden}.tags-cloud-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tags-cloud-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.tags-cloud-actions{display:flex;align-items:center;gap:8px}.clear-tags-btn{padding:4px 10px;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.clear-tags-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.collapse-tags-btn{padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.collapse-tags-btn:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.tags-cloud-wrap{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto;padding:4px 0}.no-tags-message{padding:16px;text-align:center;color:var(--text-muted);font-size:13px;line-height:1.6;width:100%}.tag-cloud-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;transition:all .15s ease}.tag-cloud-chip:hover{border-color:var(--accent-primary)}.tag-cloud-chip.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6}.tag-cloud-chip.highlighted{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%,to{box-shadow:0 0 #8b5cf600}50%{box-shadow:0 0 0 8px #8b5cf666}}.tag-cloud-chip.selected .tag-chip-btn{color:#fff}.tag-cloud-chip.selected .tag-count{background:#fff3;color:#ffffffe6}.tag-chip-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer}.tag-chip-btn .tag-name{font-weight:500}.tag-chip-btn .tag-count{font-size:11px;color:var(--text-muted);background:var(--bg-secondary);padding:1px 6px;border-radius:10px}.tag-chip-actions{display:flex;gap:2px;padding-right:6px;opacity:0;transition:opacity .15s ease}.tag-cloud-chip:hover .tag-chip-actions{opacity:1}.tag-action-btn{width:22px;height:22px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:11px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.tag-action-btn:hover{background:var(--bg-secondary)}.tag-cloud-chip.selected .tag-action-btn:hover{background:#fff3}.tag-action-btn.danger:hover{background:#fee2e2}.tag-edit-inline{display:flex;align-items:center;gap:4px;padding:4px 8px}.tag-edit-input{width:100px;padding:4px 8px;border:1px solid var(--accent-primary);border-radius:6px;font-size:12px;background:var(--bg-secondary);color:var(--text-primary);outline:none}.tag-edit-ok,.tag-edit-cancel{width:24px;height:24px;border:none;background:var(--bg-secondary);border-radius:4px;cursor:pointer;font-size:12px}.tag-edit-ok:hover{background:var(--accent-primary);color:#fff}.tag-edit-cancel:hover{background:#fee2e2}.tags-results-section{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:16px 24px;min-height:0}.tags-results{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.selected-tags-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:12px;flex-wrap:wrap}.selected-label{font-size:13px;color:var(--text-muted)}.selected-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:14px;font-size:13px;font-weight:500}.selected-tag-chip button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer}.selected-tag-chip button:hover{background:#fff6}.bulk-tag-toolbar{display:flex;align-items:center;gap:16px;padding:8px 0;margin-bottom:8px}.bulk-mode-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.bulk-mode-toggle input{accent-color:var(--accent-primary)}.bulk-tag-input-group{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-radius:8px}.bulk-tag-input-group span{font-size:13px;color:var(--text-secondary);white-space:nowrap}.bulk-tag-input{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);outline:none;width:120px}.bulk-tag-input:focus{border-color:var(--accent-primary)}.bulk-tag-apply-btn{padding:6px 14px;background:var(--accent-primary);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.bulk-tag-apply-btn:hover:not(:disabled){background:var(--accent-hover)}.bulk-tag-apply-btn:disabled{opacity:.5;cursor:not-allowed}.results-summary{font-size:13px;color:var(--text-muted);margin-bottom:12px}.results-hint{font-style:italic}.results-container{flex:1;overflow-y:auto}.results-container.list{display:flex;flex-direction:column;gap:8px}.results-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-content:start}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;transition:all .15s ease;position:relative;display:flex;flex-direction:column}.result-card.expanded{border-color:var(--accent-primary)}.card-clickable{cursor:pointer;flex:1}.result-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #00000014}.result-card.selected{border-color:var(--accent-primary);background:#8b5cf60d}.result-card .bulk-checkbox{position:absolute;top:12px;left:12px;width:18px;height:18px;accent-color:var(--accent-primary)}.result-card.list{display:flex;align-items:center;gap:16px}.result-card.list .card-header{flex-shrink:0}.result-card.list .card-title{flex:1;margin:0}.result-card.list .card-meta{flex-shrink:0}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-provider{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.card-role{font-size:11px;color:var(--text-muted)}.match-badge{font-size:10px;font-weight:500;color:#f59e0b;background:#f59e0b1a;padding:2px 6px;border-radius:4px}.structure-card{border-left:3px solid var(--accent-color)}.structure-card .structure-badge{color:var(--accent-color);background:var(--accent-soft)}.structure-card .card-footer{margin-top:12px;padding-top:8px;border-top:1px solid var(--bg-tertiary)}.card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.card-context{font-size:12px;color:var(--text-muted);margin-bottom:6px}.card-context strong{color:var(--text-secondary)}.message-position{margin-left:8px;opacity:.7}.card-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-bottom:8px}.card-preview{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:8px 0}.card-actions{display:flex;gap:8px;align-items:center}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.open-conversation-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.open-conversation-btn:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf64d}.conversation-preview{margin-top:16px;padding-top:16px;border-top:2px solid var(--border-medium)}.preview-messages{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.preview-message{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;padding:10px 12px}.preview-message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.preview-role{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--accent-primary)}.preview-time{font-size:10px;color:var(--text-muted)}.preview-content{font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.preview-more{text-align:center;padding:12px;color:var(--text-muted);font-size:12px;font-style:italic}.results-divider{display:flex;align-items:center;gap:16px;padding:16px 0;color:var(--text-muted);font-size:12px}.results-divider:before,.results-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-results p{margin:0;color:var(--text-secondary);font-size:15px}.no-results-hint{color:var(--text-muted)!important;font-size:13px!important;margin-top:8px!important}@media (max-width: 768px){.tags-view-content{flex-direction:column}.tags-cloud-section{max-height:30vh}.tags-cloud-section.collapsed{max-height:50px}.tags-toolbar{flex-wrap:wrap;gap:8px}.tags-search-container{max-width:100%}.tags-cloud-header h3{font-size:13px}.collapse-tags-btn{font-size:10px;padding:3px 8px}.tags-cloud-wrap{max-height:120px}.tag-cloud-chip{font-size:11px;padding:4px 10px}.results-container.list .result-card{flex-direction:column;align-items:flex-start}.preview-messages{max-height:250px}.tags-results-section{padding:12px 16px}.tags-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--border-color)}.tags-cloud{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.tag-cloud-item{flex:0 0 auto;margin-bottom:0}.tag-actions{display:none}.tags-toolbar{flex-direction:column;align-items:stretch;gap:12px}.tags-search-container{max-width:none}.results-container.grid{grid-template-columns:1fr}}.conversation-tags{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.conversation-tags.centered{justify-content:center}.conversation-tags .tag-chip.clickable{cursor:pointer;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:4px 10px;border-radius:16px;font-size:12px;transition:all .15s ease}.conversation-tags .tag-chip.clickable:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-1px)}.conversation-tags-display{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}.conversation-tags.edit-mode{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.tag-expand-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tag-expand-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.tag-editor-expanded{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:200px}.tag-editor-expanded .tag-input-container{flex:1}.tag-collapse-btn{padding:8px 14px;background:var(--accent-primary);border:none;border-radius:6px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;transition:background .15s ease}.tag-collapse-btn:hover{background:var(--accent-hover)}.media-mode-toggle{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.media-mode-label{font-weight:600;font-size:13px;color:var(--text-secondary)}.media-mode-toggle .sidebar-btn{padding:6px 12px;font-size:12px}.media-mode-toggle .sidebar-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.media-gallery-block{margin-top:12px;border:1px solid var(--border-color);border-radius:8px;padding:12px;background:var(--bg-secondary)}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.attachment-grid-compact{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.attachment-grid-full{grid-template-columns:1fr}.attachment-tile-full{width:100%;padding:0;background:transparent;border:none}.attachment-tile-full:hover{transform:none;box-shadow:none}.attachment-full-image{width:100%;max-height:500px;object-fit:contain;border-radius:8px;cursor:pointer;transition:opacity .15s ease}.attachment-full-image:hover{opacity:.9}.attachment-tile-full .attachment-meta{padding:8px 0}.attachment-tile{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border-color);border-radius:10px;padding:8px;text-align:left;background:var(--bg-secondary);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.attachment-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}[data-theme=dark] .attachment-tile:hover{box-shadow:0 4px 12px #0000004d}.attachment-thumb{position:relative;width:100%;padding-top:100%;border-radius:8px;overflow:hidden;background:var(--bg-tertiary)}.attachment-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.attachment-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-secondary)}.attachment-kind{position:absolute;bottom:6px;right:6px;background:#0009;color:#fff;padding:2px 6px;border-radius:6px;font-size:12px}.attachment-meta{display:flex;flex-direction:column;gap:4px}.attachment-name{font-weight:600;font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-tags{display:flex;gap:6px;flex-wrap:wrap}.attachment-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 6px;border-radius:6px;font-size:11px}.message-attachments{margin-top:10px}.message-attachments .attachment-grid{grid-template-columns:1fr}.message-attachments .attachment-tile{max-width:100%}.message-attachments .attachment-thumb{padding-top:0;height:auto;aspect-ratio:auto}.message-attachments .attachment-thumb-img{position:relative;background-size:contain;background-repeat:no-repeat;padding-top:60%}.message-attachments .attachment-grid:has(.attachment-tile:only-child) .attachment-tile{width:100%}.message-attachments .attachment-grid:has(.attachment-tile:only-child) .attachment-thumb-img{background-size:contain;padding-top:75%}.message-attachments .attachment-grid:not(:has(.attachment-tile:only-child)){grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.message-attachments .attachment-grid:not(:has(.attachment-tile:only-child)) .attachment-thumb-img{padding-top:100%;background-size:cover}.media-item-preview{width:100%;margin:12px 0}.media-item-preview img{max-width:100%;height:auto;border-radius:8px;display:block}.media-item-preview video{max-width:100%;height:auto;border-radius:8px}.attachment-viewer-backdrop{position:fixed;top:0;right:0;left:0;bottom:60px;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.attachment-viewer{background:var(--bg-secondary);border-radius:12px;width:min(800px,90vw);max-height:calc(100vh - 120px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.attachment-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.attachment-viewer-title{font-size:16px;font-weight:600;color:var(--text-primary);word-break:break-word}.attachment-viewer-subtitle{color:var(--text-secondary);font-size:12px}.attachment-viewer-preview{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex:1;min-height:150px;max-height:45vh;overflow:auto;padding:12px}.attachment-viewer-preview img{max-width:100%;max-height:100%;border-radius:4px;object-fit:contain}.attachment-viewer-preview video{max-width:100%;max-height:100%;border-radius:4px}.attachment-viewer-preview.placeholder{flex-direction:column;gap:8px;color:var(--text-secondary)}.attachment-link{color:var(--accent-primary);text-decoration:underline}.attachment-link:hover{color:var(--accent-hover)}.attachment-viewer-content{flex:1;overflow-y:auto;max-height:calc(100vh - 180px)}.attachment-viewer-meta{display:flex;flex-direction:column;gap:10px;padding:16px;border-top:1px solid var(--border-color);flex-shrink:0}.attachment-viewer-meta label{display:flex;flex-direction:column;gap:4px;font-weight:500;font-size:12px;color:var(--text-secondary)}.attachment-viewer-meta input,.attachment-viewer-meta textarea{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:13px}.attachment-viewer-meta textarea{min-height:60px;resize:vertical}.attachment-viewer-meta input:disabled,.attachment-viewer-meta textarea:disabled{background:var(--bg-tertiary);color:var(--text-muted)}.attachment-viewer-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);flex-shrink:0}.attachment-viewer-actions .primary-action{background:var(--accent-primary);color:#fff}.attachment-viewer-actions .primary-action:hover{background:var(--accent-hover)}.media-settings-dropdown{position:relative;display:inline-block}.media-settings-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.media-settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.media-settings-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:100;overflow:hidden}.media-settings-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;text-align:left;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .15s}.media-settings-menu button:hover{background:var(--bg-hover)}.media-settings-menu button.active{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--accent-primary)}.media-settings-menu button .check-icon{margin-left:auto;opacity:0}.media-settings-menu button.active .check-icon{opacity:1}.deck-view-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px;background:var(--bg-primary)}.deck-header{margin-bottom:24px}.deck-title{font-size:28px;font-weight:600;margin:12px 0 8px;color:var(--text-primary)}.deck-description{color:var(--text-muted);margin:0 0 16px}.subtitle{color:var(--text-muted);margin:8px 0 0}.deck-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px;text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--accent-primary);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.deck-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn-primary,.btn-secondary,.btn-danger{padding:12px 20px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-test{font-size:16px}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.deck-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.deck-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-light)}.deck-card-title{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.deck-card-description{font-size:14px;color:var(--text-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deck-card-stats{display:flex;gap:12px;font-size:13px;color:var(--text-muted);margin-bottom:12px}.deck-card-progress{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--accent-primary);transition:width .3s}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:16px}.card-editor{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;margin-bottom:24px}.card-editor h3{margin:0 0 16px;font-size:18px}.card-form{display:flex;flex-direction:column;gap:12px}.card-form textarea{width:100%;padding:12px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:14px;resize:vertical}.cards-list h3{font-size:20px;margin:0 0 16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.card-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:16px;position:relative}.card-front,.card-back{margin-bottom:8px;font-size:14px;line-height:1.5}.card-front strong,.card-back strong{color:var(--accent-primary);margin-right:4px}.card-progress{font-size:12px;color:var(--text-muted);margin-top:8px}.btn-delete-card{position:absolute;top:8px;right:8px;background:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.btn-delete-card:hover{background:#c0392b}.test-view-container{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.test-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0}.test-progress{flex:1;max-width:400px;margin:0 20px}.progress-text{font-size:14px;color:var(--text-muted);margin-bottom:8px;display:block}.progress-bar-container{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.test-score{display:flex;gap:16px;font-size:16px;font-weight:600}.test-score .correct{color:#27ae60}.test-score .incorrect{color:#e74c3c}.flashcard-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;perspective:1000px}.flashcard{width:100%;max-width:600px;height:400px;cursor:pointer;position:relative;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-medium);border-radius:16px;padding:40px;box-shadow:0 8px 24px var(--shadow-medium)}.flashcard-back{transform:rotateY(180deg);border-color:var(--accent-primary)}.card-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px;font-weight:600}.card-content{font-size:20px;line-height:1.6;color:var(--text-primary);max-height:100%;overflow-y:auto}.flip-hint{margin-top:24px;font-size:14px;color:var(--text-muted);opacity:.6}.answer-buttons{display:flex;gap:20px;justify-content:center;padding:20px;flex-shrink:0}.btn-incorrect,.btn-correct{padding:16px 40px;font-size:18px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .15s}.btn-incorrect{background:#e74c3c;color:#fff}.btn-incorrect:hover{background:#c0392b;transform:translateY(-2px)}.btn-correct{background:#27ae60;color:#fff}.btn-correct:hover{background:#229954;transform:translateY(-2px)}.hint-text{text-align:center;padding:20px;color:var(--text-muted);font-size:14px}.test-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.test-complete h2{font-size:32px;margin:0 0 16px}.structure-view{padding:32px 40px;max-width:900px;margin:0 auto;color:var(--text-primary)}.structure-view.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.structure-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.structure-header h2{font-size:28px;font-weight:600;margin:0;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px}.structure-header h2:hover{color:var(--accent-primary)}.structure-header h2 .edit-hint{font-size:16px;opacity:0;transition:opacity .2s}.structure-header h2:hover .edit-hint{opacity:.6}.edit-title{display:flex;align-items:center;gap:8px;flex:1}.edit-title input{flex:1;padding:8px 12px;font-size:24px;font-weight:600;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:6px;color:var(--text-primary);outline:none}.structure-actions{display:flex;gap:8px;flex-shrink:0}.btn-action{padding:8px 14px;font-size:13px;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-action:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-action.btn-danger:hover{background:var(--accent-error);border-color:var(--accent-error)}.btn-action.btn-export{background:var(--accent-success);border-color:var(--accent-success);color:#fff}.btn-action.btn-export:hover{filter:brightness(1.1)}.btn-save,.btn-cancel{padding:6px 12px;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-save{background:var(--accent-success);color:#fff}.btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-save:hover,.btn-cancel:hover{filter:brightness(1.1)}.node-meta,.structure-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;font-size:13px;color:var(--text-muted)}.node-meta span,.structure-meta span{display:flex;align-items:center;gap:6px}.structure-content-section{margin-bottom:28px}.structure-content-section h4{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.btn-edit-inline{padding:4px 8px;font-size:12px;background:transparent;border:1px solid var(--border-light);border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:.6;transition:all .2s}.btn-edit-inline:hover{opacity:1;background:var(--bg-tertiary)}.node-text{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:20px;cursor:pointer;transition:border-color .2s}.node-text:hover{border-color:var(--accent-primary)}.node-text pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:15px;line-height:1.7;color:var(--text-primary)}.empty-content{color:var(--text-muted);font-style:italic;margin:0}.edit-content{display:flex;flex-direction:column;gap:12px}.edit-content textarea{width:100%;padding:16px;font-size:15px;line-height:1.6;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);resize:vertical;min-height:150px;font-family:inherit;outline:none}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.node-links,.structure-links{margin-bottom:28px}.node-links h4,.structure-links h4{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.node-links ul,.structure-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.link-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-light);border-left:3px solid var(--accent-primary);border-radius:8px;cursor:pointer;transition:all .2s}.link-item:hover{background:var(--bg-tertiary);border-left-color:var(--accent-success);transform:translate(4px)}.link-icon{font-size:16px;opacity:.8}.link-title{flex:1;font-weight:500;color:var(--text-primary)}.link-direction{font-size:12px;color:var(--text-muted);padding:2px 8px;background:var(--bg-primary);border-radius:10px}.node-children,.structure-root{margin-bottom:28px}.node-children h4,.structure-root h4{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.node-children ul,.structure-root ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.child-item{display:flex;align-items:center;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--text-primary)}.child-item:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translate(4px)}@media (max-width: 768px){.structure-view{padding:20px}.structure-header{flex-direction:column;gap:16px}.structure-header h2{font-size:22px}.structure-actions{width:100%;flex-wrap:wrap}.btn-action{flex:1;min-width:100px;text-align:center}.node-meta,.structure-meta{flex-direction:column;gap:8px}}.structure-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:var(--text-muted)}.breadcrumb-link{color:var(--accent-primary);cursor:pointer}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary)}.structure-meta-simple{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);margin-top:4px}.meta-type{padding:2px 8px;background:var(--bg-tertiary);border-radius:4px;font-size:12px}.meta-dot{color:var(--text-muted)}.structure-tags-section{margin:12px 0 20px}.structure-tags-section .section-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.structure-tags-section .tags-chips{display:flex;flex-wrap:wrap;gap:6px}.structure-tags-section .tag-chip{display:inline-flex;align-items:center;padding:4px 10px;background:var(--accent-soft);color:var(--accent-color);border-radius:12px;font-size:12px;font-weight:500}.structure-content-section{margin-bottom:24px}.section-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.btn-edit-small{padding:2px 6px;background:transparent;border:none;cursor:pointer;opacity:.5;font-size:12px}.btn-edit-small:hover{opacity:1}.content-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:16px;cursor:pointer;min-height:60px}.content-box:hover{border-color:var(--accent-primary)}.content-box pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:14px;line-height:1.6;color:var(--text-primary)}.items-list{display:flex;flex-direction:column;gap:4px}.item-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .15s}.item-row:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.item-icon{font-size:14px;flex-shrink:0}.item-title{flex:1;font-size:14px;font-weight:500}.item-badge{font-size:11px;padding:2px 6px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-muted)}.item-row:hover .item-badge{background:#fff3;color:#fff}.item-type{font-size:11px;color:var(--text-muted)}.item-row:hover .item-type{color:#fffc}.item-arrow{color:var(--text-muted);font-size:14px}.item-row:hover .item-arrow{color:#fff}.structure-view-container{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg-primary)}.structure-empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:var(--text-muted)}.structure-empty-state .empty-icon{font-size:48px;opacity:.5}.structure-view-container .view-header{border-left-color:var(--accent-secondary, #8b5cf6)}.structure-breadcrumb-btn{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .15s}.structure-breadcrumb-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.structure-type-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--accent-soft);color:var(--accent-color);border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.edit-title-inline{display:flex;align-items:center;gap:8px}.structure-title-input{font-size:18px;font-weight:700;background:var(--bg-secondary);border:2px solid var(--accent-primary);color:var(--text-primary);padding:6px 12px;border-radius:6px;min-width:200px}.title-save-btn,.title-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px}.title-save-btn:hover{background:var(--success-green, #22c55e);border-color:var(--success-green, #22c55e);color:#fff}.title-cancel-btn:hover{background:var(--bg-tertiary)}.edit-hint-icon{margin-left:8px;font-size:14px;opacity:0;transition:opacity .15s}.view-title:hover .edit-hint-icon{opacity:.5}.btn-danger-hover:hover{background:var(--error-red, #ef4444)!important}.structure-tags-inline{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}.tag-chip-inline{display:inline-flex;align-items:center;padding:3px 8px;background:var(--accent-soft);color:var(--accent-color);border-radius:10px;font-size:11px;font-weight:500}.tag-chip-clickable{display:inline-flex;align-items:center;padding:4px 10px;background:var(--accent-primary);color:#fff;border:none;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.tag-chip-clickable:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.structure-content-area{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.structure-path-card{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border-radius:8px;font-size:13px}.path-link{color:var(--accent-primary);cursor:pointer;font-weight:500}.path-link:hover{text-decoration:underline}.path-sep{color:var(--text-muted)}.path-current{color:var(--text-primary);font-weight:600}.structure-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px var(--shadow-light)}.structure-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--accent-soft);border-bottom:1px solid var(--border-light)}.structure-card-label{font-size:13px;font-weight:600;color:var(--text-primary)}.structure-edit-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .15s}.structure-edit-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.structure-card-body{padding:16px}.structure-content-display{min-height:60px}.structure-content-display.editable{cursor:pointer;border-radius:6px;transition:background .15s}.structure-content-display.editable:hover{background:var(--bg-tertiary)}.structure-content-text{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:14px;line-height:1.6;color:var(--text-primary)}.empty-content-hint{color:var(--text-muted);font-style:italic;margin:0}.structure-edit-area{display:flex;flex-direction:column;gap:12px}.structure-textarea{width:100%;padding:12px;font-size:14px;line-height:1.6;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);resize:vertical;font-family:inherit}.structure-textarea:focus{outline:none;border-color:var(--accent-primary)}.structure-edit-actions{display:flex;gap:8px}.btn-primary{background:var(--accent-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s}.btn-secondary:hover{background:var(--bg-secondary)}.structure-list{display:flex;flex-direction:column;gap:4px;padding:8px!important}.structure-list-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .15s}.structure-list-item:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.list-item-icon{font-size:14px;flex-shrink:0}.list-item-title{flex:1;font-size:14px;font-weight:500}.list-item-count{font-size:11px;padding:2px 8px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-muted)}.structure-list-item:hover .list-item-count{background:#fff3;color:#fff}.list-item-type{font-size:11px;color:var(--text-muted);padding:2px 8px;background:var(--bg-tertiary);border-radius:4px}.structure-list-item:hover .list-item-type{background:#fff3;color:#fff}.list-item-arrow{color:var(--text-muted);font-size:14px}.structure-list-item:hover .list-item-arrow{color:#fff}.prompt-decks-view{display:flex;flex-direction:column;flex:1;padding:20px;gap:16px;background:var(--bg-primary);max-width:100%;overflow-x:hidden;overflow-y:auto;height:100%}.prompt-decks-view .view-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.prompt-decks-view .view-title{display:flex;align-items:center;gap:10px}.prompt-decks-view .view-title h2{margin:0}.prompt-decks-view .view-actions{display:flex;gap:8px;flex-wrap:wrap}.prompt-help-section{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:12px;padding:16px;margin-bottom:16px}.prompt-help-section h3{margin:0 0 12px;color:var(--accent-primary)}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.help-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px}.help-item strong{display:block;color:var(--accent-primary);margin-bottom:4px}.help-item p{margin:0;font-size:.9em;color:var(--text-secondary);line-height:1.4}.help-item code{background:var(--bg-tertiary);color:var(--accent-success);padding:2px 6px;border-radius:4px;font-size:.85em;font-family:Courier New,monospace}@media (max-width: 768px){.help-grid{grid-template-columns:1fr}}.prompt-decks-columns{display:grid;grid-template-columns:1fr;gap:16px;max-width:100%;flex:1;min-height:0}@media (min-width: 1200px){.prompt-decks-columns{grid-template-columns:1.1fr .9fr}}.templates-column,.composer-column{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:14px;box-shadow:0 4px 14px var(--shadow-light);max-width:100%;overflow-x:hidden;overflow-y:auto;min-height:400px}.section-heading{margin:0 0 12px;padding:8px 12px;background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:6px;font-size:.95em;color:var(--text-primary)}.templates-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.templates-toolbar select{margin-left:8px}.queue-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.queue-label{font-weight:600;color:var(--text-primary)}.queue-chips{display:flex;gap:6px;flex-wrap:wrap}.queue-chip{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 10px;border-radius:16px;display:flex;gap:6px;align-items:center}.queue-chip button{background:transparent;border:none;color:var(--text-primary);cursor:pointer}.queue-empty{color:var(--text-muted)}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:100%}@media (max-width: 768px){.template-grid{grid-template-columns:1fr}}.template-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px var(--shadow-light)}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.template-card h3{margin:0}.template-category{margin:0;color:var(--text-muted);font-size:.9em}.template-description{margin:0;color:var(--text-secondary)}.template-edit-actions{display:flex;gap:6px}.template-empty{color:var(--text-muted);text-align:center}.template-editor{margin-top:14px;border-top:1px solid var(--border-color);padding-top:12px;display:flex;flex-direction:column;gap:10px}.template-editor .form-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 768px){.template-editor .form-grid{grid-template-columns:1fr 1fr}}.template-editor input,.template-editor textarea{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:8px}.template-editor textarea{resize:vertical}.editor-actions{display:flex;gap:8px}.composer-column .input-toggle{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hint-text{color:var(--text-muted)}.input-preview,.manual-input,.preview-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:10px;margin-bottom:12px;max-width:100%;overflow-x:auto}.preview-header{font-weight:600;margin-bottom:6px;color:var(--text-primary)}.preview-empty{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;padding:20px;text-align:center;color:var(--text-muted)}.preview-empty p{margin:8px 0}.input-preview pre,.preview-box pre{white-space:pre-wrap;word-wrap:break-word;background:var(--bg-tertiary);color:var(--text-primary);border:1px dashed var(--border-color);padding:8px;border-radius:8px;max-height:320px;overflow:auto;max-width:100%}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary:disabled{background:var(--bg-tertiary);cursor:not-allowed}.manual-input textarea{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;padding:10px;resize:vertical}.composer-actions{display:flex;gap:8px;flex-wrap:wrap}.copy-toast{margin-top:8px;padding:6px 10px;background:var(--accent-success);color:#0f172a;border-radius:8px;display:inline-block}.hidden-file-input{display:none}.action-btn.small{font-size:.9em;padding:6px 10px}.action-btn.danger{background:#f87171;color:#0f172a}.action-btn.primary{background:var(--accent-primary);color:#fff}@media (max-width: 1024px){.prompt-decks-columns{grid-template-columns:1fr}}:root{color-scheme:dark;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--mono);line-height:1.6;color:#e6e6e6;background-color:#070707}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#070707}#root{height:100%}a{color:inherit;text-decoration:none}