.agent-prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:20px;width:100%}.agent-prompt-card{height:160px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;align-items:flex-start;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:left;position:relative;overflow:hidden;width:100%}.header-title{color:var(--text-secondary);transition:color .2s ease;font-weight:500}.suggestions-header:hover .header-title{color:var(--text-primary)}.header-title.trending{color:#ef4444!important}.agent-prompt-card:hover{background:var(--hover-bg);border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.agent-prompt-card .card-icon{color:var(--accent-color);opacity:.9;transition:transform .2s ease}.agent-prompt-card:hover .card-icon{transform:scale(1.1)}.agent-prompt-card .suggestion-title{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:0;width:100%;flex:1;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.agent-prompt-card .card-arrow{position:absolute;bottom:16px;right:16px;color:var(--text-secondary);transition:all .2s ease}.agent-prompt-card:hover .card-arrow{color:var(--accent-color);transform:translate(2px,-2px)}.suggestions-container.agent-suggestions{width:100%;max-width:900px!important;margin:0 auto;padding:0 4px}.agent-scroll-container{max-height:50vh;overflow-y:auto;padding-bottom:120px;mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black 100%);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.agent-scroll-container::-webkit-scrollbar{display:none}.suggestions-container.agent-suggestions::-webkit-scrollbar{display:none}.template-gallery-container{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.gallery-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:12px;padding-left:4px}.templates-scroll-area{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding-bottom:20px;overflow:visible}.template-card{width:100%;height:100px;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;border:1px solid var(--border-color, rgba(255, 255, 255, .1));transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary)}.template-card:hover{transform:translateY(-4px);border-color:var(--accent-color, #3b82f6);box-shadow:0 12px 24px #00000026}.template-card.selected{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 1px var(--accent-color, #3b82f6)}.template-preview{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:8px;background:linear-gradient(135deg,#2d3748,#1a202c)}.template-name{font-size:11px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:2}.import-card{border:1px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.03)}.import-card:hover{background:rgba(255,255,255,.06);border-color:#fff6}.import-preview{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0}.import-icon{color:var(--text-secondary)}.import-label{font-size:11px;color:var(--text-secondary);font-weight:500}.check-overlay{position:absolute;top:6px;right:6px;background:var(--accent-color, #3b82f6);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:5;box-shadow:0 2px 4px #0003}.theme-modern-dark .template-preview{background:linear-gradient(135deg,#1f2937,#111827)}.theme-corporate-light .template-preview{background:linear-gradient(135deg,#f3f4f6,#ffffff)}.theme-corporate-light .template-name{color:#1f2937;text-shadow:none}.theme-tech-blue .template-preview{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.theme-creative-purple .template-preview{background:linear-gradient(135deg,#5b21b6,#8b5cf6)}.theme-minimalist .template-preview{background:#ffffff;border-top:4px solid #000}.theme-minimalist .template-name{color:#000;text-shadow:none}.theme-nature .template-preview{background:linear-gradient(135deg,#064e3b,#10b981)}.theme-sunset .template-preview{background:linear-gradient(135deg,#b45309,#f59e0b)}.theme-ocean .template-preview{background:linear-gradient(135deg,#0e7490,#06b6d4)}.theme-whiteboard .template-preview{background:#f8fafc;border:1px solid #e2e8f0}.theme-whiteboard .template-name{color:#334155;text-shadow:none}.template-preview-wrapper{width:100%;height:100%;position:relative}.template-thumb{width:100%;height:100%;object-fit:cover;display:block}.template-name.overlay{position:absolute;bottom:0;left:0;width:100%;padding:24px 8px 8px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:11px;font-weight:600}.agent-quick-actions{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.quick-action-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#a0a0a0;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-action-pill:hover{background:rgba(255,255,255,.1);color:#fff;border-color:var(--pill-color)}.quick-action-pill.active{background:rgba(var(--pill-color-rgb, 255, 255, 255),.15);border-color:var(--pill-color);color:var(--pill-color);box-shadow:0 0 10px rgba(var(--pill-color-rgb, 0, 0, 0),.1)}.action-icon{opacity:.8}.agent-connectors-wrapper{position:relative;display:inline-flex;align-items:center}.connectors-popover{position:absolute;top:100%;left:0;margin-top:8px;width:320px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px #00000080;z-index:1000;overflow:hidden;animation:slideUp .2s cubic-bezier(.16,1,.3,1)}.popover-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.popover-header h3{margin:0;font-size:.95rem;font-weight:600;color:#fff}.close-btn{background:none;border:none;font-size:1.2rem;color:#888;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.connectors-list{padding:8px;max-height:400px;overflow-y:auto}.connector-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s}.connector-item:hover{background:rgba(255,255,255,.05)}.connector-info{display:flex;align-items:center;gap:12px;color:#e0e0e0;font-size:.9rem}.connector-status .status-badge{font-size:.75rem;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.1);color:#aaa;font-weight:500}.connector-status .status-badge.connected{background:rgba(52,211,153,.2);color:#34d399}.add-more{margin-top:8px;border-top:1px solid rgba(255,255,255,.05);color:#aaa}.more-count{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#666}.mode-tooltip{position:absolute;top:100%;left:0;margin-top:10px;width:250px;background:#252525;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:100;color:#ccc;font-size:.85rem;line-height:1.4;pointer-events:none}.tooltip-header{display:flex;align-items:center;gap:8px;color:#fff;margin-bottom:6px}.sparkles{font-size:1.1rem}.agent-toggle-btn{margin-left:0}.coming-soon-trigger{display:inline-flex;align-items:center}.coming-soon-tooltip{width:280px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #0006;padding:12px 12px 10px;color:var(--text-secondary);font-size:.85rem;line-height:1.35;pointer-events:none;animation:comingSoonFadeIn .12s ease-out}.coming-soon-tooltip:before{content:"";position:absolute;left:calc(var(--coming-soon-arrow-left, 18px) - 8px);width:12px;height:12px;transform:rotate(45deg);background:var(--bg-secondary)}.coming-soon-tooltip--bottom:before{top:-6px;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.coming-soon-tooltip--top:before{bottom:-6px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}@keyframes comingSoonFadeIn{0%{opacity:0}to{opacity:1}}.coming-soon-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.coming-soon-title{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600;font-size:.95rem}.coming-soon-icon{opacity:.95}.coming-soon-badge{font-size:.75rem;padding:4px 10px;border-radius:999px;background:var(--hover-bg);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;white-space:nowrap}.coming-soon-description{color:var(--text-secondary)}.code-block .linenumber,.code-block .react-syntax-highlighter-line-number,.code-content-inner .linenumber,.code-content-inner .react-syntax-highlighter-line-number{color:#6e6e6e!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;pointer-events:none}.auth-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:11000;padding:20px;background:#0b0b0c;overflow:hidden;isolation:isolate;--auth-dot-gap: 12px;--auth-dot-radius: 1.1px;--auth-dot-dim: rgba(255, 255, 255, .055);--auth-dot-dim-light: rgba(15, 23, 42, .14)}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(130% 120% at 50% 50%,rgba(11,11,12,1) 0%,rgba(9,9,12,1) 58%,rgba(6,6,8,1) 100%),linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.62)),radial-gradient(circle at center,var(--auth-dot-dim) var(--auth-dot-radius),rgba(0,0,0,0) calc(var(--auth-dot-radius) + .8px));background-size:100% 100%,100% 100%,var(--auth-dot-gap) var(--auth-dot-gap);background-position:0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat}.auth-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.6;background-image:linear-gradient(118deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(37,99,235,.3) 48%,rgba(34,211,238,.26) 50%,rgba(168,85,247,.24) 52%,rgba(0,0,0,0) 58%,rgba(0,0,0,0) 100%),linear-gradient(310deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(59,130,246,.18) 47%,rgba(34,211,238,.14) 50%,rgba(16,185,129,.12) 53%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%),conic-gradient(from 210deg at 50% 50%,rgba(0,0,0,0) 0deg,rgba(34,211,238,.12) 44deg,rgba(0,0,0,0) 92deg,rgba(37,99,235,.12) 140deg,rgba(0,0,0,0) 210deg,rgba(168,85,247,.1) 260deg,rgba(0,0,0,0) 330deg,rgba(0,0,0,0) 360deg),radial-gradient(28% 24% at 26% 26%,rgba(37,99,235,.62) 0%,rgba(37,99,235,0) 68%),radial-gradient(26% 22% at 74% 22%,rgba(59,130,246,.52) 0%,rgba(59,130,246,0) 70%),radial-gradient(30% 28% at 58% 86%,rgba(96,165,250,.44) 0%,rgba(96,165,250,0) 72%),radial-gradient(26% 24% at 34% 78%,rgba(29,78,216,.48) 0%,rgba(29,78,216,0) 72%),radial-gradient(22% 20% at 56% 42%,rgba(34,211,238,.42) 0%,rgba(34,211,238,0) 74%),radial-gradient(20% 18% at 44% 62%,rgba(16,185,129,.36) 0%,rgba(16,185,129,0) 76%),radial-gradient(22% 20% at 78% 58%,rgba(168,85,247,.38) 0%,rgba(168,85,247,0) 76%);background-size:270% 270%,240% 240%,180% 180%,150% 150%,160% 160%,170% 170%,160% 160%,180% 180%,190% 190%,170% 170%;background-position:-18% 28%,110% 72%,50% 50%,26% 26%,74% 22%,58% 86%,34% 78%,56% 42%,44% 62%,78% 58%;background-repeat:no-repeat;-webkit-mask-image:radial-gradient(circle at calc(var(--auth-dot-gap) / 2) calc(var(--auth-dot-gap) / 2),rgba(0,0,0,1) var(--auth-dot-radius),rgba(0,0,0,0) calc(var(--auth-dot-radius) + .85px));-webkit-mask-size:var(--auth-dot-gap) var(--auth-dot-gap);-webkit-mask-position:0 0;-webkit-mask-repeat:repeat;mask-image:radial-gradient(circle at calc(var(--auth-dot-gap) / 2) calc(var(--auth-dot-gap) / 2),rgba(0,0,0,1) var(--auth-dot-radius),rgba(0,0,0,0) calc(var(--auth-dot-radius) + .85px));mask-size:var(--auth-dot-gap) var(--auth-dot-gap);mask-position:0 0;mask-repeat:repeat;mix-blend-mode:screen;animation:auth-dot-drift 40s linear infinite,auth-dot-pulse 12.5s ease-in-out infinite;will-change:background-position,opacity,filter}@keyframes auth-dot-drift{0%{background-position:-18% 28%,110% 72%,50% 50%,26% 26%,74% 22%,58% 86%,34% 78%,56% 42%,44% 62%,78% 58%}25%{background-position:58% -24%,30% 120%,60% 30%,40% 18%,84% 34%,74% 68%,22% 84%,62% 52%,50% 42%,86% 74%}50%{background-position:128% 62%,-22% 22%,40% 72%,66% 30%,52% 70%,68% 96%,30% 58%,44% 18%,30% 84%,58% 44%}75%{background-position:22% 132%,132% 28%,52% 60%,78% 64%,22% 46%,52% 76%,46% 94%,34% 24%,86% 78%,16% 66%}to{background-position:-18% 28%,110% 72%,50% 50%,26% 26%,74% 22%,58% 86%,34% 78%,56% 42%,44% 62%,78% 58%}}@keyframes auth-dot-pulse{0%,to{opacity:.53;filter:saturate(1.2) contrast(1.06)}45%{opacity:.6;filter:saturate(1.34) contrast(1.08)}70%{opacity:.57;filter:saturate(1.26) contrast(1.07)}}@media (prefers-reduced-motion: reduce){.auth-page:before{animation:none}.auth-page:after{animation:none}}:root[data-theme=light] .auth-page{background:#f6f7fb}:root[data-theme=light] .auth-page:before{background-image:radial-gradient(120% 120% at 50% 50%,rgba(246,247,251,1) 0%,rgba(242,244,250,1) 55%,rgba(238,241,249,1) 100%),linear-gradient(to bottom,rgba(255,255,255,.22),rgba(15,23,42,.06)),radial-gradient(circle at center,var(--auth-dot-dim-light) var(--auth-dot-radius),rgba(0,0,0,0) calc(var(--auth-dot-radius) + .9px));background-size:100% 100%,100% 100%,var(--auth-dot-gap) var(--auth-dot-gap);background-position:0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat}:root[data-theme=light] .auth-page:after{opacity:.4;background-image:linear-gradient(118deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(37,99,235,.14) 48%,rgba(34,211,238,.12) 50%,rgba(168,85,247,.11) 52%,rgba(0,0,0,0) 58%,rgba(0,0,0,0) 100%),linear-gradient(310deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(59,130,246,.1) 47%,rgba(34,211,238,.08) 50%,rgba(16,185,129,.07) 53%,rgba(0,0,0,0) 62%,rgba(0,0,0,0) 100%),conic-gradient(from 210deg at 50% 50%,rgba(0,0,0,0) 0deg,rgba(34,211,238,.06) 44deg,rgba(0,0,0,0) 92deg,rgba(37,99,235,.06) 140deg,rgba(0,0,0,0) 210deg,rgba(168,85,247,.05) 260deg,rgba(0,0,0,0) 330deg,rgba(0,0,0,0) 360deg),radial-gradient(26% 22% at 20% 22%,rgba(37,99,235,.22) 0%,rgba(37,99,235,0) 66%),radial-gradient(24% 20% at 84% 18%,rgba(59,130,246,.18) 0%,rgba(59,130,246,0) 68%),radial-gradient(24% 22% at 66% 88%,rgba(96,165,250,.14) 0%,rgba(96,165,250,0) 70%),radial-gradient(22% 20% at 26% 76%,rgba(29,78,216,.18) 0%,rgba(29,78,216,0) 70%),radial-gradient(20% 18% at 54% 36%,rgba(34,211,238,.14) 0%,rgba(34,211,238,0) 72%),radial-gradient(18% 16% at 44% 62%,rgba(16,185,129,.12) 0%,rgba(16,185,129,0) 74%),radial-gradient(22% 18% at 78% 56%,rgba(168,85,247,.14) 0%,rgba(168,85,247,0) 74%);background-size:270% 270%,240% 240%,180% 180%,150% 150%,160% 160%,170% 170%,160% 160%,180% 180%,190% 190%,170% 170%;background-position:-18% 28%,110% 72%,50% 50%,20% 20%,84% 16%,66% 86%,24% 74%,54% 34%,44% 60%,78% 54%;background-repeat:no-repeat;-webkit-mask-image:radial-gradient(circle at calc(var(--auth-dot-gap) / 2) calc(var(--auth-dot-gap) / 2),rgba(0,0,0,1) var(--auth-dot-radius),rgba(0,0,0,0) calc(var(--auth-dot-radius) + .85px));-webkit-mask-size:var(--auth-dot-gap) var(--auth-dot-gap);-webkit-mask-position:0 0;-webkit-mask-repeat:repeat;mask-image:radial-gradient(circle at calc(var(--auth-dot-gap) / 2) calc(var(--auth-dot-gap) / 2),rgba(0,0,0,1) var(--auth-dot-radius),rgba(0,0,0,0) calc(var(--auth-dot-radius) + .85px));mask-size:var(--auth-dot-gap) var(--auth-dot-gap);mask-position:0 0;mask-repeat:repeat;mix-blend-mode:multiply;animation:auth-dot-drift 44s linear infinite,auth-dot-pulse 13s ease-in-out infinite}.auth-branding{position:relative;z-index:2}.auth-branding-text{color:#fffffff5;text-shadow:0 8px 24px rgba(0,0,0,.55)}.auth-branding-icon{filter:drop-shadow(0 12px 28px rgba(0,0,0,.6))}:root[data-theme=light] .auth-branding-text{color:#000000e6;text-shadow:0 10px 26px rgba(0,0,0,.18)}:root[data-theme=light] .auth-branding-icon{filter:drop-shadow(0 14px 30px rgba(0,0,0,.18))}:root[data-theme=light] .auth-branding-ai{background:linear-gradient(135deg,rgba(2,6,23,.92),rgba(30,58,138,.92));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffffb8;border-radius:999px;cursor:pointer;transition:all .2s ease;z-index:10}.auth-close-btn:hover{color:#ffffffeb;background:rgba(255,255,255,.08)}.auth-branding{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:32px}.auth-branding-icon{width:40px;height:40px;object-fit:contain}.auth-branding-text{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}:root[data-theme=light] .auth-container{border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #0000002e}:root[data-theme=light] .auth-title{color:#000000e0}:root[data-theme=light] .auth-subtitle{color:#0000009e}:root[data-theme=light] .auth-close-btn{color:#0000009e}:root[data-theme=light] .auth-close-btn:hover{color:#000000db;background:rgba(0,0,0,.06)}:root[data-theme=light] .auth-header-with-nav .auth-back-btn{color:#0000009e}:root[data-theme=light] .auth-header-with-nav .auth-back-btn:hover{color:#000000db;background:rgba(0,0,0,.06)}:root[data-theme=light] .auth-input-wrapper input{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.12);color:#000000e0}:root[data-theme=light] .auth-input-wrapper input::placeholder{color:#00000073}:root[data-theme=light] .auth-input-wrapper input:focus{border-color:#0003;box-shadow:0 0 0 3px #0000000f}:root[data-theme=light] .auth-social-btn{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.12);color:#000000e0}:root[data-theme=light] .auth-social-btn:hover:not(:disabled){background:rgba(0,0,0,.06);border-color:#00000029}:root[data-theme=light] .auth-divider span{color:#00000080}:root[data-theme=light] .auth-forgot button,:root[data-theme=light] .auth-forgot a{color:#0000009e}:root[data-theme=light] .auth-forgot button:hover,:root[data-theme=light] .auth-forgot a:hover{color:#000000d1}:root[data-theme=light] .auth-toggle p{color:#0000009e}:root[data-theme=light] .auth-toggle button{color:#000000b8}:root[data-theme=light] .auth-toggle button:hover{color:#000000e0}:root[data-theme=light] .auth-guest-btn{border:1px solid rgba(0,0,0,.14);color:#000000b8}:root[data-theme=light] .auth-guest-btn:hover:not(:disabled){border-color:#0003;background:rgba(0,0,0,.04);color:#000000db}.auth-branding-ai{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary, #8b5cf6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.auth-container{position:relative;width:100%;max-width:440px;height:680px;max-height:calc(100vh - 160px);display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:36px 32px;box-shadow:0 14px 44px #00000094;z-index:1}.auth-body-scroll{flex:1;overflow-y:auto;padding-right:4px}.auth-header{text-align:center;margin-bottom:28px;position:relative}.auth-header-with-nav{margin-top:-8px;position:static}.auth-header-with-nav .auth-back-btn{position:absolute;top:16px;left:16px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px;color:#ffffffb8;background:transparent;border:none;z-index:10}.auth-header-with-nav .auth-back-btn:hover{color:#ffffffeb;background:rgba(255,255,255,.08)}.auth-back-btn{position:absolute;left:0;top:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease}.auth-back-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.auth-title{font-size:32px;font-weight:600;color:var(--text-primary);margin:0 0 14px;letter-spacing:-.02em}.auth-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:340px;margin:0 auto}.auth-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.auth-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none}.auth-input-wrapper input{width:100%;padding:16px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text-primary);font-size:16px;transition:all .2s ease}.auth-input-wrapper.has-icon input{padding-left:44px}.auth-input-wrapper input:focus{outline:none;border-color:#ffffff38;box-shadow:0 0 0 3px #ffffff14}.auth-input-wrapper input::placeholder{color:var(--text-tertiary);font-size:16px}.auth-input-wrapper input::-ms-reveal,.auth-input-wrapper input::-ms-clear,.auth-input-wrapper input::-webkit-credentials-auto-fill-button{display:none}.auth-password-toggle{position:absolute;right:14px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.auth-password-toggle:hover{color:var(--text-secondary)}.auth-email-pill{width:100%;padding:16px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text-primary);font-size:16px;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text}:root[data-theme=light] .auth-email-pill{background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.12);color:#000000e0}.auth-verify-card{margin-top:0}.auth-verify-icon{background:rgba(34,197,94,.12);color:#22c55e}.auth-tips{margin-top:0;padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px}:root[data-theme=light] .auth-tips{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08)}.auth-tips-title{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:10px}:root[data-theme=light] .auth-tips-title{color:#000000e0}.auth-verify-form{gap:18px}.auth-tips ul{margin:0;padding-left:18px;color:var(--text-secondary);font-size:13px;line-height:1.6}.auth-tips li+li{margin-top:6px}.password-requirements-hint{margin:8px 0 0;font-size:12px;color:var(--text-tertiary);line-height:1.4}.password-requirements-dropdown{margin-top:8px;padding:12px;background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border-color);border-radius:10px;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.requirement-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-tertiary);transition:color .2s ease}.requirement-item.valid{color:#22c55e}.requirement-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px}.requirement-item.valid .requirement-icon{color:#22c55e}.password-requirements-dropdown.portal{box-shadow:0 8px 32px #0006}.auth-forgot{text-align:center;margin-top:0}.auth-forgot button,.auth-forgot a{background:none;border:none;color:var(--accent-color);color:#ffffffb8;font-size:14px;cursor:pointer;text-decoration:none}.auth-forgot button:hover,.auth-forgot a:hover{text-decoration:underline;color:#ffffffe6}.auth-submit-btn{margin-top:10px;width:100%;padding:16px 24px;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:999px;color:#0b0b0c;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);background:rgba(255,255,255,.92)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 16px;color:#ffffff8c;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.auth-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-social-buttons-stacked{display:flex;flex-direction:column;gap:12px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.auth-social-btn:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:#ffffff2e}.auth-social-btn:disabled{opacity:.6;cursor:not-allowed}.auth-social-btn-stacked{width:100%;justify-content:center}.auth-provider-content{display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1}.auth-provider-iconbox{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.auth-provider-iconbox svg{width:20px;height:20px}.auth-provider-content svg{flex:0 0 auto;display:block}.auth-provider-github-icon{transform:translateY(-1px)}.auth-provider-icon{position:absolute;left:18px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.auth-provider-text{width:100%;text-align:center;padding:0 34px}.auth-2fa-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;background:var(--input-bg);border:1px solid var(--border-color)}.auth-2fa-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.12);color:#60a5fa;flex:0 0 auto}.auth-2fa-text{display:flex;flex-direction:column;gap:2px}.auth-2fa-title{font-size:14px;font-weight:600;color:var(--text-primary)}.auth-2fa-subtitle{font-size:13px;color:var(--text-secondary)}.auth-toggle{text-align:center;margin-top:24px}.auth-toggle p{color:var(--text-secondary);font-size:14px;margin:0}.auth-toggle button{background:none;border:none;color:#ffffffc7;font-weight:600;cursor:pointer}.auth-toggle button:hover{text-decoration:underline;color:#ffffffeb}.auth-guest-btn{width:100%;margin-top:16px;padding:16px 24px;background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffffffc7;font-size:16px;font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-guest-btn:hover:not(:disabled){color:#ffffffeb;border-color:#ffffff38;background:rgba(255,255,255,.06)}.auth-guest-btn:disabled{opacity:.6;cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 480px){.auth-container{padding:32px 24px}.auth-header-with-nav{margin-top:-4px}.auth-header-with-nav .auth-back-btn{top:16px;left:16px}.auth-social-buttons{grid-template-columns:1fr}.auth-title{font-size:28px}.auth-subtitle{font-size:15px}}@media (max-height: 760px){.auth-container{height:calc(100vh - 160px)}}.auth-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--bg-primary);z-index:9999;gap:24px;padding:56px 20px 28px}.auth-loading-center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.auth-loading p{color:var(--text-secondary);font-size:14px;margin:0}.auth-loading-brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.auth-loading-logo{height:21px;width:auto;opacity:.9;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}.auth-loading-copyright{color:var(--text-secondary);font-size:14px;letter-spacing:.2px}.auth-loading.auth-loading--inline{padding:0;gap:12px;justify-content:center}.auth-loading--inline .auth-loading-brand{display:none}.auth-loading--inline .auth-loading-center{flex:initial}.auth-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.app.guest-mode{display:flex;flex-direction:column}.app.guest-mode .main-content{grid-column:1 / -1}.guest-login-btn{padding:10px 24px;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.guest-login-btn:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.guest-register-btn{padding:10px 24px;background:var(--text-primary);border:none;border-radius:999px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.guest-register-btn:hover{opacity:.9}.guest-terms-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 20px;text-align:center;font-size:12px;color:var(--text-tertiary);background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.68) 45%,rgba(0,0,0,0) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}:root[data-theme=light] .guest-terms-footer{background:linear-gradient(to top,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 45%,rgba(255,255,255,0) 100%)}.guest-terms-footer a{color:var(--text-secondary);text-decoration:underline}.guest-terms-footer a:hover{color:var(--text-primary)}.auth-email-sent{text-align:center;padding:48px 32px;animation:slideInUp .4s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-sent-content{display:flex;flex-direction:column;align-items:center;gap:16px}.email-sent-icon-wrapper{position:relative;margin-bottom:8px}.email-sent-logo{width:80px;height:80px;border-radius:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #6366f166}50%{transform:scale(1.02);box-shadow:0 0 20px 10px #6366f100}}.email-sent-check{position:absolute;bottom:-8px;right:-8px;width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f166;animation:bounceIn .5s ease .2s both}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.email-sent-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.email-sent-description{font-size:15px;color:var(--text-secondary);margin:0}.email-sent-email{font-size:16px;font-weight:600;color:var(--accent-color, #6366f1);margin:0;padding:8px 16px;background:rgba(99,102,241,.1);border-radius:8px}.email-sent-instructions{margin-top:16px;padding:16px;background:rgba(99,102,241,.08);border-radius:12px;border:1px solid rgba(99,102,241,.2)}.email-sent-instructions p{margin:0;font-size:14px;color:var(--text-secondary)}.email-sent-tips{margin-top:24px;text-align:left;padding:16px;background:var(--bg-secondary);border-radius:12px;width:100%}.email-sent-tips p{margin:0 0 8px;font-size:13px;color:var(--text-primary)}.email-sent-tips ul{margin:0;padding-left:20px}.email-sent-tips li{font-size:13px;color:var(--text-secondary);margin:4px 0}.email-sent-login-btn{margin-top:24px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.email-sent-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.onboarding-modal{background:var(--bg-secondary, #1a1a1a);border-radius:24px;width:90%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000080;border:none;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.onboarding-modal.animating{opacity:.7;transform:scale(.98);transition:all .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-progress{display:flex;justify-content:center;gap:32px;padding:24px 32px 16px;border-bottom:1px solid var(--border-color, #333)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .3s ease}.progress-step.active{opacity:1}.progress-step.completed .progress-dot{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#22c55e}.progress-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-color, #444);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary, #888);transition:all .3s ease}.progress-step.active .progress-dot{border-color:var(--accent-color, #6366f1);color:var(--accent-color, #6366f1);background:rgba(99,102,241,.1)}.progress-label{font-size:11px;color:var(--text-secondary, #888);font-weight:500}.progress-step.active .progress-label{color:var(--text-primary, #fff)}.onboarding-content{flex:1;overflow-y:auto;padding:32px}.onboarding-step{animation:stepFadeIn .4s ease}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{text-align:center;margin-bottom:32px}.step-header .step-icon{color:var(--accent-color, #6366f1);margin-bottom:16px}.step-header h2{font-size:24px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 8px}.step-header p{font-size:14px;color:var(--text-secondary, #888);margin:0}.step-form{display:flex;flex-direction:column;gap:24px}.form-field{display:flex;flex-direction:column;gap:8px}.step-form .form-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.step-form .form-field label svg{flex-shrink:0;color:var(--accent-color, #6366f1);min-width:16px}.form-field input,.form-field textarea{background:var(--bg-tertiary, #252525);border:1px solid var(--border-color, #333);border-radius:12px;padding:14px 16px;font-size:15px;color:var(--text-primary, #fff);transition:border-color .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 3px #6366f126}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted, #666)}.form-field textarea{resize:none;min-height:80px}.field-hint{font-size:12px;color:var(--text-muted, #666);line-height:1.4}.step-tone .tone-preview{background:var(--bg-tertiary, #252525);border-radius:16px;padding:20px;margin-bottom:16px}.current-tone{margin-bottom:16px}.tone-label{display:block;font-size:18px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.tone-tagline{font-size:14px;color:var(--text-secondary, #888)}.change-tone-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-primary, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:12px;color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:all .2s ease}.change-tone-btn:hover{background:var(--bg-hover, #2a2a2a);border-color:var(--accent-color, #6366f1)}.tone-note{font-size:13px;color:var(--text-muted, #666);text-align:center}.terms-scroll-container{background:var(--bg-tertiary, #252525);border-radius:12px;height:280px;overflow-y:auto;padding:20px;margin-bottom:16px;border:1px solid var(--border-color, #333)}.terms-content{color:var(--text-secondary, #aaa);font-size:12px;line-height:1.6}.terms-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0}.terms-divider{height:1px;background:var(--border-color, #444);margin:24px 0}.scroll-hint{text-align:center;font-size:12px;color:var(--accent-color, #6366f1);padding:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.terms-checkbox{margin-top:16px}.terms-checkbox.disabled{opacity:.5;pointer-events:none}.terms-checkbox label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--text-primary, #fff)}.terms-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:22px;height:22px;border:2px solid var(--border-color, #444);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.terms-checkbox input:checked+.checkbox-custom{background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.terms-checkbox input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.step-welcome{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.welcome-container{display:flex;flex-direction:column;align-items:center;gap:20px}.step-welcome .welcome-logo{opacity:0;transform:scale(.5);transition:all .8s cubic-bezier(.16,1,.3,1)}.step-welcome.animate .welcome-logo{opacity:1;transform:scale(1)}.welcome-logo img{width:80px;height:80px;border-radius:20px}.step-welcome .welcome-title{font-size:28px;font-weight:700;color:var(--text-primary, #fff);margin:0;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1) .2s}.step-welcome.animate .welcome-title{opacity:1;transform:translateY(0)}.step-welcome .welcome-subtitle{font-size:16px;color:var(--text-secondary, #888);margin:0;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1) .4s}.step-welcome.animate .welcome-subtitle{opacity:1;transform:translateY(0)}.welcome-features{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:16px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1) .6s}.step-welcome.animate .welcome-features{opacity:1;transform:translateY(0)}.welcome-features span{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary, #252525);padding:8px 16px;border-radius:20px;font-size:13px;color:var(--text-secondary, #aaa);border:1px solid var(--border-color, #333)}.welcome-features span svg{color:var(--accent-color, #6366f1)}.onboarding-navigation{display:flex;align-items:center;padding:20px 32px;border-top:1px solid var(--border-color, #333);background:var(--bg-primary, #151515)}.nav-spacer{flex:1}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary, #888)}.back-btn:hover{background:rgba(255,255,255,.05);color:var(--text-primary, #fff)}.next-btn,.complete-btn{background:var(--text-primary, #fff);border:none;color:var(--bg-primary, #111)}.next-btn:hover,.complete-btn:hover{opacity:.9}.next-btn:disabled,.complete-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 600px){.onboarding-modal{width:95%;max-height:95vh;border-radius:16px}.onboarding-progress{gap:16px;padding:16px}.progress-label{display:none}.onboarding-content{padding:24px}.step-header h2{font-size:20px}.onboarding-navigation{padding:16px}}.email-verification-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;background:var(--bg-primary)}.email-verification-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;width:100%;padding:48px 32px;background:var(--bg-secondary);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #0006;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.email-verification-icon-wrapper{position:relative;margin-bottom:24px}.email-verification-logo{width:96px;height:96px;border-radius:24px}.email-verification-badge{position:absolute;bottom:-10px;right:-10px;width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #6366f180;animation:bounceIn .6s ease .2s both}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.email-verification-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.email-verification-description{font-size:16px;color:var(--text-secondary);margin:0}.email-verification-email{font-size:17px;font-weight:600;color:var(--accent-color, #6366f1);margin:8px 0 0;padding:10px 20px;background:rgba(99,102,241,.1);border-radius:10px}.email-verification-instructions{display:flex;align-items:center;gap:12px;margin-top:24px;padding:16px 20px;background:rgba(99,102,241,.08);border-radius:14px;border:1px solid rgba(99,102,241,.2)}.email-verification-instructions svg{color:#22c55e;flex-shrink:0}.email-verification-instructions p{margin:0;font-size:14px;color:var(--text-secondary);text-align:left}.email-verification-tips{margin-top:24px;text-align:left;padding:20px;background:var(--bg-tertiary);border-radius:14px;width:100%}.email-verification-tips p{margin:0 0 12px;font-size:14px;color:var(--text-primary)}.email-verification-tips ul{margin:0;padding-left:20px}.email-verification-tips li{font-size:13px;color:var(--text-secondary);margin:6px 0}.email-verification-btn{margin-top:28px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.email-verification-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f166}.email-verification-btn:active{transform:translateY(-1px)}.send-button.voice-mode.listening{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);animation:voice-mode-pulse 1s ease-in-out infinite}@keyframes voice-mode-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.voice-agent-overlay-blur{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:voice-modal-fade-in .3s ease-out}@keyframes voice-modal-fade-in{0%{opacity:0}to{opacity:1}}.voice-agent-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:40px}.voice-agent-close{position:absolute;top:24px;right:24px;background:rgba(255,255,255,.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fffc;transition:all .2s ease;z-index:10}.voice-agent-close:hover{background:rgba(255,255,255,.2);color:#fff}.voice-agent-tts-toggle{position:absolute;top:24px;left:24px;background:rgba(255,255,255,.1);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .2s ease;z-index:10}.voice-agent-tts-toggle.enabled{color:#3b82f6;background:rgba(59,130,246,.2)}.voice-agent-tts-toggle:hover{background:rgba(255,255,255,.2);color:#fff}.voice-orb-clickable{cursor:pointer;transition:transform .3s ease}.voice-orb-clickable:hover{transform:scale(1.02)}.holographic-orb-container{position:relative;width:350px;height:350px;display:flex;align-items:center;justify-content:center}.holographic-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,rgba(59,130,246,.08) 40%,transparent 70%);filter:blur(30px);animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.holographic-particles{position:absolute;width:100%;height:100%;transform-style:preserve-3d;animation:particles-rotate 20s linear infinite}@keyframes particles-rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.holographic-particle{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);background:rgba(100,149,237,.9);border-radius:50%;transform:translate(-50%,-50%) translate3d(var(--x),var(--y),var(--z));box-shadow:0 0 6px #6495edcc;animation:particle-twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes particle-twinkle{0%,to{opacity:.4}50%{opacity:1}}.holographic-core{position:absolute;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.holographic-core-particle{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);background:rgba(180,200,255,.95);border-radius:50%;transform:translate(-50%,-50%) translate(var(--x),var(--y));box-shadow:0 0 4px #b4c8ffe6;animation:core-pulse 2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes core-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1.2)}}.holographic-center{position:absolute;width:20px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(100,149,237,.6) 50%,transparent 100%);border-radius:50%;filter:blur(3px)}.holographic-orb-container.listening .holographic-glow{animation:glow-listening .8s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,rgba(59,130,246,.12) 40%,transparent 70%)}.holographic-orb-container.listening .holographic-particles{animation-duration:8s}.holographic-orb-container.listening .holographic-particle{box-shadow:0 0 10px #6495ed}.holographic-orb-container.listening .holographic-center{animation:center-pulse-listening .5s ease-in-out infinite}@keyframes glow-listening{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes center-pulse-listening{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.holographic-orb-container.speaking .holographic-glow{animation:glow-listening .6s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,rgba(59,130,246,.12) 40%,transparent 70%)}.holographic-orb-container.speaking .holographic-particles{animation-duration:6s}.holographic-orb-container.speaking .holographic-particle{box-shadow:0 0 12px #6495ed}.holographic-orb-container.speaking .holographic-center{animation:center-pulse-listening .4s ease-in-out infinite}.voice-agent-transcript{margin-top:40px;font-size:18px;color:#fffc;text-align:center;max-width:600px;min-height:30px;max-height:200px;overflow-y:auto;padding:20px 10px;position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 100%)}.voice-agent-transcript::-webkit-scrollbar{width:4px}.voice-agent-transcript::-webkit-scrollbar-track{background:transparent}.voice-agent-transcript::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.voice-agent-transcript .interim{color:#ffffff80}.voice-messages{display:flex;flex-direction:column;gap:16px;text-align:left}.voice-message{padding:8px 0;line-height:1.5}.voice-message.user{color:#fff9;font-size:14px}.voice-message.assistant{color:#fffffff2;font-size:16px}.voice-agent-error{color:#ef4444;margin-top:16px;font-size:14px}.voice-agent-indicator{display:flex;align-items:center;gap:8px;margin-top:32px;padding:10px 20px;background:rgba(255,255,255,.08);border-radius:24px;font-size:14px;color:#fff9;transition:all .3s ease}.voice-agent-indicator.listening{background:rgba(59,130,246,.2);color:#ffffffe6}.sidebar-reminders{padding:8px 12px;margin:8px 0;display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:8px;transition:background .2s ease;color:var(--text-primary)}.sidebar-reminders:hover{background:var(--bg-hover)}.sidebar-reminders-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-reminders-content{flex:1;display:flex;flex-direction:column}.sidebar-reminders-title{font-size:14px;font-weight:500}.sidebar-reminders-subtitle{font-size:12px;color:var(--text-secondary)}.sidebar-reminders-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.agent-dashboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}.agent-dashboard-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.agent-dashboard-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.agent-dashboard-title{font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px}.agent-dashboard-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.agent-dashboard-close:hover{background:var(--bg-hover);color:var(--text-primary)}.agent-dashboard-tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--border-color);background:transparent}.agent-tab{padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center}.agent-tab:hover{color:var(--text-primary)}.agent-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.agent-dashboard-content{flex:1;overflow-y:auto;padding:24px}.add-item-btn{width:100%;padding:10px 16px;background:transparent;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;transition:all .2s ease}.add-item-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.task-card{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;transition:all .2s ease}.task-card:hover{background:var(--bg-hover)}.task-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:2px}.task-checkbox.completed{background:#22c55e;border-color:#22c55e;color:#fff}.task-content{flex:1}.task-title{font-size:14px;font-weight:500;color:var(--text-primary)}.task-title.completed{text-decoration:line-through;color:var(--text-secondary)}.task-meta{font-size:12px;color:var(--text-secondary);margin-top:4px;display:flex;gap:12px}.task-priority{display:inline-flex;align-items:center;gap:4px}.task-priority-dot{width:8px;height:8px;border-radius:50%}.task-priority-dot.low{background:#22c55e}.task-priority-dot.medium{background:#f59e0b}.task-priority-dot.high{background:#ef4444}.task-priority-dot.urgent{background:#dc2626;animation:urgent-pulse 1s infinite}@keyframes urgent-pulse{0%,to{opacity:1}50%{opacity:.5}}.habit-card{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:12px}.habit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.habit-name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.habit-streak{display:flex;align-items:center;gap:4px;font-size:13px;color:#f59e0b}.habit-progress{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.habit-progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.habit-check-btn{margin-top:12px;padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.habit-check-btn.unchecked{background:var(--bg-hover);color:var(--text-primary)}.habit-check-btn.checked{background:rgba(34,197,94,.2);color:#22c55e}.transaction-card{background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.transaction-info{display:flex;align-items:center;gap:12px}.transaction-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.transaction-icon.expense{background:rgba(239,68,68,.1);color:#ef4444}.transaction-icon.income{background:rgba(34,197,94,.1);color:#22c55e}.transaction-details{display:flex;flex-direction:column}.transaction-description{font-size:14px;font-weight:500}.transaction-category{font-size:12px;color:var(--text-secondary)}.transaction-amount{font-size:16px;font-weight:600}.transaction-amount.expense{color:#ef4444}.transaction-amount.income{color:#22c55e}.summary-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%);border-radius:16px;padding:24px;margin-bottom:24px}.summary-title{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.summary-value{font-size:32px;font-weight:700}.summary-value.positive{color:#22c55e}.summary-value.negative{color:#ef4444}.summary-row{display:flex;gap:24px;margin-top:16px}.summary-item{flex:1}.summary-item-label{font-size:12px;color:var(--text-secondary)}.summary-item-value{font-size:18px;font-weight:600}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.empty-state-description{font-size:14px}.new-chat-btn.reminders-btn{position:relative;font-size:14px}.new-chat-btn.reminders-btn .reminders-icon{background:transparent;border-radius:0;padding:0}.new-chat-btn.reminders-btn .reminders-icon svg{color:var(--text-primary)}.new-chat-btn.reminders-btn:hover .reminders-icon svg{color:var(--text-primary)}.reminders-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.reminders-list{display:flex;flex-direction:column}.reminder-card{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s ease;position:relative}.reminder-card:hover{background:var(--bg-hover)}.reminder-card.unread{background:rgba(59,130,246,.05)}.reminder-card.unread:hover{background:rgba(59,130,246,.08)}.reminder-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.reminder-content{flex:1;min-width:0}.reminder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.reminder-sender{font-weight:600;font-size:14px;color:var(--text-primary)}.reminder-time{font-size:12px;color:var(--text-secondary)}.reminder-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.reminder-unread-dot{position:absolute;top:12px;right:8px;width:8px;height:8px;border-radius:50%;background:#3b82f6}.reminder-action-btn{margin-top:0;padding:6px 12px;border-radius:6px;border:none;background:var(--accent-color);color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.reminder-action-btn:hover{transform:scale(1.02);box-shadow:0 2px 8px #3b82f64d}.reminder-action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.reminder-action-btn.secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.reminder-action-btn.danger{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.reminder-action-btn.danger:hover{background:rgba(239,68,68,.15);color:#ef4444;border-color:#ef4444}.reminder-action-btn.danger.confirming{background:#ef4444;color:#fff}.reminder-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.reminder-scheduled{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:rgba(59,130,246,.15);color:#60a5fa;border-radius:4px;font-size:11px;font-weight:500}.agent-form-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:none;border-radius:12px;width:450px;max-width:90vw;max-height:85vh;overflow:hidden;box-shadow:0 8px 32px #0006;padding:0;z-index:10001}.agent-form-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.agent-form-title{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.agent-form-title h3{font-size:18px;font-weight:600;margin:0}.agent-form-body{padding:24px;overflow-y:auto;max-height:60vh}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.agent-form-input,.agent-form-select{width:100%;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s}.agent-form-input:focus,.agent-form-select:focus{outline:none;border-color:var(--accent-color)}.agent-form-input::placeholder{color:var(--text-secondary);opacity:.6}.agent-form-select{cursor:pointer}.form-hint{font-size:12px;color:var(--text-secondary);margin-top:-8px;opacity:.8}.priority-options,.frequency-options{display:flex;gap:8px;flex-wrap:wrap}.frequency-options{flex-wrap:nowrap}.priority-chip,.frequency-chip{padding:12px 16px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.frequency-chip{flex:1;text-align:center;justify-content:center;display:flex;align-items:center;min-height:48px;padding:0 16px;box-sizing:border-box}.frequency-options{display:flex;gap:8px;flex-wrap:nowrap;align-items:stretch}.priority-chip:hover,.frequency-chip:hover{border-color:var(--accent-color);color:var(--text-primary)}.priority-chip.selected{background:var(--priority-color);border-color:var(--priority-color);color:#fff}.frequency-chip.selected{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.agent-form-input[type=number],.agent-form-input[type=date],.agent-form-input[type=time]{color-scheme:dark}.light-mode .agent-form-input[type=number],.light-mode .agent-form-input[type=date],.light-mode .agent-form-input[type=time]{color-scheme:light}.agent-form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 14px}.tx-type-options{display:flex;gap:12px}.tx-type-chip{flex:1;padding:12px 16px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.tx-type-chip:hover{border-color:var(--accent-color)}.tx-type-chip.expense.selected{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444}.tx-type-chip.income.selected{background:rgba(34,197,94,.15);border-color:#22c55e;color:#22c55e}.agent-form-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}:root{--bg-primary: #131314;--bg-secondary: #1a1a1b;--text-primary: #f0f0f0;--text-secondary: #888;--input-bg: #1a1a1b;--hover-bg: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .12);--accent-color: #003f7a;--accent-hover: #2563eb;--scrollbar-thumb: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app{display:flex;height:100vh;height:100dvh;width:100%;position:relative}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--input-bg: #f0f0f0;--hover-bg: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .12);--accent-color: #0066cc;--accent-hover: #0052a3;--scrollbar-thumb: rgba(0, 0, 0, .2)}:root[data-theme=light] .msg.user .bubble{background:#e5f3ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes scaleIn{0%{opacity:0}to{opacity:1}}@keyframes typewriter{0%{max-width:0}to{max-width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--text-secondary)}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar{width:260px;min-width:260px;height:100vh;height:100dvh;background:var(--bg-secondary);border-right:none;display:flex;flex-direction:column;z-index:10;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1)}.sidebar.mini-sidebar{width:50px;min-width:50px;border-right:none}.sidebar-header{padding:14px 12px;display:flex;align-items:center;justify-content:space-between;height:70px;width:100%;flex-shrink:0}.sidebar.mini-sidebar .sidebar-header{padding:14px 0;justify-content:center}.sidebar-footer{padding:9px 0;border-top:none;width:100%;flex-shrink:0;margin-top:auto}.header-logo-container{flex:1;overflow:hidden;margin-bottom:-4px}.sidebar-logo{width:120px;opacity:1;transition:opacity .3s ease}.sidebar.mini-sidebar .header-logo-container{display:none}.btn-text{margin-left:-2px}.chat-item-content span{opacity:1;max-width:200px;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease-in-out,max-width .3s cubic-bezier(.4,0,.2,1),transform .3s ease-out}.sidebar:not(.mini-sidebar) .btn-text,.sidebar:not(.mini-sidebar) .chat-item:not(.static-item) .chat-item-content span{animation:slideInFromLeft .5s ease-out both}.sidebar:not(.mini-sidebar) .chat-item.static-item .chat-item-content span{opacity:1;transform:none;animation:none}.sidebar.mini-sidebar .btn-text,.sidebar.mini-sidebar .chat-item-content span{opacity:0;max-width:0;pointer-events:none}.toggle-btn-internal{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:color .2s,background .2s;margin-left:auto;flex-shrink:0}.toggle-btn-internal:hover{color:var(--text-primary);background:var(--hover-bg)}.sidebar.mini-sidebar .toggle-btn-internal{margin:0 auto}.new-chat-btn,.upgrade-btn{display:flex;align-items:center;width:calc(100% - 16px);height:44px;padding:0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;overflow:hidden;white-space:nowrap;margin:0 8px 2px;transition:background .2s;flex-shrink:0;border-radius:8px}.sidebar.mini-sidebar .new-chat-btn,.sidebar.mini-sidebar .upgrade-btn{width:100%;margin:0 0 2px;border-radius:0}.new-chat-btn:hover,.upgrade-btn:hover{background:var(--hover-bg)}.btn-shortcut{margin-left:auto;margin-right:12px;font-size:13px;font-weight:500;color:var(--text-secondary);opacity:0;transition:opacity .2s ease;white-space:nowrap}.new-chat-btn:hover .btn-shortcut{opacity:1}.sidebar.mini-sidebar .btn-shortcut{display:none}.btn-icon{width:34px;min-width:34px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar.mini-sidebar .btn-icon{width:50px;min-width:50px}.chat-history{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0;margin-top:10px;width:100%;display:flex;flex-direction:column}.sidebar:not(.mini-sidebar) .chat-history{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.sidebar:not(.mini-sidebar) .chat-history:hover{scrollbar-color:var(--scrollbar-thumb) transparent}.sidebar:not(.mini-sidebar) .chat-history::-webkit-scrollbar{width:8px}.sidebar:not(.mini-sidebar) .chat-history::-webkit-scrollbar-track{background:transparent}.sidebar:not(.mini-sidebar) .chat-history::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .3s ease}.sidebar:not(.mini-sidebar) .chat-history:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.sidebar:not(.mini-sidebar) .chat-history::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb)}.sidebar.mini-sidebar .chat-history{overflow-y:visible;scrollbar-width:none}.sidebar.mini-sidebar .chat-history::-webkit-scrollbar{display:none}.history-section{margin-bottom:16px;width:100%}.chat-item{display:flex;align-items:center;gap:0;width:calc(100% - 16px);margin:0 8px 2px;padding:0;height:36px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:14px;position:relative;transition:background .2s;border-radius:8px}.sidebar:not(.mini-sidebar) .chat-item:nth-child(1) .chat-item-content span{animation-delay:.05s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(2) .chat-item-content span{animation-delay:.08s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(3) .chat-item-content span{animation-delay:.11s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(4) .chat-item-content span{animation-delay:.14s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(5) .chat-item-content span{animation-delay:.17s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(6) .chat-item-content span{animation-delay:.2s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(7) .chat-item-content span{animation-delay:.23s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(8) .chat-item-content span{animation-delay:.26s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(9) .chat-item-content span{animation-delay:.29s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(10) .chat-item-content span{animation-delay:.32s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(11) .chat-item-content span{animation-delay:.35s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(12) .chat-item-content span{animation-delay:.38s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(13) .chat-item-content span{animation-delay:.41s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(14) .chat-item-content span{animation-delay:.44s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(15) .chat-item-content span{animation-delay:.47s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(16) .chat-item-content span{animation-delay:.5s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(17) .chat-item-content span{animation-delay:.53s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(18) .chat-item-content span{animation-delay:.56s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(19) .chat-item-content span{animation-delay:.59s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(20) .chat-item-content span{animation-delay:.62s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(21) .chat-item-content span{animation-delay:.65s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(22) .chat-item-content span{animation-delay:.68s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(23) .chat-item-content span{animation-delay:.71s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(24) .chat-item-content span{animation-delay:.74s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(25) .chat-item-content span{animation-delay:.77s}.sidebar:not(.mini-sidebar) .chat-item:nth-child(n+26) .chat-item-content span{animation-delay:.8s}.chat-item-content{flex:1;overflow:hidden;display:flex;align-items:center;padding-left:14px}.sidebar.mini-sidebar .chat-item{justify-content:center;pointer-events:none;cursor:default}.sidebar.mini-sidebar .chat-item.active{background:transparent!important;border-radius:0}.sidebar.mini-sidebar .collapsible-section .section-header,.sidebar.mini-sidebar .history-title{display:none}.chat-item:hover,.chat-item.active{background:var(--hover-bg)}.chat-item-actions{margin-right:8px;display:flex;align-items:center}.sidebar.mini-sidebar .chat-item-actions{display:none}.more-options-btn,.folder-menu-btn{background:transparent;border:none;color:var(--text-secondary);padding:4px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center}.chat-item:hover .more-options-btn,.more-options-btn.active,.folder-wrapper:hover .folder-menu-btn,.folder-menu-btn.active{opacity:1!important}.more-options-btn:hover,.folder-menu-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.rename-input{background:transparent;border:none;color:var(--text-primary);font-size:14px;padding:2px 0;width:100%;outline:none;font-family:inherit}.sidebar-footer .user-menu-wrapper{position:relative;width:100%}.user-menu{position:absolute;bottom:10px;left:55px;width:240px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px;z-index:1000;box-shadow:0 10px 30px #0000004d;animation:fadeIn .2s ease}.sidebar:not(.mini-sidebar) .user-menu{left:8px;bottom:calc(100% + 8px)}.user-menu-button{display:flex;align-items:center;gap:0;width:calc(100% - 16px);margin:0 8px;border-radius:8px;height:50px;padding:0;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background .2s;position:relative}.user-menu-button:hover,.user-menu-button.active{background:var(--hover-bg)}.sidebar.mini-sidebar .user-menu-button{width:100%;margin:0;border-radius:0}.user-avatar{width:34px;min-width:34px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar.mini-sidebar .user-avatar{width:50px;min-width:50px}.user-avatar img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--input-bg)}.user-info{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:3px;min-width:0;text-align:left;padding-left:4px;opacity:1;max-width:200px;transition:opacity .2s ease-in-out,max-width .3s cubic-bezier(.4,0,.2,1),transform .3s ease-out}.sidebar:not(.mini-sidebar) .user-info{animation:slideInFromLeft .5s ease-out both}.sidebar.mini-sidebar .user-info{opacity:0;max-width:0;pointer-events:none}.user-name{grid-column:1;grid-row:1;font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;min-width:0;line-height:1.3}.upgrade-pill{grid-column:2;grid-row:1 / span 2;align-self:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease;white-space:nowrap}.user-info .plan-badge{grid-column:1;grid-row:2;justify-self:start}.upgrade-pill:hover{background:rgba(255,255,255,.06);border-color:#ffffff47}.upgrade-pill:active{opacity:.9}.plan-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.plan-badge.plan-free{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}.plan-badge.plan-plus{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 50%,#06b6d4 100%);color:#fff;border:none;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes proBadgeShine{0%{background-position:200% center}to{background-position:-200% center}}.plan-badge.plan-pro{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 25%,#fcd34d 50%,#f59e0b 75%,#fbbf24 100%);background-size:200% 100%;color:#451a03;border:1px solid rgba(251,191,36,.5);animation:proBadgeShine 3s ease-in-out infinite;text-shadow:0 0 1px rgba(255,255,255,.3);font-weight:700}.chevron-icon{flex-shrink:0;color:var(--text-secondary);margin-right:12px;opacity:1;transition:opacity .2s}.chevron-icon.open{transform:rotate(180deg)}.sidebar.mini-sidebar .chevron-icon{opacity:0;display:none}.unread-indicator{width:8px;height:8px;background:var(--accent-color);border-radius:50%;flex-shrink:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);opacity:1;transition:opacity .2s ease;pointer-events:none}.chat-item:hover .unread-indicator{opacity:0}.chat-item:has(.more-options-btn.active) .unread-indicator{opacity:0}.chat-item-actions:has(.unread-indicator) .more-options-btn{opacity:0}.chat-item:hover .chat-item-actions:has(.unread-indicator) .more-options-btn{opacity:1}@media (max-width: 768px){.more-options-btn,.folder-menu-btn{opacity:1!important}.chat-item-actions:has(.unread-indicator) .more-options-btn{opacity:0!important}}.select-checkbox{display:flex;align-items:center;justify-content:center;padding:0 2px 0 12px;flex-shrink:0;cursor:pointer}.select-checkbox .checkbox-checked{color:var(--accent-color);transition:color .15s ease,transform .15s ease}.select-checkbox .checkbox-unchecked{color:var(--text-secondary);opacity:.5;transition:color .15s ease,opacity .15s ease}.select-checkbox:hover .checkbox-unchecked{opacity:.8;color:var(--text-primary)}.chat-item.select-mode .chat-item-content{padding-left:6px}.chat-item.selected{background:rgba(var(--accent-color-rgb, 139, 92, 246),.12)}.chat-item.selected:hover{background:rgba(var(--accent-color-rgb, 139, 92, 246),.18)}.bulk-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:10000;display:flex;align-items:center;gap:12px;padding:10px 20px;background:rgba(20,20,25,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 24px #0006;animation:bulkBarSlideUp .2s ease}@keyframes bulkBarSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bulk-action-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.bulk-count{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.bulk-select-all-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;padding:6px 12px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:6px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.bulk-select-all-btn:hover{background:rgba(255,255,255,.06);color:var(--text-primary);border-color:#ffffff2e}.bulk-actions{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.bulk-action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:8px;background:rgba(255,255,255,.06);color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .15s,color .15s,opacity .15s;white-space:nowrap}.bulk-action-btn:hover{background:rgba(255,255,255,.12)}.bulk-action-btn:disabled{opacity:.3;cursor:not-allowed}.bulk-action-btn.delete{color:#f87171}.bulk-action-btn.delete:hover:not(:disabled){background:rgba(248,113,113,.15)}.bulk-cancel-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;transition:background .15s,color .15s;margin-left:auto;flex-shrink:0}.bulk-cancel-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.bulk-move-wrapper{position:relative}.bulk-move-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:4px;z-index:10001;box-shadow:0 -8px 24px #0006;animation:fadeInUp .15s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.bulk-action-bar{position:fixed;padding:8px 40px 8px 12px;gap:8px;flex-wrap:wrap}.bulk-action-left{width:100%;justify-content:space-between}.bulk-actions{width:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px;scrollbar-width:none}.bulk-actions::-webkit-scrollbar{display:none}.bulk-action-btn span{display:none}.bulk-action-btn{padding:8px 10px}.bulk-cancel-btn{position:absolute;top:8px;right:12px}}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:margin-right .3s ease}.main-content.preview-open{margin-right:min(50vw,800px)}.main-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;background:var(--bg-primary)}.header-left,.header-right{display:flex;align-items:center;gap:8px}.menu-btn,.profile-btn{width:36px;height:36px;border:none;background:transparent;color:var(--text-primary);border-radius:6px;cursor:pointer}.profile-btn.quick-preview-btn{color:#2563eb;transition:background .2s,color .2s}.profile-btn.quick-preview-btn:hover{background:rgba(37,99,235,.12);color:#3b82f6}.header-title-btn{background:transparent;border:none;color:#bfc1c0;font-size:20px;font-weight:600;cursor:pointer;padding:0;margin-top:3px;font-family:inherit;transition:opacity .2s}.guest-header-brand{color:#bfc1c0;font-size:20px;font-weight:600;padding:0;margin-top:3px;font-family:inherit;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;border:none;background:transparent;cursor:pointer;transition:opacity .2s}.guest-header-brand:hover,.header-title-btn:hover{opacity:.8}[data-theme=light] .header-title-btn{color:#444746}.version{font-size:11px;color:var(--text-secondary)}.memory-limit-warning{position:relative;cursor:pointer}.memory-warning-btn{display:flex!important;align-items:center;gap:6px;width:auto!important;padding:0 12px!important;color:#f59e0b!important;background:rgba(245,158,11,.1)!important;border-radius:6px;transition:all .2s ease}.memory-warning-btn:hover{background:rgba(245,158,11,.2)!important}.memory-warning-text{font-size:12px;font-weight:500;white-space:nowrap}.memory-warning-tooltip{position:absolute;top:100%;right:0;margin-top:8px;padding:0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;z-index:1000}.memory-limit-warning:hover .memory-warning-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;box-shadow:0 4px 16px #0000004d;min-width:240px}.tooltip-content strong{display:block;font-size:13px;color:#f59e0b;margin-bottom:6px}.tooltip-content p{font-size:12px;color:var(--text-secondary);margin:0 0 8px}.tooltip-link{display:block;font-size:11px;color:var(--accent-color);text-decoration:underline}.memory-limit-warning.warning-level .memory-warning-btn{color:#f59e0b!important;background:rgba(245,158,11,.1)!important}.memory-limit-warning.warning-level .memory-warning-btn:hover{background:rgba(245,158,11,.2)!important}.memory-limit-warning.warning-level .tooltip-content strong{color:#f59e0b}.memory-limit-warning.danger-level .memory-warning-btn{color:#ef4444!important;background:rgba(239,68,68,.1)!important}.memory-limit-warning.danger-level .memory-warning-btn:hover{background:rgba(239,68,68,.2)!important}.memory-limit-warning.danger-level .tooltip-content strong{color:#ef4444}.chat-area{flex:1;overflow-y:auto;overflow-anchor:none;position:relative;display:grid;grid-template-columns:1fr minmax(0,800px) 1fr;padding-bottom:40px}.messages{width:100%;margin:0;padding:24px;display:flex;flex-direction:column;gap:24px;grid-column:2}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 10px 140px;text-align:center;height:100%;overflow-y:hidden;grid-column:2}.welcome-screen.welcome-centered{justify-content:center}.welcome-screen.welcome-centered h1{margin-bottom:10px}.welcome-input-container{width:100%;max-width:800px;padding:0 24px;margin-top:8px;text-align:left}.welcome-input-container.transitioning{animation:slideDownToBottom .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDownToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(calc(50vh - 100px));opacity:0}}.welcome-screen h1{font-size:30px;font-weight:600;margin-bottom:24px;transition:margin .3s ease}.welcome-greeting-row{display:flex;align-items:center;gap:8px;margin-bottom:0}.welcome-logo-small{width:20px;height:20px;object-fit:contain}.welcome-greeting-text{font-size:16px;font-weight:500;color:var(--text-secondary)}.suggestions-container{position:absolute;top:calc(100% + 0px);left:50%;transform:translate(-50%);width:100%;max-width:680px;padding:0 24px;text-align:left}.suggestions-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:12px;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.suggestions-header:hover{color:var(--text-primary)}.suggestions-header.trending{color:var(--accent-color)}.suggestions-header.trending:hover{color:var(--accent-hover)}.suggestion-card.trending{background:rgba(37,99,235,.08);border-color:#2563eb33}.suggestion-card.trending:hover{background:rgba(37,99,235,.15);border-color:var(--accent-color)}.suggestions-grid{display:flex;flex-wrap:wrap;gap:8px}.suggestion-card{display:inline-flex;align-items:center;padding:10px 16px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.2);border-radius:999px;cursor:pointer;text-align:left;transition:all .2s ease;max-width:100%}.suggestion-card:hover{background:rgba(37,99,235,.15);border-color:var(--accent-color)}.suggestion-title{font-size:14px;font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestions-container.audit-mode{margin-top:16px}.suggestions-header.audit{color:var(--text-secondary);cursor:default}.suggestion-card.audit{background:rgba(37,99,235,.08);border-color:#2563eb33}.suggestion-card.audit:hover{background:rgba(37,99,235,.15);border-color:var(--accent-color)}.temp-chat-box{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;width:100%;max-width:400px}.temp-chat-title{font-weight:600;margin-bottom:4px;font-size:16px}.temp-chat-desc{font-size:14px;color:var(--text-secondary)}.temp-chat-notice{position:absolute;top:calc(100% + 24px);left:50%;transform:translate(-50%);width:100%;max-width:680px;padding:0 24px;font-size:13px;color:var(--text-secondary);text-align:center}.temp-chat-description{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);text-align:center;font-size:14px;color:var(--text-secondary);max-width:680px;width:100%;padding:0;line-height:1.5;pointer-events:none;box-sizing:border-box}@media (max-width: 768px){.temp-chat-description{bottom:-20px;padding:0 20px;font-size:13px}}.msg{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start;animation:fadeIn .3s ease-out}.msg .bubble{max-width:95%;padding:12px 18px;border-radius:18px;font-size:18px;word-break:break-word;white-space:pre-wrap}.msg.user .bubble{background:var(--accent-color);color:var(--text-primary);border-bottom-right-radius:4px;word-break:break-word;white-space:pre-wrap}.msg.assistant .bubble{background:var(--input-bg);border-bottom-left-radius:4px}.msg.assistant .assistant-content{width:100%;position:relative;padding:0;margin:0;font-size:18px;line-height:1.6;color:var(--text-primary);overflow:visible}.temp-chat-icon{width:20px;height:20px;fill:currentColor}.scroll-btn-container{display:flex;justify-content:center;position:relative;height:0;overflow:visible;z-index:100}.scroll-to-bottom-btn{position:absolute;bottom:8px;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;box-shadow:0 4px 12px #0003;opacity:0;transition:opacity .2s,transform .2s,visibility .2s;visibility:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}.scroll-to-bottom-btn.visible{opacity:.9;visibility:visible;pointer-events:auto}.scroll-to-bottom-btn:hover{opacity:1;transform:translateY(-2px)}.chat-outline{position:fixed;right:12px;top:50%;transform:translateY(-100%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto;--outline-rail-bg: rgba(16, 18, 24, .9);--outline-panel-bg: rgba(24, 26, 32, .95);--outline-dot-bg: rgba(156, 163, 175, .55);--outline-dot-hover-bg: rgba(156, 163, 175, .95);--outline-hover-bg: rgba(255, 255, 255, .04);--outline-active-bg: rgba(79, 140, 255, .12);--outline-active-text: #72a4ff;--outline-accent: #4f8cff;--outline-shadow: 0 10px 40px rgba(0, 0, 0, .35)}.chat-outline-toggle{display:none}.chat-outline-rail{width:28px;max-height:280px;overflow-y:auto;border-radius:10px;background:var(--outline-rail-bg);border:1px solid var(--border-color);padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:7px;scrollbar-width:none}.chat-outline-rail::-webkit-scrollbar{display:none}.chat-outline-dot{width:12px;height:4px;border:0;border-radius:999px;background:var(--outline-dot-bg);cursor:pointer;transition:width .15s ease,background .15s ease}.chat-outline-dot:hover{width:14px;background:var(--outline-dot-hover-bg)}.chat-outline-dot.active{width:18px;background:var(--outline-accent)}.chat-outline-panel{position:absolute;right:42px;top:50%;transform:translateY(-50%);width:360px;max-height:420px;overflow-y:auto;padding:10px;border-radius:14px;background:var(--outline-panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--outline-shadow);animation:outlinePanelIn .2s ease-out;scrollbar-width:thin;scrollbar-color:transparent transparent}.chat-outline-panel:hover{scrollbar-color:var(--scrollbar-thumb) transparent}.chat-outline-panel::-webkit-scrollbar{width:6px}.chat-outline-panel::-webkit-scrollbar-track{background:transparent}.chat-outline-panel::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.chat-outline-panel:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.chat-outline-item{width:100%;border:0;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer;text-align:left}.chat-outline-item:hover{background:var(--outline-hover-bg);color:var(--text-primary)}.chat-outline-item.active{color:var(--outline-active-text);background:var(--outline-active-bg)}.chat-outline-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.chat-outline-item-marker{width:12px;height:4px;border-radius:999px;background:var(--outline-dot-bg)}.chat-outline-item-marker.active{width:18px;background:var(--outline-accent)}:root[data-theme=light] .chat-outline{--outline-rail-bg: rgba(255, 255, 255, .95);--outline-panel-bg: rgba(255, 255, 255, .98);--outline-dot-bg: rgba(100, 116, 139, .5);--outline-dot-hover-bg: rgba(71, 85, 105, .85);--outline-hover-bg: rgba(15, 23, 42, .05);--outline-active-bg: rgba(0, 102, 204, .13);--outline-active-text: #0052a3;--outline-accent: var(--accent-color);--outline-shadow: 0 12px 28px rgba(15, 23, 42, .16)}@keyframes outlinePanelIn{0%{opacity:0;transform:translateY(-50%) translate(8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 1024px){.chat-outline{display:none}}.thinking-wrapper{margin-bottom:12px;padding-left:4px}.thinking-toggle{display:flex;width:100%;align-items:center;gap:8px;background:var(--bg-primary);border:none;border-bottom:1px solid transparent;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:15px;font-family:inherit;transition:all .2s ease;position:sticky;top:0;z-index:5}.thinking-toggle.sticky-active{border-bottom-color:var(--border-color);border-radius:6px 6px 0 0}.thinking-toggle:hover{color:var(--text-primary);background-color:var(--hover-bg)}.thinking-toggle:disabled{cursor:default;opacity:.6}.thinking-content{margin-top:8px;padding:12px 0 12px 28px;border-left:2px solid var(--border-color)}.thinking-content-inner pre{font-family:Menlo,Consolas,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:#b0b0b0;margin:0;white-space:pre-wrap;word-wrap:break-word}.thinking-chevron{transition:transform .2s ease}.thinking-chevron.expanded{transform:rotate(180deg)}.thinking-feedback{display:flex;align-items:center;gap:8px;color:#9ca3af;font-size:16px;font-weight:500}.thinking-feedback .spinner{width:14px;height:14px;border:2px solid rgba(156,163,175,.3);border-top-color:#9ca3af;border-radius:50%;animation:spin 1s linear infinite}.loading-dots{display:flex;align-items:center;gap:5px}.loading-dots span{width:8px;height:8px;background-color:var(--text-secondary);border-radius:50%;animation:loading-bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-of-type(1){animation-delay:-.32s}.loading-dots span:nth-of-type(2){animation-delay:-.16s}.user-attached-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;justify-content:flex-end}.user-file-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.user-file-pill:hover{background:var(--hover-bg);border-color:var(--accent-color)}.file-pill-icon{color:var(--accent-color);flex-shrink:0}.file-pill-name{font-size:13px;color:var(--text-primary);font-weight:500}.file-pill-size{font-size:12px;color:var(--text-secondary)}.user-attached-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;justify-content:flex-end}.user-image-thumbnail{max-width:200px;max-height:200px;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.user-image-thumbnail:hover{transform:scale(1.02);opacity:.9}.user-image-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:12px}.follow-up-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-left:0;animation:fadeInSuggestions .3s ease-out}.follow-up-suggestions.loading{opacity:.5}.follow-up-skeleton{width:160px;height:36px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:999px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInSuggestions{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.follow-up-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease;max-width:100%}.follow-up-btn:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--text-primary)}.follow-up-btn svg{flex-shrink:0;opacity:.7}.follow-up-btn:hover svg{opacity:1}.follow-up-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generating-wrapper{margin-bottom:12px;padding-left:4px}.generating-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-primary);border:none;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:15px;font-family:inherit;transition:all .2s ease}.generating-toggle:hover:not(:disabled){color:var(--text-primary);background-color:var(--hover-bg)}.generating-toggle:disabled{cursor:default}.generating-toggle.has-error{color:#f87171}.generating-feedback{display:flex;align-items:center;gap:8px;color:inherit;font-size:15px;font-weight:500}.generating-spinner{animation:spin 1s linear infinite}.generating-chevron{transition:transform .2s ease}.generating-chevron.expanded{transform:rotate(180deg)}.generating-content{margin-top:8px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.generating-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.generating-language{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase}.generating-code-wrapper{max-height:400px;overflow:auto;padding:12px;background:var(--bg-primary)}.generating-code-wrapper pre{margin:0;font-family:Menlo,Consolas,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.generating-code-wrapper code{font-family:inherit}.generating-error{padding:12px;background:rgba(248,113,113,.1);border-top:1px solid rgba(248,113,113,.3);color:#f87171;font-size:13px;font-family:Menlo,Consolas,monospace}.folder-chats-section{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);width:100%;max-width:680px;padding:0 24px;text-align:left}.folder-chats-empty{text-align:center;color:var(--text-secondary);padding:16px 0}.folder-chats-scroll{max-height:50vh;overflow-y:auto;padding-bottom:120px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20px,black 100%)}.folder-chats-scroll::-webkit-scrollbar{display:none}.folder-chat-item{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 8px;background:transparent;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s ease;text-align:left}.folder-chat-item:hover{background:var(--hover-bg)}.folder-chat-main{flex:1;min-width:0}.folder-chat-title{font-size:14px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-chat-summary{font-size:13px;color:var(--text-secondary);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-chat-date{font-size:12px;color:var(--text-secondary);flex-shrink:0;white-space:nowrap;padding-top:2px}.folder-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.folder-chat-menu-btn{background:transparent;border:none;color:var(--text-secondary);padding:4px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center}.folder-chat-item:hover .folder-chat-menu-btn,.folder-chat-menu-btn.active{opacity:1}.folder-chat-menu-btn:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}@media (max-width: 768px){.folder-chat-menu-btn{opacity:1!important}}.truncated-continue-bar{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px 0;animation:fadeInSuggestions .3s ease-out}.truncated-continue-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);border-radius:999px;color:#60a5fa;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.truncated-continue-btn:hover{background:rgba(96,165,250,.2);border-color:#60a5fa;transform:translate(2px)}.truncated-continue-btn svg{flex-shrink:0}.truncated-hint{font-size:13px;color:var(--text-secondary);opacity:.7}.dropdown-menu{margin-top:5px;width:240px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:4px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;transform-origin:top left}.dropdown-menu.positioned{animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.dropdown-menu.upwards{transform-origin:bottom left}.dropdown-menu.upwards.positioned{animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.dropdown-item{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;border-radius:4px;text-align:left;transition:background .2s}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item.delete{color:#fca5a5}.dropdown-item.delete:hover{background:rgba(220,38,38,.15)}.dropdown-divider{height:1px;background:var(--border-color);margin:3px 0;opacity:.5}:root[data-theme=light] .dropdown-menu{box-shadow:0 4px 12px #0000001a}:root[data-theme=light] .dropdown-item.delete{color:#dc2626}:root[data-theme=light] .dropdown-item.delete:hover{background:rgba(220,38,38,.1)}:root[data-theme=light] .dropdown-divider{background:rgba(0,0,0,.1)}.submenu{position:absolute;left:100%;top:-4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:4px;min-width:160px;box-shadow:0 4px 12px #00000080;z-index:10000;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);transform-origin:top left}:root[data-theme=light] .submenu{box-shadow:0 4px 12px #00000026}.submenu-portal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:4px;min-width:180px;box-shadow:0 4px 12px #00000080;animation:scaleIn .15s cubic-bezier(.16,1,.3,1);transform-origin:top left}.submenu-portal.left{transform-origin:top right}:root[data-theme=light] .submenu-portal{box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.dropdown-menu{width:200px;max-height:70vh;overflow-y:auto}.dropdown-item{padding:12px 10px;font-size:13px}.submenu,.submenu-portal{min-width:180px;max-width:90vw;max-height:70vh;overflow-y:auto}}.input-wrapper{width:100%;position:relative;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.input-wrapper.welcome-position{transform:translateY(calc(-50vh + 80px));padding:0 24px}.input-wrapper.welcome-position .input-area{max-width:800px;margin:0 auto;background:transparent}.welcome-header{text-align:center;margin-bottom:20px}.welcome-header .welcome-greeting-row{justify-content:center}.welcome-header h1{font-size:30px;font-weight:600;margin:0}.input-area{padding:0 2px;background:transparent;display:grid;grid-template-columns:1fr minmax(0,800px) 1fr;transition:all .4s cubic-bezier(.4,0,.2,1)}.input-area.welcome-centered{padding:0;background:transparent;display:block}.input-area.welcome-centered .input-container{max-width:800px;margin:0 auto}.input-area.transitioning{animation:inputTransition .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes inputTransition{0%{opacity:.8}to{opacity:1}}.input-container{width:100%;margin:0;position:relative;grid-column:2}.rate-limit-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--border-color);background:var(--input-bg);box-shadow:0 2px 10px #0000002e;margin-bottom:10px}.rate-limit-text{font-size:13.5px;color:var(--text-primary);line-height:1.25;flex:1}.rate-limit-upgrade{background:var(--accent-color);color:#fff;border:none;border-radius:999px;padding:8px 12px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.rate-limit-upgrade:hover{background:var(--accent-hover)}.hardcore-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(245,158,11,.45);background:rgba(245,158,11,.08);margin-bottom:10px}.hardcore-banner-shell{position:relative}.hardcore-banner-shell-collapsible{cursor:default}.hardcore-banner-shell:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:28px;pointer-events:none;opacity:0;transform:translateY(-8px);background:linear-gradient(180deg,rgba(245,158,11,.32) 0%,rgba(245,158,11,.16) 45%,rgba(245,158,11,0) 100%);filter:blur(9px)}.hardcore-banner-shell.is-collapsing .hardcore-banner{animation:hardcoreBannerCollapse .26s cubic-bezier(.22,1,.36,1) forwards}.hardcore-banner-shell.is-expanding .hardcore-banner{animation:hardcoreBannerExpand .26s cubic-bezier(.22,1,.36,1) forwards}.hardcore-banner-shell.is-collapsing:after{animation:hardcoreBannerTrailDown .26s ease forwards}.hardcore-banner-shell.is-expanding:after{animation:hardcoreBannerTrailUp .26s ease forwards}.hardcore-banner-blocked{border-color:#ef44448c;background:rgba(239,68,68,.1)}.hardcore-banner-text{font-size:13.5px;color:var(--text-primary);line-height:1.3;flex:1}.hardcore-banner-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.hardcore-banner-learn-more{color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.hardcore-banner-learn-more:hover{color:var(--text-primary)}.hardcore-banner-ack{background:var(--accent-color);color:#fff;border:none;border-radius:999px;padding:8px 12px;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.hardcore-banner-ack:hover{background:var(--accent-hover)}@keyframes hardcoreBannerCollapse{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(34px) scale(.985);filter:blur(2px)}}@keyframes hardcoreBannerExpand{0%{opacity:0;transform:translateY(34px) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes hardcoreBannerTrailDown{0%{opacity:0;transform:translateY(-8px)}35%{opacity:.95}to{opacity:0;transform:translateY(18px)}}@keyframes hardcoreBannerTrailUp{0%{opacity:0;transform:translateY(18px)}35%{opacity:.85}to{opacity:0;transform:translateY(-8px)}}.hardcore-consent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:2200;padding:20px}.hardcore-consent-modal{width:min(560px,100%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0006;padding:22px 20px}.hardcore-consent-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hardcore-consent-close{flex-shrink:0}.hardcore-consent-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.hardcore-consent-copy{margin:0 0 10px;color:var(--text-secondary);line-height:1.45}.hardcore-consent-meta{margin:0 0 16px;font-size:12.5px;color:var(--text-secondary)}.hardcore-consent-btn{width:100%;background:var(--accent-color);color:#fff;border:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.hardcore-consent-btn:hover{background:var(--accent-hover)}.hardcore-consent-btn:disabled{opacity:.75;cursor:wait}.input-footer{max-width:800px;margin:8px auto;text-align:center;font-size:12.5px;color:var(--text-secondary);grid-column:2;opacity:1;transition:opacity .3s ease}.input-footer.hidden{visibility:hidden;opacity:0}.chat-input-wrapper{display:flex;flex-direction:column;position:relative;background:var(--input-bg);border:2px solid transparent;border-radius:20px;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.chat-input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.chat-input-wrapper.drag-over{border-color:var(--accent-color);border-style:dashed;border-width:2px;background:rgba(59,130,246,.05);box-shadow:0 0 0 3px #3b82f626}.textarea-container{padding-bottom:44px;transition:height .15s ease-out}.chat-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px;line-height:1.5;resize:none;font-family:inherit;padding:16px 56px 0 16px;transition:height .15s ease-out}.input-toolbar-internal{position:absolute;bottom:0;left:0;right:0;height:44px;padding:0 56px 0 8px;display:flex;justify-content:space-between;align-items:center}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:4px}.toolbar-primary-actions{display:flex;align-items:center;gap:10px}.toolbar-btn-internal{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;margin-bottom:5px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.toolbar-btn-internal:disabled{opacity:.55;cursor:default}.toolbar-btn-internal:disabled:hover{background-color:transparent;color:var(--text-secondary)}.toolbar-btn-circle{width:32px;height:32px;padding:0;margin-bottom:0;border-radius:999px;border:1px solid var(--border-color);background:transparent;line-height:0}.toolbar-btn-circle svg{display:block}.attachment-container{display:inline-flex;align-items:center}.toolbar-btn-internal:hover{background-color:var(--hover-bg);color:var(--text-primary)}.model-selector-btn-internal{padding:4px 2px;gap:3px;margin-bottom:10px;font-size:15px}.model-selector-btn-internal svg{transition:transform .2s ease;margin-top:2px}.model-selector-btn-internal svg.rotated{transform:rotate(180deg)}.send-button-container{position:absolute;right:8px;bottom:8px;z-index:100;pointer-events:auto}.send-button{width:38px;height:38px;background:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;pointer-events:auto;position:relative;z-index:101}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:disabled{background-color:#333;opacity:1;cursor:default}.send-button.stop-button:hover,.send-button.stop-button{background:var(--accent-hover)}.stop-square{width:12px;height:12px;background:#fff;border-radius:2px}.send-button-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-secondary);color:var(--text-primary);padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);font-size:13px;font-weight:500;white-space:nowrap;z-index:10;pointer-events:none;opacity:0;transform:translate(-50%) translateY(5px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 12px #00000026}.send-button-container:hover .send-button-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.send-button-tooltip.file-limit-error.visible{opacity:1;transform:translate(-50%) translateY(0);background-color:#ef4444;color:#fff}.toolbar-error-message{position:absolute;left:50%;transform:translate(-50%);background-color:#ef4444;color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.attachment-container,.model-selector-container{position:relative}.model-selector-container{display:flex;align-items:center;gap:4px}.hardcore-minimized-dot{width:18px;height:18px;margin:0 2px 10px 0;padding:0;border:none;border-radius:999px;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hardcore-minimized-dot:before{content:"";width:10px;height:10px;border-radius:999px;background:#f59e0b;border:1px solid rgba(245,158,11,.75);box-shadow:0 0 #f59e0b73;transition:transform .18s ease,box-shadow .18s ease;animation:hardcoreDotPulse 1.9s ease-in-out infinite}.hardcore-minimized-dot:hover:before{transform:scale(1.15);box-shadow:0 0 0 6px #f59e0b1f}@keyframes hardcoreDotPulse{0%{box-shadow:0 0 #f59e0b6b}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.bottom-modal{position:absolute;bottom:calc(100% + 8px);background-color:var(--input-bg);border-radius:12px;padding:8px;box-shadow:0 4px 20px #0006;width:280px;z-index:20;border:1px solid var(--border-color);animation:slideUp .2s ease}.model-selector-modal.bottom-modal{right:0}.attachment-menu-modal.bottom-modal{left:0;width:272px;max-width:calc(100vw - 24px);padding:8px}.modal-title{font-size:12px;font-weight:500;color:var(--text-secondary);padding:4px 8px 8px;text-transform:uppercase}.model-option{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-radius:8px;cursor:pointer;transition:background-color .2s}.attachment-option{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background-color .2s;color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.2}.model-option:hover,.attachment-option:hover{background-color:var(--hover-bg)}.model-info{display:flex;flex-direction:column}.model-name{color:var(--text-primary);font-weight:500;font-size:15px}.model-description{color:var(--text-secondary);font-size:13px}.check-icon{color:var(--accent-color)}.model-option.disabled{opacity:.5;cursor:default;position:relative}.model-option.disabled:hover{background-color:transparent}.model-option.disabled .model-name,.model-option.disabled .model-description{color:var(--text-secondary)}.attached-files-area{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}.attached-file-pill{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px;max-width:220px}.attached-file-pill:hover{background:var(--hover-bg);border-color:var(--accent-color)}.attached-file-pill.loading{cursor:default;opacity:.8}.file-pill-left{display:flex;align-items:center;gap:8px;overflow:hidden}.file-icon{color:var(--accent-color);flex-shrink:0}.file-spinner{color:var(--accent-color);flex-shrink:0;animation:spin 1s linear infinite}.file-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-pill-right{display:flex;align-items:center;gap:8px}.file-size{font-size:12px;color:var(--text-secondary);white-space:nowrap}.file-remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.file-remove-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.attachment-option.disabled{opacity:.5;cursor:not-allowed}.attachment-option.disabled:hover{background:transparent}.attachment-option .coming-soon{font-size:10px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;margin-left:auto}.attachment-option.active{background:rgba(37,99,235,.15)}.attachment-option.active:hover{background:rgba(37,99,235,.2)}.web-search-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.3);border-radius:999px;color:#60a5fa;font-size:13px;font-weight:500;margin-left:4px;margin-bottom:0}.web-search-indicator svg{flex-shrink:0}.web-search-close{display:none;background:none;border:none;color:#60a5fa;cursor:pointer;padding:2px;margin-left:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.web-search-indicator:hover .web-search-close{display:flex;background:rgba(37,99,235,.3)}.web-search-close:hover{background:rgba(239,68,68,.3)!important;color:#ef4444}:root[data-theme=light] .web-search-indicator{background:rgba(37,99,235,.1);border-color:#2563eb33}:root[data-theme=light] .attachment-option.active{background:rgba(37,99,235,.1)}:root[data-theme=light] .attachment-option.active:hover{background:rgba(37,99,235,.15)}.audit-command-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);border-radius:999px;color:#a78bfa;font-size:13px;font-weight:500;margin-left:4px;margin-bottom:5px}.audit-command-indicator svg{flex-shrink:0}.audit-command-close{display:flex;background:none;border:none;color:#a78bfa;cursor:pointer;padding:2px;margin-left:2px;border-radius:50%;align-items:center;justify-content:center;transition:all .15s ease}.audit-command-indicator:hover .audit-command-close{background:rgba(139,92,246,.3)}.audit-command-close:hover{background:rgba(239,68,68,.3)!important;color:#ef4444}:root[data-theme=light] .audit-command-indicator{background:rgba(139,92,246,.1);border-color:#8b5cf633}.attached-images-area{display:flex;flex-wrap:wrap;gap:8px;padding:12px 12px 0}.image-thumbnail{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.image-thumbnail:hover{transform:scale(1.05);border-color:var(--accent-color);box-shadow:0 4px 12px #0000004d}.image-thumbnail img{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.image-thumbnail:hover .image-remove-btn{opacity:1}.image-remove-btn:hover{background:#ef4444;transform:scale(1.1)}.image-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;cursor:pointer}.image-overlay img{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;cursor:default;animation:zoomIn .2s ease}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-overlay-close{position:absolute;top:24px;right:24px;width:44px;height:44px;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-overlay-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.style-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}:root[data-theme=light] .style-selector-overlay{background:rgba(0,0,0,.4)}.style-selector-modal{background:var(--bg-secondary);border-radius:12px;width:520px;max-width:90vw;position:relative;border:none;box-shadow:0 8px 32px #0006;animation:fadeIn .2s ease-out;overflow:hidden}:root[data-theme=light] .style-selector-modal{box-shadow:0 8px 32px #00000026}.style-selector-header{display:flex;flex-direction:column;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.style-selector-subtitle{color:var(--text-secondary);font-size:13px;margin:0 0 4px}.style-selector-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.style-selector-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.style-selector-close:hover{background:var(--hover-bg);color:var(--text-primary)}.style-selector-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 24px 24px}.style-option{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;text-align:center}.style-option:hover{background:var(--hover-bg);border-color:var(--style-color);transform:translateY(-2px)}.style-option:active{transform:translateY(0)}.style-option-icon{color:var(--style-color);opacity:.85}.style-option:hover .style-option-icon{opacity:1}.style-option-name{color:var(--text-primary);font-weight:600;font-size:14px}.style-option-description{color:var(--text-secondary);font-size:11px;line-height:1.4;text-align:center}:root[data-theme=light] .style-option{background:#f8f8f8}:root[data-theme=light] .style-option:hover{background:#f0f0f0}.style-selector-modal.genre-mode{width:600px}.style-selector-options.genre-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media (max-width: 600px){.style-selector-modal.genre-mode{width:95vw}.style-selector-options.genre-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}.agent-mode-panel{display:flex;flex-direction:column;gap:12px;padding:12px 16px;animation:slideUp .2s ease;order:-1}.agent-mode-panel.welcome-position{order:1;animation:slideDown .2s ease;padding-top:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.agent-tasks-bar{display:flex;flex-wrap:wrap;gap:10px}.agent-task-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.agent-task-btn:hover:not(.disabled){border-color:var(--task-color, var(--accent-color));background:rgba(var(--task-color-rgb, 59, 130, 246),.1)}.agent-task-btn.active{border-color:var(--task-color, var(--accent-color));background:rgba(var(--task-color-rgb, 59, 130, 246),.15);color:var(--task-color, var(--accent-color))}.agent-task-btn.disabled{opacity:.5;cursor:not-allowed}.agent-task-btn .task-close{margin-left:2px;opacity:.7}.agent-task-btn .task-close:hover{opacity:1}.coming-soon-badge{font-size:9px;font-weight:600;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 6px;border-radius:4px;letter-spacing:.5px}.agent-mode-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;margin-bottom:5px;margin-left:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s,color .2s}.agent-mode-toggle:hover{background-color:var(--hover-bg);color:var(--text-primary)}.agent-mode-toggle.active{color:var(--accent-color);background-color:#3b82f626}.agent-prompts{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.prompts-header{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;padding-bottom:4px}.prompts-list{display:flex;flex-direction:column;gap:4px}.prompt-suggestion{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.prompt-suggestion:hover{background:var(--hover-bg);border-color:var(--border-color)}.prompt-suggestion svg{color:var(--text-secondary);opacity:0;transform:translate(-4px);transition:all .15s ease}.prompt-suggestion:hover svg{opacity:1;transform:translate(0)}.agent-mode-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);border-radius:999px;color:#a78bfa;font-size:13px;font-weight:500;margin-left:4px;margin-bottom:5px}.agent-mode-indicator svg{flex-shrink:0}.agent-mode-close{display:flex;background:none;border:none;color:#a78bfa;cursor:pointer;padding:2px;margin-left:2px;border-radius:50%;align-items:center;justify-content:center;transition:all .15s ease}.agent-mode-indicator:hover .agent-mode-close{background:rgba(139,92,246,.3)}.agent-mode-close:hover{background:rgba(239,68,68,.3)!important;color:#ef4444}:root[data-theme=light] .agent-mode-indicator{background:rgba(139,92,246,.1);border-color:#8b5cf633}@media (max-width: 600px){.agent-tasks-bar{gap:6px}.agent-task-btn{padding:6px 10px;font-size:12px}.prompt-suggestion{padding:8px 10px;font-size:12px}}.agent-task-progress{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;margin:12px 0;font-size:14px}.agent-task-progress.complete{background:rgba(34,197,94,.08);border-color:#22c55e33}.agent-task-progress.has-error{background:rgba(239,68,68,.08);border-color:#ef444433}.progress-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-bottom:8px}.progress-title{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.progress-icon{display:flex;align-items:center;color:var(--text-secondary)}.progress-counter{background:rgba(255,255,255,.1);color:var(--text-secondary);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.agent-task-progress.complete .progress-counter{background:rgba(34,197,94,.2);color:#22c55e}.expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .15s ease}.expand-btn:hover{background:rgba(255,255,255,.1)}.progress-tasks{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.progress-task{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--text-secondary);transition:all .15s ease}.progress-task.in_progress{background:rgba(255,255,255,.08);color:var(--text-primary)}.progress-task.completed{color:#22c55e}.progress-task.completed .task-title{text-decoration:line-through;opacity:.7}.progress-task.error{color:#ef4444}.task-icon{flex-shrink:0}.task-icon.pending{opacity:.5}.task-icon.completed{color:#22c55e}.task-icon.in-progress{color:var(--text-primary)}.task-icon.error{color:#ef4444}.task-icon.spinning{animation:spin 1s linear infinite}.task-title{flex:1;font-size:13px}.task-details{font-size:11px;opacity:.7;font-style:italic}.current-action{display:flex;align-items:center;gap:6px;padding:8px 0;font-size:12px;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.current-action .spinning{animation:spin 1s linear infinite}.open-computer-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;margin-top:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.open-computer-btn:hover{background:rgba(255,255,255,.12);border-color:#ffffff40}.computer-icon{display:flex;color:var(--text-secondary)}.computer-status{margin-left:auto;font-size:11px;opacity:.7}:root[data-theme=light] .agent-task-progress{background:rgba(0,0,0,.03);border-color:#0000001a}:root[data-theme=light] .progress-tasks{border-top-color:#0000001a}:root[data-theme=light] .current-action{border-top-color:#0000001a}:root[data-theme=light] .open-computer-btn{background:rgba(0,0,0,.05);border-color:#0000001a}:root[data-theme=light] .open-computer-btn:hover{background:rgba(0,0,0,.08)}:root[data-theme=light] .progress-counter{background:rgba(0,0,0,.08)}:root[data-theme=light] .progress-task.in_progress{background:rgba(0,0,0,.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:12000;animation:fadeIn .2s ease}:root[data-theme=light] .modal-overlay{background:rgba(0,0,0,.4)}.config-modal{background:var(--bg-secondary);border:none;border-radius:16px;overflow:hidden;width:90%;max-width:400px;animation:slideUp .3s ease;box-shadow:0 25px 50px -12px #00000080;position:relative;margin:auto}.config-modal.confirm-action-modal{max-width:440px}.config-modal.confirm-action-modal.confirm-action-modal--logout{max-width:520px;border-radius:22px}.confirm-action-header{text-align:center;border-bottom:none!important;padding:26px 22px 10px}.confirm-action-modal--logout .confirm-action-header{padding:28px 26px 10px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.confirm-action-header h3,.confirm-action-title{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.confirm-action-modal--logout .confirm-action-title--logout{font-size:26px!important;font-weight:750;letter-spacing:-.5px;line-height:1.15;width:100%;display:block;text-align:center!important;max-width:28ch;margin-left:auto;margin-right:auto}.confirm-action-body{text-align:center;padding:0 24px 12px}.confirm-action-modal--logout .confirm-action-body{padding:0 26px 14px}.confirm-action-desc{font-size:14px;line-height:1.45;color:var(--text-secondary);margin:0}.confirm-action-modal--logout .confirm-action-desc{font-size:16px;line-height:1.4;color:var(--text-secondary)}.confirm-action-modal--logout .confirm-action-desc strong{color:var(--text-primary);font-weight:650}.confirm-action-footer{flex-direction:column;gap:12px;padding:14px 24px 24px;border-top:none!important}.confirm-action-modal--logout .confirm-action-footer{gap:14px;padding:14px 26px 26px}.confirm-action-footer .btn-save,.confirm-action-footer .btn-cancel{width:100%;justify-content:center}.confirm-action-modal--logout .confirm-action-footer .btn-save,.confirm-action-modal--logout .confirm-action-footer .btn-cancel{padding:14px 22px;font-size:15px}.confirm-action-modal .modal-header{border-bottom:none!important}.confirm-action-modal .modal-footer{border-top:none!important}.config-form{display:flex;flex-direction:column}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:8px}.modal-input{background:var(--bg-primary);border:1px solid var(--border-color);padding:10px;border-radius:8px;color:#fff;width:100%;font-size:14px}.modal-desc{font-size:12px;color:var(--text-secondary);margin-top:4px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.btn-cancel,.btn-save{padding:10px 24px;border-radius:999px;font-size:14px;cursor:pointer;border:none;transition:all .2s ease}.btn-save{background:var(--text-primary);color:var(--bg-primary);font-weight:600}.btn-save:hover{opacity:.9}.btn-save.btn-danger{background:#dc2626;color:#fff}.btn-save.btn-danger:hover{background:#b91c1c;opacity:1}.search-modal{background:var(--bg-secondary);width:600px;max-width:90vw;border-radius:12px;border:none;box-shadow:0 4px 24px #0006;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease-out}:root[data-theme=light] .search-modal{box-shadow:0 4px 24px #00000026}.search-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color);gap:12px}.search-input-field{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;outline:none;font-family:inherit}.search-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.search-header button:hover{color:var(--text-primary)}.search-body{max-height:400px;overflow-y:auto;padding:8px;min-height:100px}.search-loading{display:flex;flex-direction:column;padding:8px;gap:16px;width:100%}.skeleton-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:4px;opacity:.6}.skeleton-circle{width:18px;height:18px;border-radius:50%;background:var(--input-bg)}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{background:var(--input-bg);height:10px;border-radius:4px}.skeleton-line.short{width:40%}.skeleton-line.long{width:90%}.search-result-item{display:flex;align-items:flex-start;padding:12px;border-radius:8px;cursor:pointer;gap:12px;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.03)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--hover-bg)}.result-icon{color:var(--text-secondary);margin-top:2px}.result-content{flex:1;overflow:hidden;min-width:0}.result-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-snippet{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.result-snippet strong,.search-highlight{color:var(--accent-hover);font-weight:600}.result-meta{font-size:12px;color:#666;margin-left:8px;white-space:nowrap;align-self:flex-start;margin-top:2px}.no-results{padding:24px;text-align:center;color:var(--text-secondary)}.search-suggestions{display:flex;flex-direction:column}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;color:var(--text-primary);font-size:14px}.suggestion-item:hover{background:var(--hover-bg)}.archived-chats-modal{background:var(--bg-secondary);--archived-date-col-width: 220px;--archived-actions-col-width: 80px;width:750px;max-width:90vw;max-height:65vh;border-radius:12px;border:none;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease-out}:root[data-theme=light] .archived-chats-modal{box-shadow:0 8px 32px #00000026}.archived-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.archived-title-section{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.archived-title-section h2{font-size:18px;font-weight:600;margin:0}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:background .2s,color .2s}.close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.archived-search-container{display:flex;align-items:center;gap:12px;padding:16px 24px}.archived-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);padding:10px 0;font-size:14px;outline:none;font-family:inherit}.archived-content{flex:1;overflow-y:auto;min-height:200px}.no-archived-chats{display:flex;align-items:center;justify-content:center;min-height:300px;padding:40px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary);text-align:center}.empty-state svg{opacity:.5}.empty-state p{font-size:16px;font-weight:500;margin:0}.empty-hint{font-size:13px;opacity:.7}.archived-list-header{display:grid;grid-template-columns:minmax(0,1fr) var(--archived-actions-col-width);gap:16px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:0;z-index:1}.archived-list-header-info{display:grid;grid-template-columns:minmax(0,1fr) var(--archived-date-col-width);gap:16px;align-items:center}.archived-header-actions-spacer{display:block;width:var(--archived-actions-col-width)}.header-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.archived-chats-list{padding:8px 16px;max-height:320px;overflow-y:auto}.archived-chat-item{display:grid;grid-template-columns:minmax(0,1fr) var(--archived-actions-col-width);gap:16px;align-items:center;padding:8px 12px;border-radius:8px;transition:background .2s;margin-bottom:2px}.archived-chat-item:hover{background:var(--hover-bg)}.archived-chat-info{display:grid;grid-template-columns:minmax(0,1fr) var(--archived-date-col-width);gap:16px;align-items:center;cursor:pointer;flex:1;min-width:0}.chat-title-container{display:flex;align-items:center;gap:8px;min-width:0}.archive-icon-small{color:var(--text-secondary);flex-shrink:0}.chat-title{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-date{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archived-actions{display:flex;gap:8px;align-items:center}.unarchive-btn,.delete-archived-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.archived-chat-item:hover .unarchive-btn,.archived-chat-item:hover .delete-archived-btn{opacity:1}.unarchive-btn:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.delete-archived-btn:hover{background:rgba(220,38,38,.1);border-color:#dc2626;color:#dc2626}.archived-modal-footer{display:flex;flex-direction:row;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.footer-action-btn{flex:1;padding:9px 14px;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.footer-action-btn:hover{background:var(--hover-bg);border-color:var(--accent-color)}.footer-action-btn.export-btn:hover{background:var(--accent-color);color:#fff}@media (max-width: 720px){.archived-chats-modal{--archived-date-col-width: 160px}}.settings-modal{width:700px;height:600px;background:var(--bg-secondary);border:none;border-radius:12px;padding:0;box-shadow:0 8px 32px #0006;margin:auto!important;position:relative!important;inset:unset!important;overflow:hidden}:root[data-theme=light] .settings-modal{box-shadow:0 8px 32px #00000026}.settings-layout{display:flex;height:100%;width:100%}.settings-sidebar{width:200px;min-width:200px;background:#0a0a0a;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:16px 8px;gap:4px}:root[data-theme=light] .settings-sidebar{background:#f5f5f5;border-right:1px solid #e0e0e0}.settings-sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-align:left}.settings-sidebar-item:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.settings-sidebar-item.active{background:rgba(255,255,255,.12);color:var(--text-primary)}:root[data-theme=light] .settings-sidebar-item{color:#666}:root[data-theme=light] .settings-sidebar-item:hover{background:rgba(0,0,0,.05);color:#111}:root[data-theme=light] .settings-sidebar-item.active{background:rgba(0,0,0,.1);color:#111}.settings-main{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}:root[data-theme=light] .settings-main{background:#ffffff}.settings-tabbar{display:none}.help-hub-modal{width:560px;max-width:92vw;background:var(--bg-secondary);border:none;border-radius:14px;padding:0;box-shadow:0 8px 32px #00000073;margin:auto!important;position:relative!important;inset:unset!important;overflow:hidden}:root[data-theme=light] .help-hub-modal{box-shadow:0 8px 32px #0000002e}.help-hub-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-color)}.help-hub-header-left{display:flex;align-items:center;gap:10px}.help-hub-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.help-hub-icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.help-hub-icon-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.help-hub-spacer{width:30px;height:30px}.help-hub-content{padding:14px;display:flex;flex-direction:column;gap:10px}.help-hub-item{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-primary);text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease}.help-hub-item:hover{background:var(--hover-bg);border-color:var(--accent-color);transform:translateY(-1px)}.help-hub-item-icon{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex:0 0 auto}:root[data-theme=light] .help-hub-item-icon{background:rgba(0,0,0,.05)}.help-hub-item-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.help-hub-item-title{font-size:14px;font-weight:600;color:var(--text-primary)}.help-hub-item-desc{font-size:12px;color:var(--text-secondary)}.help-hub-item-external{margin-left:auto;color:var(--text-secondary)}.help-hub-bug-card{display:flex;flex-direction:column;gap:10px}.help-hub-label{font-size:13px;font-weight:600;color:var(--text-primary)}.help-hub-textarea{width:100%;min-height:240px;resize:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:12px 14px;color:var(--text-primary);font-size:14px;outline:none;line-height:1.4}.help-hub-textarea:focus{border-color:var(--accent-color)}.help-hub-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-secondary)}.help-hub-user{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;opacity:.9}.help-hub-status{border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;padding:10px 12px;font-size:13px}.help-hub-status.success{background:rgba(34,197,94,.08)}.help-hub-status.error{background:rgba(239,68,68,.1);border-color:#ef444459}:root[data-theme=light] .help-hub-status.success{background:rgba(34,197,94,.12)}:root[data-theme=light] .help-hub-status.error{background:rgba(239,68,68,.14);border-color:#ef444459}.help-hub-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:2px}.feedback-modal{width:520px;max-width:92vw;background:var(--bg-secondary);border:none;border-radius:14px;padding:0;box-shadow:0 8px 32px #00000073;margin:auto!important;position:relative!important;inset:unset!important;overflow:hidden;animation:feedbackModalIn .2s ease-out}@keyframes feedbackModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}:root[data-theme=light] .feedback-modal{box-shadow:0 8px 32px #0000002e}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px}.feedback-modal-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.feedback-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.feedback-modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.feedback-modal-content{padding:0 20px 8px;display:flex;flex-direction:column;gap:14px}.feedback-tags{display:flex;flex-wrap:wrap;gap:8px}.feedback-tag{padding:7px 14px;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.feedback-tag:hover{background:rgba(255,255,255,.06);border-color:var(--text-secondary)}:root[data-theme=light] .feedback-tag:hover{background:rgba(0,0,0,.04);border-color:#999}.feedback-tag.active{background:rgba(255,255,255,.1);border-color:var(--text-primary);color:var(--text-primary)}:root[data-theme=light] .feedback-tag.active{background:rgba(0,0,0,.08);border-color:#333}.feedback-textarea{width:100%;min-height:80px;resize:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;line-height:1.45;transition:border-color .2s}.feedback-textarea:focus{border-color:var(--accent-color)}.feedback-textarea::placeholder{color:var(--text-secondary);opacity:.7}.feedback-notice{font-size:12px;color:var(--text-secondary);margin:0;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.06);line-height:1.4}:root[data-theme=light] .feedback-notice{background:rgba(0,0,0,.03);border-color:#0000000f}.feedback-modal-footer{display:flex;justify-content:flex-end;padding:12px 20px 18px}.feedback-submit-btn{padding:9px 22px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.feedback-submit-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.feedback-modal{width:94vw;border-radius:12px}.feedback-tags{gap:6px}.feedback-tag{font-size:12px;padding:6px 12px}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}:root[data-theme=light] .settings-header{border-bottom:1px solid #e0e0e0}.settings-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.settings-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.settings-content{flex:1;overflow-y:auto;padding:24px}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#555}:root[data-theme=light] .settings-content::-webkit-scrollbar-thumb{background:#ccc}:root[data-theme=light] .settings-content::-webkit-scrollbar-thumb:hover{background:#aaa}.settings-section{max-width:600px}.settings-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}@media (max-width: 640px){.settings-modal{width:92vw;height:88vh;max-width:92vw;max-height:88vh;border-radius:14px}.settings-layout{flex-direction:column}.settings-sidebar{display:none}.settings-header{padding:16px 16px 12px}.settings-content{padding:16px}.settings-section{max-width:unset}.settings-tabbar{display:block;padding:12px 14px 14px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);scrollbar-width:none}.settings-tabbar::-webkit-scrollbar{display:none}.settings-tabbar-inner{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:0 auto}.settings-tabbar-item{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#ffffffc7;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.settings-tabbar-item:hover{background:rgba(255,255,255,.09);color:#ffffffeb}.settings-tabbar-item.active{background:rgba(255,255,255,.12);border-color:#ffffff24;color:var(--text-primary)}:root[data-theme=light] .settings-tabbar-item{background:rgba(0,0,0,.05);border-color:#00000014;color:#111}:root[data-theme=light] .settings-tabbar-item:hover{background:rgba(0,0,0,.07)}:root[data-theme=light] .settings-tabbar-item.active{background:rgba(0,0,0,.1);border-color:#0000001f}}.setting-group{margin-bottom:24px}.setting-group>label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.setting-desc{font-size:13px;color:var(--text-secondary);margin:6px 0 0}.settings-input{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s}.settings-input:focus{outline:none;border-color:var(--accent-color)}.settings-input:disabled{opacity:.5;cursor:not-allowed}:root[data-theme=light] .settings-input{background:#f5f5f5;border-color:#e0e0e0}.theme-selector{display:flex;gap:12px}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.theme-option:hover{border-color:var(--accent-color);background:rgba(37,99,235,.1)}.theme-option.active{border-color:var(--accent-color);background:rgba(37,99,235,.15);color:#60a5fa}:root[data-theme=light] .theme-option{background:#f5f5f5;border-color:#e0e0e0}:root[data-theme=light] .theme-option:hover{border-color:var(--accent-color);background:rgba(37,99,235,.08)}.settings-divider{border:none;border-top:1px solid var(--border-color);margin:24px 0}.settings-button,.danger-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.settings-button{background:var(--text-primary);color:var(--bg-primary)}.settings-button:hover:not(:disabled){opacity:.9}.settings-button:disabled{opacity:.5;cursor:not-allowed}.danger-button{background:#dc2626;color:#fff}.danger-button:hover:not(:disabled){background:#b91c1c}.danger-button:disabled{opacity:.5;cursor:not-allowed}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{font-size:14px;color:var(--text-primary);cursor:pointer;margin:0}.about-content{text-align:left}.about-logo{display:flex;justify-content:center;margin-bottom:12px}.about-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.about-version{font-size:12px;color:var(--text-secondary);font-weight:500}.legal-links{display:flex;flex-direction:column;gap:8px}.legal-link{color:#60a5fa;text-decoration:none;font-size:14px;transition:color .2s}.legal-link:hover{color:#add2ff;text-decoration:underline}.copyright{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);text-align:center}.copyright p{font-size:13px;color:var(--text-secondary);margin:0}:root[data-theme=light] .copyright{border-top:1px solid #e0e0e0}.profile-picture-group{margin-bottom:28px}.profile-picture-container{display:flex;align-items:center;gap:20px}.profile-picture-preview{position:relative;width:80px;height:80px;flex-shrink:0}.profile-picture-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);background:var(--input-bg)}.profile-picture-preview img.default-avatar{padding:16px;background:var(--input-bg)}.profile-picture-upload-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.profile-picture-upload-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.profile-picture-upload-btn:disabled{opacity:.5;cursor:not-allowed}.profile-picture-info{display:flex;flex-direction:column;gap:4px}.profile-picture-title{font-size:15px;font-weight:500;color:var(--text-primary)}.profile-picture-hint{font-size:13px;color:var(--text-secondary)}.profile-picture-remove-btn{background:transparent;border:none;color:#ef4444;font-size:13px;cursor:pointer;padding:4px 0;margin-top:4px;text-align:left;width:fit-content;transition:color .2s}.profile-picture-remove-btn:hover{color:#dc2626;text-decoration:underline}:root[data-theme=light] .profile-picture-preview img{border-color:#e0e0e0}:root[data-theme=light] .profile-picture-upload-btn{background:#ffffff;border-color:#e0e0e0}:root[data-theme=light] .profile-picture-upload-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper .settings-input{padding-right:44px}.password-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.change-password-btn{display:flex;align-items:center;gap:8px;width:fit-content;padding:10px 20px;margin-top:8px;background:var(--text-primary);border:none;border-radius:999px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.change-password-btn:hover:not(:disabled){opacity:.9}.change-password-btn:disabled{opacity:.5;cursor:not-allowed}.password-message{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:13px;margin-top:12px}.password-message.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#4ade80}.password-message.error{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#fca5a5}.delete-account-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:480px;padding:0;border:none;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}.delete-account-header{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 16px;text-align:center}.delete-account-icon{color:#ef4444}.delete-account-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.delete-account-content{padding:0 24px 24px}.delete-account-content p{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.email-change-verify-content{text-align:center}.email-change-info{margin:0 0 10px;font-size:13px;color:#bfdbfe;line-height:1.4;border-radius:10px;padding:10px 12px;border:1px solid rgba(59,130,246,.45);background:rgba(37,99,235,.16)}.email-change-info.notice{color:#bfdbfe}.email-change-info.blocked{color:#dbeafe;border-color:#60a5fab3;background:rgba(59,130,246,.24)}:root[data-theme=light] .email-change-info{color:#1d4ed8;border-color:#3b82f659;background:rgba(59,130,246,.12)}:root[data-theme=light] .email-change-info.blocked{color:#1e40af;border-color:#2563eb73;background:rgba(59,130,246,.18)}.danger-text{color:#ef4444;font-weight:600}.delete-account-content ul{margin:0 0 16px;padding-left:20px;color:var(--text-secondary);font-size:13px;line-height:1.8}.delete-account-password{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.delete-account-password:focus{outline:none;border-color:#ef4444}.email-change-input:focus{border-color:var(--accent-color)}.delete-error{display:flex;align-items:center;gap:8px;padding:12px;margin-top:12px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#fca5a5;font-size:13px}.delete-account-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.delete-account-actions .cancel-btn{flex:1;padding:12px 16px;background:var(--text-primary);border:none;border-radius:999px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.delete-account-actions .cancel-btn:hover:not(:disabled){opacity:.9}.confirm-delete-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#dc2626;border:none;border-radius:999px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.confirm-delete-btn:hover:not(:disabled){background:#b91c1c}.confirm-delete-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.twofa-modal{background:var(--bg-secondary);border-radius:20px;width:90%;max-width:480px;border:none;box-shadow:0 25px 60px -12px #0009;animation:slideUp .3s ease;overflow:hidden}.twofa-modal-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);position:relative}.twofa-back-btn{position:absolute;left:20px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .2s}.twofa-back-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.twofa-header-content{display:flex;align-items:center;gap:12px;margin:0 auto}.twofa-header-icon{color:var(--accent-color)}.twofa-header-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.twofa-close-btn{position:absolute;right:20px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:all .2s}.twofa-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.twofa-modal-content{padding:32px 28px;min-height:280px;display:flex;flex-direction:column}.twofa-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;color:var(--text-secondary)}.twofa-status-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.twofa-enabled-badge,.twofa-disabled-badge{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--input-bg);border-radius:16px;width:100%}.twofa-badge-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.15);color:#4ade80}.twofa-badge-icon.inactive{background:rgba(100,116,139,.15);color:var(--text-secondary)}.twofa-badge-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.twofa-badge-title{font-size:16px;font-weight:600;color:var(--text-primary)}.twofa-badge-method{font-size:13px;color:var(--text-secondary)}.twofa-status-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.twofa-enable-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:var(--text-primary);border:none;border-radius:999px;color:var(--bg-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.twofa-enable-action:hover{opacity:.9}.twofa-disable-action{padding:10px 20px;background:transparent;border:1px solid rgba(220,38,38,.3);border-radius:10px;color:#fca5a5;font-size:14px;cursor:pointer;transition:all .2s}.twofa-disable-action:hover{background:rgba(220,38,38,.1);border-color:#dc262680}.twofa-choose-view{display:flex;flex-direction:column;gap:20px}.twofa-instruction{font-size:14px;color:var(--text-secondary);margin:0;text-align:center}.twofa-method-options{display:flex;flex-direction:column;gap:12px}.twofa-method-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);cursor:pointer;transition:all .2s;position:relative}.twofa-method-card:hover:not(:disabled){border-color:var(--accent-color);background:rgba(37,99,235,.08);transform:translateY(-2px)}.twofa-method-card:disabled{opacity:.6;cursor:not-allowed}.twofa-method-card .method-title{font-size:16px;font-weight:600}.twofa-method-card .method-desc{font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.4}.twofa-method-card .method-loader{position:absolute;top:12px;right:12px}.twofa-verify-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.twofa-verify-icon{width:72px;height:72px;border-radius:50%;background:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.twofa-verify-view h4{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.twofa-verify-view p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.twofa-code-field{width:200px;padding:16px 20px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:28px;font-weight:700;text-align:center;letter-spacing:8px;font-family:SF Mono,Monaco,Inconsolata,monospace;transition:border-color .2s}.twofa-code-field:focus{outline:none;border-color:var(--accent-color)}.twofa-error-msg{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:10px;color:#fca5a5;font-size:13px}.twofa-verify-btn,.twofa-next-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:var(--text-primary);border:none;border-radius:999px;color:var(--bg-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.twofa-verify-btn:hover:not(:disabled),.twofa-next-btn:hover:not(:disabled){opacity:.9}.twofa-verify-btn:disabled,.twofa-next-btn:disabled{opacity:.5;cursor:not-allowed}.twofa-totp-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.twofa-totp-view h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.twofa-totp-view p{font-size:14px;color:var(--text-secondary);margin:0}.twofa-qr-code{width:180px;height:180px;border-radius:16px;background:white;padding:12px;box-shadow:0 4px 12px #0000001a}.twofa-secret-box{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px;background:var(--input-bg);border-radius:12px}.twofa-secret-box span{font-size:13px;color:var(--text-secondary)}.twofa-secret-row{display:flex;align-items:center;gap:8px}.twofa-secret-row code{flex:1;padding:10px 12px;background:var(--bg-primary);border-radius:8px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;color:var(--text-primary);word-break:break-all}.twofa-copy-btn{padding:10px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.twofa-copy-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.twofa-recovery-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.twofa-recovery-view h4{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.twofa-recovery-view p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.twofa-recovery-list{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-radius:12px;background:var(--input-bg)}.twofa-recovery-list code{display:block;padding:10px;border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;letter-spacing:1px}.twofa-recovery-actions{width:100%;display:flex;gap:8px}.twofa-recovery-actions .twofa-copy-btn{flex:1;justify-content:center}.twofa-recovery-hint{font-size:12px;color:var(--text-secondary);margin:0}@media (max-width: 520px){.twofa-recovery-list{grid-template-columns:1fr}.twofa-recovery-actions{flex-direction:column}}.twofa-disable-view{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.twofa-warning-icon{width:72px;height:72px;border-radius:50%;background:rgba(234,179,8,.15);display:flex;align-items:center;justify-content:center;color:#facc15}.twofa-disable-view h4{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.twofa-disable-view p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.twofa-password-field{width:100%;padding:14px 16px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.twofa-password-field:focus{outline:none;border-color:var(--accent-color)}.twofa-disable-btn-confirm{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:#dc2626;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.twofa-disable-btn-confirm:hover:not(:disabled){background:#b91c1c}.twofa-disable-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.twofa-section h4{color:var(--text-primary);font-weight:600;margin-bottom:16px}.twofa-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500}.twofa-status-badge.enabled{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.twofa-status-inline{display:flex;flex-direction:column;gap:12px}.twofa-extra-actions{display:flex;flex-direction:column;gap:10px;margin-top:2px}.twofa-extra-divider{height:1px;width:100%;background:var(--border-color);opacity:.7}.twofa-extra-desc{margin:0;font-size:12px;line-height:1.35;color:var(--text-secondary)}.twofa-simple-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--text-primary);border:none;border-radius:999px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}.twofa-simple-btn:hover{opacity:.9}.twofa-manage-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--text-primary);border:none;border-radius:999px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:fit-content}.twofa-manage-btn:hover{opacity:.9}.twofa-logout-btn{background:transparent;border:1px solid rgba(255,255,255,.14);color:#ffffffdb}.twofa-logout-btn:hover{opacity:1;border-color:#ffffff38;background:rgba(255,255,255,.06)}:root[data-theme=light] .twofa-logout-btn{border-color:#00000024;color:#000000d1}:root[data-theme=light] .twofa-logout-btn:hover{border-color:#0003;background:rgba(0,0,0,.04)}.btn-cancel,.btn-save{padding:10px 24px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.btn-save{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.btn-save:hover{background:#1a1a1a;border-color:#333}.btn-danger{background:var(--text-primary)!important;color:var(--bg-primary)!important;border:1px solid var(--text-primary)!important}.btn-danger:hover{background:#1a1a1a!important;border-color:#333!important}:root[data-theme=light] .btn-cancel{border-color:#d1d5db;color:#374151}:root[data-theme=light] .btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}:root[data-theme=light] .theme-option{border-color:#d1d5db}:root[data-theme=light] .theme-option:hover{background:#f3f4f6;border-color:#9ca3af}:root[data-theme=light] .theme-option.active{background:rgba(0,63,122,.1);border-color:var(--accent-color);color:var(--accent-color)}:root[data-theme=light] .settings-button{background:var(--accent-color);color:#fff}:root[data-theme=light] .settings-button:hover{background:var(--accent-hover)}:root[data-theme=light] .danger-button{background:rgba(220,38,38,.15);border-color:#dc262666;color:#dc2626}:root[data-theme=light] .danger-button:hover{background:rgba(220,38,38,.25);border-color:#dc262699}.config-modal{width:90%;max-width:450px;background:var(--bg-secondary);border:none;border-radius:12px;padding:0;box-shadow:0 8px 32px #0006;margin:auto!important;position:relative!important;inset:unset!important}:root[data-theme=light] .config-modal{box-shadow:0 8px 32px #00000026}.config-form .modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color)}.config-form .modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.config-form .modal-body{padding:20px 24px}.modal-desc{color:var(--text-primary);line-height:1.6}.config-form .modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-secondary)}.personalization-modal{width:700px;max-width:90vw;max-height:85vh;background:var(--bg-secondary);border:none;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease-out;box-shadow:0 8px 32px #0006}:root[data-theme=light] .personalization-modal{box-shadow:0 8px 32px #00000026}.personalization-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.personalization-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.personalization-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.personalization-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.personalization-content{flex:1;overflow-y:auto;padding:24px}.personalization-section{margin-bottom:28px}.personalization-section:last-child{margin-bottom:0}.personalization-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}hr.section-divider{border:none;border-top:1px solid var(--border-color);margin:8px 0 20px}.section-divider-title{font-size:16px!important;margin-bottom:4px!important;padding-top:16px;border-top:1px solid var(--border-color)}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.section-title-group{flex:1}.section-description{font-size:13px;color:var(--text-secondary);margin:4px 0 0;line-height:1.4}.style-dropdown-container{position:relative}.style-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;min-width:140px;justify-content:space-between}.style-dropdown-trigger:hover{border-color:var(--text-secondary)}.style-dropdown-trigger svg{transition:transform .2s}.style-dropdown-trigger svg.rotated{transform:rotate(180deg)}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.style-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;width:280px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000004d;z-index:100;overflow:hidden}.style-dropdown-menu .style-option{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .2s;flex-direction:row}.style-dropdown-menu .style-option:hover{background:var(--hover-bg)}.style-dropdown-menu .style-option.selected{background:rgba(59,130,246,.1)}.style-dropdown-menu .style-option-content{display:flex;flex-direction:column;gap:2px;text-align:left;align-items:flex-start}.style-dropdown-menu .style-option-label{font-size:14px;font-weight:500;color:var(--text-primary);text-align:left}.style-dropdown-menu .style-option-description{font-size:12px;color:var(--text-secondary);text-align:left}.style-dropdown-menu .style-option-check{color:var(--accent-color);font-size:14px}.form-field{margin-bottom:16px}.form-field:last-child{margin-bottom:0}.form-field label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.personalization-input{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s}.personalization-input:focus{outline:none;border-color:var(--accent-color)}.personalization-input::placeholder{color:var(--text-secondary)}.personalization-textarea{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .2s}.personalization-textarea:focus{outline:none;border-color:var(--accent-color)}.personalization-textarea::placeholder{color:var(--text-secondary)}:root[data-theme=light] .personalization-input,:root[data-theme=light] .personalization-textarea{background:#ffffff;border-color:#d1d5db;color:#1f2937}:root[data-theme=light] .personalization-input:focus,:root[data-theme=light] .personalization-textarea:focus{border-color:var(--accent-color)}:root[data-theme=light] .personalization-input::placeholder,:root[data-theme=light] .personalization-textarea::placeholder{color:#9ca3af}.memory-section{margin-bottom:0;padding-top:20px;border-top:1px solid var(--border-color)}.memory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.memory-title-row{display:flex;align-items:center;gap:8px}.memory-title-row h3{font-size:16px;margin:0}.memory-badge{font-size:11px;padding:2px 8px;background:rgba(34,197,94,.2);color:#22c55e;border-radius:12px;font-weight:500}.memory-badge.warning{background:rgba(245,158,11,.2);color:#f59e0b}.memory-badge.danger{background:rgba(239,68,68,.2);color:#ef4444}.help-icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center}.help-icon-btn:hover{color:var(--text-primary)}.manage-memories-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.manage-memories-btn:hover{background:var(--hover-bg);border-color:var(--accent-color)}.memory-toggles{display:flex;flex-direction:column;gap:16px}.toggle-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.toggle-row+.toggle-row{margin-top:16px}.toggle-info{flex:1}.toggle-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.toggle-description{display:block;font-size:12px;color:var(--text-secondary);line-height:1.4}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.memory-footer-text{font-size:12px;color:var(--text-secondary);margin-top:16px;margin-bottom:8px;padding-bottom:8px}.memory-footer-text a{color:var(--accent-color);text-decoration:none}.memory-footer-text a:hover{text-decoration:underline}.memories-modal{width:650px;max-width:90vw;max-height:70vh;background:var(--bg-secondary);border:none;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease-out;box-shadow:0 8px 32px #0006}:root[data-theme=light] .memories-modal{box-shadow:0 8px 32px #00000026}.memories-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--border-color)}.memories-title-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.memories-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.memories-description a{color:var(--accent-color);text-decoration:none}.memories-description a:hover{text-decoration:underline}.memories-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .2s}.memories-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.memories-search{display:flex;align-items:center;padding:12px 24px;border-bottom:1px solid var(--border-color);gap:12px}.memories-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none;font-family:inherit}.memories-search-input::placeholder{color:var(--text-secondary)}.memories-actions{display:flex;gap:8px}.memories-action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;transition:all .2s}.memories-action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.memories-action-btn.active{color:var(--accent-color);background:rgba(59,130,246,.1)}.memories-header-menu-container{position:relative}.memories-header-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;padding:8px 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:1000}:root[data-theme=light] .memories-header-dropdown{box-shadow:0 8px 24px #00000026}.memories-content{flex:1;overflow-y:auto;padding:16px 24px}.memories-loading{display:flex;flex-direction:column;gap:12px}.skeleton-memory-item{padding:12px;background:var(--input-bg);border-radius:8px}.skeleton-memory-item .skeleton-line{height:14px;background:var(--border-color);border-radius:4px}.skeleton-memory-item .skeleton-line.long{width:80%}.memory-add-btn{display:flex;align-items:center;gap:8px;padding:12px;background:transparent;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;width:100%;transition:all .2s;margin-bottom:16px}.memory-add-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.memory-add-form,.memory-edit-form{padding:12px;background:var(--input-bg);border-radius:8px;margin-bottom:16px}.memory-add-input,.memory-edit-input{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;margin-bottom:12px}.memory-add-input:focus,.memory-edit-input:focus{outline:none;border-color:var(--accent-color)}.memory-add-actions,.memory-edit-actions{display:flex;justify-content:flex-end;gap:8px}.memory-action-btn{padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.memory-action-btn.cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.memory-action-btn.cancel:hover{color:var(--text-primary)}.memory-action-btn.save{background:var(--accent-color);border:none;color:#fff}.memory-action-btn.save:hover{opacity:.9}.memory-action-btn.save:disabled{opacity:.5;cursor:not-allowed}.memories-list{display:flex;flex-direction:column;gap:8px}.memory-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:transparent;border-radius:8px;transition:background .2s}.memory-item:hover{background:var(--hover-bg)}.memory-content{flex:1;font-size:14px;color:var(--text-primary);line-height:1.4}.memory-item-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.memory-item:hover .memory-item-actions{opacity:1}.memory-item-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.memory-item-btn:hover{background:var(--input-bg);color:var(--text-primary)}.memory-item-btn.delete:hover{color:#ef4444}.no-memories{text-align:center;padding:32px 16px;color:var(--text-secondary);font-size:14px}.memory-item{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:8px;background:var(--bg-tertiary);transition:all .2s ease}.memory-item:hover{background:var(--bg-hover);z-index:50}.memory-item:has(.memory-dropdown){z-index:100}.memory-item.memory-inactive{opacity:.5}.memory-item.memory-inactive .memory-content{text-decoration:line-through;color:var(--text-secondary)}.memory-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;margin-right:12px}.memory-content{font-size:14px;color:var(--text-primary);line-height:1.5}.memory-date{font-size:11px;color:var(--text-secondary)}.memory-item-menu{position:relative;z-index:100}.memory-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.memory-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.memory-dropdown{position:absolute;top:100%;left:0;z-index:9999;min-width:180px;margin-top:4px;padding:8px 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000080}.memory-dropdown-portal{min-width:180px;padding:8px 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000080}.memory-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .15s ease}.memory-dropdown-item:hover{background:var(--bg-hover)}.memory-dropdown-item.delete{color:#f87171}.memory-dropdown-item.delete:hover{background:rgba(248,113,113,.1)}.memory-dropdown-divider{height:1px;margin:6px 0;background:var(--border-color)}.memory-dropdown-date{padding:8px 14px 4px;font-size:11px;color:var(--text-secondary)}.memory-form-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:90vw;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006}.memory-form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.memory-form-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.memory-form-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.memory-form-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.memory-form-body{padding:20px}.memory-form-textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .2s ease}.memory-form-textarea:focus{outline:none;border-color:var(--accent-color)}.memory-form-textarea::placeholder{color:var(--text-secondary)}.memory-form-hint{margin-top:12px;font-size:12px;color:var(--text-secondary)}.memory-form-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.memory-form-counter{margin-top:12px;font-size:12px;color:var(--text-secondary);white-space:nowrap}.memory-form-counter.over{color:#ef4444}.memory-form-error{margin-top:10px;font-size:12px;color:#ef4444}.memories-import-status{margin-top:8px;font-size:12px;color:var(--text-secondary)}.memory-form-footer{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border-color)}.memory-form-save-btn{padding:8px 20px;border:none;border-radius:6px;background:var(--bg-hover);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.memory-form-save-btn:hover:not(:disabled){background:var(--accent-color)}.memory-form-save-btn:disabled{opacity:.5;cursor:not-allowed}.memory-highlight{background:rgba(59,130,246,.4);color:var(--text-primary);border-radius:2px;padding:0 2px}.memory-form-divider{height:1px;background:var(--border-color);margin:16px 0}.memory-tags-section{display:flex;flex-direction:column;gap:8px}.memory-tags-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.memory-tags-description{font-size:12px;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.memory-tags-grid{display:flex;flex-wrap:wrap;gap:8px}.memory-tag-chip{padding:6px 12px;border-radius:16px;border:1px solid var(--tag-color, var(--border-color));background:var(--tag-bg, transparent);color:var(--tag-color, var(--text-secondary));font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.memory-tag-chip:hover{background:var(--tag-bg-hover, var(--hover-bg))}.memory-tag-chip.selected{background:var(--tag-bg-selected, var(--accent-color));border-color:var(--tag-color, var(--accent-color));box-shadow:0 0 0 1px var(--tag-color)}.memory-tag-chip .tag-check-icon{margin-right:4px;flex-shrink:0}.memory-tag-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.memories-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);padding:0 24px}.memories-tab{position:relative;padding:12px 20px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.memories-tab:hover,.memories-tab.active{color:var(--text-primary)}.memories-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-color)}.memories-tab-badge{background:var(--accent-color);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;min-width:18px;text-align:center}.memory-category-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.memory-source-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:500;padding:2px 5px;border-radius:3px;background:rgba(255,255,255,.1);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.memory-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.memory-item.memory-pinned{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.2)}.memory-pin-indicator{font-size:12px}.memory-limit-warning{color:#f59e0b;font-weight:500}.suggested-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.suggested-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.suggested-empty h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.suggested-empty p{font-size:13px;color:var(--text-secondary);margin:0;max-width:280px}.suggested-description{font-size:13px;color:var(--text-secondary);margin-bottom:16px;padding:0 4px}.suggested-expiry-warning{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#f59e0b;opacity:.9}.suggested-list{display:flex;flex-direction:column;gap:8px}.memory-item.suggested-item{border:1px solid var(--border-color)}.memory-item.suggested-item:hover{border-color:var(--accent-color)}.suggested-actions{display:flex;gap:8px;align-items:center;align-self:center;flex-shrink:0}.suggested-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.suggested-btn.approve{background:var(--accent-color);border:none;color:#fff}.suggested-btn.approve:hover{opacity:.9;transform:translateY(-1px)}.suggested-btn.reject{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px}.suggested-btn.reject:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.memory-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.memory-category-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.memory-source-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(75,85,99,.2);color:#9ca3af}.memory-pin-indicator{font-size:12px;margin-right:2px}.file-preview-modal{max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.file-preview-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.file-preview-title{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.file-preview-title svg{color:var(--accent-color);flex-shrink:0}.file-preview-info{display:flex;flex-direction:column;gap:2px}.file-preview-name{font-size:16px;font-weight:600;color:var(--text-primary)}.file-preview-meta{font-size:12px;color:var(--text-secondary)}.file-preview-actions{display:flex;align-items:center;gap:8px}.file-preview-download-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.file-preview-download-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.file-preview-content{flex:1;overflow:auto;padding:16px 20px;background:var(--bg-primary)}.file-preview-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0}.file-preview-modal .modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.file-preview-modal .modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.pricing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}:root[data-theme=light] .pricing-overlay{background:var(--bg-primary)}.pricing-modal{background:#0a0a0a;border:none;border-radius:0;width:100%;max-width:1000px;padding:40px 20px;position:relative;animation:fadeIn .3s ease;box-shadow:none;min-height:100vh;display:flex;flex-direction:column}:root[data-theme=light] .pricing-modal{box-shadow:none}.pricing-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pricing-close:hover{background:var(--hover-bg);color:var(--text-primary)}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.pricing-header p{font-size:16px;color:var(--text-secondary);margin:0}.pricing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;align-items:stretch;flex:1}.plan-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .3s ease;height:100%}.plan-card:hover{border-color:var(--text-secondary)}.plan-card.highlighted{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color),0 8px 24px #3b82f626}.plan-card.highlighted:hover{border-color:var(--accent-hover);box-shadow:0 0 0 1px var(--accent-hover),0 12px 32px #3b82f633}.plan-card.plan-current-free{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.plan-card.plan-current-plus{border-color:#a855f7;box-shadow:0 0 0 1px #a855f7}.plan-card.plan-current-pro{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b}.plan-header{margin-bottom:20px}.plan-name-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.plan-icon{color:var(--text-secondary)}.plan-icon-free{color:#22c55e}.plan-icon-plus{color:#a855f7}.plan-icon-pro{color:#f59e0b}.plan-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.plan-price .currency{font-size:16px;font-weight:500;color:var(--text-secondary)}.plan-price .amount{font-size:36px;font-weight:700;color:var(--text-primary)}.plan-price .period{font-size:14px;color:var(--text-secondary)}.plan-description{font-size:14px;color:var(--text-secondary);margin:0}.plan-cta{width:100%;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.plan-cta:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.plan-cta.current{background:transparent;border-color:var(--border-color);color:var(--text-secondary);cursor:default}.plan-card.highlighted .plan-cta:not(.current){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.plan-card.highlighted .plan-cta:not(.current):hover{background:var(--accent-hover);border-color:var(--accent-hover)}.plan-features{list-style:none;padding:0;margin:0;flex:1}.plan-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);padding:8px 0}.plan-feature .feature-icon{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.plan-card.highlighted .plan-feature .feature-icon{color:var(--accent-color)}.pricing-footer{text-align:center;padding-top:16px;border-top:1px solid var(--border-color)}.pricing-footer p{font-size:13px;color:var(--text-secondary);margin:0}@media (max-width: 900px){.pricing-plans{grid-template-columns:1fr;max-width:100%;margin:0 16px 24px;flex:unset;gap:16px}.pricing-modal{padding:24px 0;min-height:unset}.pricing-header{padding:0 16px}.pricing-footer{padding:16px}.plan-card{border-radius:16px;height:auto}.pricing-header h2{font-size:22px}.pricing-close{right:8px;top:8px}}@media (max-width: 480px){.pricing-modal{padding:16px 0}.pricing-plans{margin:0 12px 20px}.plan-price .amount{font-size:28px}}.notification-toast-container{position:fixed;top:16px;right:16px;z-index:25000;display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;cursor:pointer;pointer-events:auto;animation:notificationSlideIn .3s ease-out;transition:transform .2s,opacity .2s}.notification-toast.no-icon{padding-left:16px}.notification-toast.variant-error{border-color:#ef444459;background:rgba(239,68,68,.1)}.notification-toast.variant-error:hover{border-color:#ef44448c}.notification-toast:hover{transform:translate(-4px);border-color:var(--accent-color)}.notification-toast.exiting{animation:notificationSlideOut .3s ease-in forwards}:root[data-theme=light] .notification-toast{background:#ffffff;box-shadow:0 8px 32px #00000026}:root[data-theme=light] .notification-toast.variant-error{background:rgba(239,68,68,.08);border-color:#ef44444d}.notification-icon{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:transparent;display:flex;align-items:center;justify-content:center}.notification-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.memory-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.memory-notification{border-left:3px solid #9b59b6}.notification-content{flex:1;min-width:0;overflow:hidden}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-close{background:transparent;border:none;color:var(--text-secondary);padding:4px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s,color .2s;flex-shrink:0}.notification-toast:hover .notification-close{opacity:1}.notification-close:hover{background:var(--hover-bg);color:var(--text-primary)}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 480px){.notification-toast-container{left:16px;right:16px;max-width:none}.notification-toast{padding:12px 14px}}.memories-title-row{display:flex;align-items:center;gap:10px}.memories-title-row h2{margin:0}.plan-badge-mini{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.help-tooltip-wrapper{position:relative;display:inline-flex;cursor:default}.help-icon{color:var(--text-secondary);opacity:.6;transition:opacity .2s}.help-tooltip-wrapper:hover .help-icon{opacity:1}.help-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;padding:8px 12px;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:99999;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-color)}.help-tooltip:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color);border-bottom:none}.help-tooltip-wrapper:hover .help-tooltip{opacity:1;visibility:visible}:root[data-theme=light] .help-tooltip{box-shadow:0 4px 12px #00000026}.help-tooltip-portal{background:var(--bg-secondary);color:var(--text-primary);font-size:12px;padding:8px 12px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-color);animation:tooltipFadeIn .15s ease}.help-tooltip-portal:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-color);border-bottom:none}:root[data-theme=light] .help-tooltip-portal{box-shadow:0 4px 12px #00000026}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.keyboard-shortcuts-modal{background:var(--bg-secondary);width:680px;max-width:90vw;max-height:80vh;border-radius:12px;border:none;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .2s ease-out;padding:0;margin:auto!important;position:relative!important;inset:unset!important}:root[data-theme=light] .keyboard-shortcuts-modal{box-shadow:0 8px 32px #00000026}.keyboard-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.keyboard-shortcuts-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.keyboard-shortcuts-header .close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:background .2s,color .2s}.keyboard-shortcuts-header .close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.keyboard-shortcuts-content{flex:1;overflow-y:auto;padding:24px}.shortcuts-category{margin-bottom:16px}.shortcuts-category:last-child{margin-bottom:0}.category-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.shortcuts-list{display:flex;flex-direction:column;gap:4px}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px}@media (max-width: 600px){.shortcuts-grid{grid-template-columns:1fr}}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;gap:12px}.shortcut-action{font-size:14px;color:var(--text-primary);flex:1}.shortcut-note{color:var(--text-secondary);font-size:12px}.shortcut-keys{display:flex;align-items:center;gap:4px;flex-shrink:0}.key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);font-family:inherit;box-shadow:0 1px 2px #0003}:root[data-theme=light] .key-badge{background:#f0f0f0;border-color:#d1d5db;color:#374151;box-shadow:0 1px 2px #00000014}.key-separator{width:4px}.key-plus{font-size:12px;color:var(--text-secondary);margin:0 2px}.category-divider{height:1px;background:var(--border-color);margin-top:16px;opacity:.5}.keyboard-shortcuts-footer{padding:16px 24px;border-top:1px solid var(--border-color)}.footer-note{font-size:12px;color:var(--text-secondary)}.copy-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#4ade80;font-size:13px;font-weight:500;box-shadow:0 4px 20px #0006;z-index:99999;animation:copyToastIn .2s ease-out}.copy-toast svg{color:#4ade80;flex-shrink:0}:root[data-theme=light] .copy-toast{background:#ffffff;border-color:#e5e5e5;color:#16a34a;box-shadow:0 4px 20px #00000026}:root[data-theme=light] .copy-toast svg{color:#16a34a}@keyframes copyToastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.guest-limit-modal{max-width:420px;text-align:center;padding:0}.guest-limit-modal .modal-body{position:relative;background:var(--bg-secondary);border-radius:16px;padding:0}.guest-limit-modal .modal-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.guest-limit-modal .modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.guest-limit-content{padding:32px 24px}.guest-limit-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border-radius:50%;color:var(--accent-color)}.guest-limit-modal h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.guest-limit-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 24px}.guest-limit-description strong{color:var(--accent-color)}.guest-limit-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.benefit-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--input-bg);border-radius:10px;font-size:14px;color:var(--text-primary)}.benefit-item svg{color:var(--accent-color);flex-shrink:0}.guest-limit-actions{display:flex;flex-direction:column;gap:10px}.guest-limit-btn{width:100%;padding:14px 24px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.guest-limit-btn.primary{background:var(--text-primary);color:var(--bg-primary);border:none}.guest-limit-btn.primary:hover{opacity:.9}.guest-limit-btn.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.guest-limit-btn.secondary:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.kb-modal{background:var(--bg-secondary);width:560px;max-width:95vw;max-height:75vh;border-radius:14px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s ease-out}:root[data-theme=light] .kb-modal{box-shadow:0 8px 32px #00000026}.kb-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.kb-title-section{flex:1}.kb-title-row{display:flex;align-items:center;gap:10px}.kb-title-row h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.kb-back-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .2s}.kb-back-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.kb-base-icon{font-size:20px}.kb-count{font-size:13px;color:var(--text-secondary);font-weight:400;margin-left:auto}.kb-description{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.kb-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;transition:all .2s}.kb-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.kb-search{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border-color)}.kb-search svg{color:var(--text-secondary);flex-shrink:0}.kb-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none;font-family:inherit}.kb-content{flex:1;overflow-y:auto;padding:16px 24px 24px}.kb-loading{display:flex;flex-direction:column;gap:12px}.skeleton-kb-item{background:var(--input-bg);height:60px;border-radius:10px;animation:pulse 1.5s infinite}.kb-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:transparent;border:1px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:16px}.kb-add-btn:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color);background:rgba(var(--accent-rgb),.05)}.kb-add-btn:disabled{opacity:.5;cursor:not-allowed}.kb-bases-list,.kb-items-list{display:flex;flex-direction:column;gap:8px}.kb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center}.kb-empty svg{opacity:.4;margin-bottom:16px}.kb-empty p{font-size:15px;font-weight:500;margin:0 0 4px}.kb-empty span{font-size:13px;opacity:.7}.kb-base-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--input-bg);border-radius:10px;cursor:pointer;transition:all .2s}.kb-base-item:hover{background:var(--hover-bg)}.kb-base-item .kb-base-icon{font-size:24px;flex-shrink:0}.kb-base-info{flex:1;min-width:0}.kb-base-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-base-meta{font-size:12px;color:var(--text-secondary)}.kb-base-actions{display:flex;align-items:center;gap:4px;position:relative}.kb-base-menu-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;opacity:0;transition:all .2s}.kb-base-item:hover .kb-base-menu-btn{opacity:1}.kb-base-menu-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.kb-base-chevron{color:var(--text-secondary);opacity:.5}.kb-dropdown{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:6px;min-width:140px;z-index:99999;box-shadow:0 4px 20px #0000004d}.kb-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;border-radius:6px;transition:background .15s}.kb-dropdown button:hover{background:var(--hover-bg)}.kb-dropdown button.delete{color:#ef4444}.kb-dropdown button.delete:hover{background:rgba(239,68,68,.1)}.kb-dropdown-divider{height:1px;background:var(--border-color);margin:4px 8px}.kb-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--input-bg);border-radius:10px;transition:all .2s}.kb-item:hover{background:var(--hover-bg)}.kb-item-info{flex:1;min-width:0}.kb-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.kb-item-title{display:block;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-item-preview{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-item-delete{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;opacity:0;transition:all .2s}.kb-item:hover .kb-item-delete{opacity:1}.kb-item-delete:hover{background:rgba(239,68,68,.1);color:#ef4444}.kb-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500}.kb-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px}.kb-status-badge .spin{animation:spin 1s linear infinite}.kb-form-modal{background:var(--bg-secondary);width:420px;max-width:90vw;border-radius:14px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:slideUp .25s ease-out}.kb-form-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-color)}.kb-form-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.kb-form-content{padding:20px}.kb-form-group{margin-bottom:16px}.kb-form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.kb-form-group label .required{color:#ef4444}.kb-form-group input,.kb-form-group textarea{width:100%;padding:10px 12px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.kb-form-group input:focus,.kb-form-group textarea:focus{outline:none;border-color:var(--accent-color)}.kb-form-hint{font-size:12px;color:var(--text-secondary);margin-top:6px}.kb-icon-picker{display:flex;flex-wrap:wrap;gap:8px}.kb-icon-option{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--input-bg);border:2px solid transparent;border-radius:8px;font-size:20px;cursor:pointer;transition:all .2s}.kb-icon-option:hover{background:var(--hover-bg)}.kb-icon-option.selected{border-color:var(--accent-color);background:rgba(var(--accent-rgb),.1)}.kb-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(239,68,68,.1);border-radius:8px;color:#ef4444;font-size:13px}.kb-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color)}.kb-btn-secondary,.kb-btn-primary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.kb-btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.kb-btn-secondary:hover:not(:disabled){background:var(--hover-bg)}.kb-btn-primary{background:var(--text-primary);border:none;color:var(--bg-primary)}.kb-btn-primary:hover:not(:disabled){opacity:.9}.kb-btn-primary:disabled,.kb-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.kb-btn-primary .spin{animation:spin 1s linear infinite}.kb-add-item-modal{background:var(--bg-secondary);width:480px;max-width:90vw;border-radius:14px;box-shadow:0 8px 32px #0006;overflow:hidden;animation:slideUp .25s ease-out}.kb-add-item-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-color)}.kb-add-item-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.kb-add-tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--border-color)}.kb-add-tab{display:flex;align-items:center;gap:6px;padding:14px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:-1px}.kb-add-tab:hover{color:var(--text-primary)}.kb-add-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.kb-add-content{padding:20px}.kb-add-content textarea{min-height:140px}.kb-file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;background:var(--input-bg);border:2px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.kb-file-drop:hover{border-color:var(--accent-color);background:rgba(var(--accent-rgb),.05)}.kb-file-drop.has-file{border-style:solid;border-color:var(--accent-color)}.kb-file-types{font-size:11px;opacity:.7}.kb-file-preview{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.kb-file-preview span{font-size:14px;font-weight:500}.kb-file-preview button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex}.kb-file-preview button:hover{color:#ef4444}.kb-add-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.kb-modal{max-height:85vh;border-radius:16px 16px 0 0}.kb-form-modal,.kb-add-item-modal{max-height:90vh;border-radius:16px 16px 0 0}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:12000;animation:fadeIn .2s ease}.share-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.share-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:12px}.share-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.share-modal-close:hover{background:var(--bg-hover)}.share-modal-warning{display:flex;align-items:flex-start;gap:8px;margin:12px 20px;padding:10px 12px;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2);border-radius:8px;font-size:12px;color:#eab308;line-height:1.4}.share-modal-warning svg{flex-shrink:0;margin-top:1px}.share-modal-preview{flex:1;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:12px}.share-preview-message{padding:10px 12px;border-radius:10px;background:var(--bg-primary);border:1px solid var(--border-primary)}.share-preview-message.user{background:rgba(59,130,246,.05);border-color:#3b82f626}.share-preview-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:4px}.share-preview-content{font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.share-modal-footer{padding:16px 20px;border-top:1px solid var(--border-primary)}.share-modal-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.share-modal-create-btn:hover{opacity:.9}.share-modal-create-btn:disabled{opacity:.4;cursor:not-allowed}.share-modal-url-row-wrapper{display:flex;flex-direction:column;gap:0}.share-modal-expiry-notice{font-size:11px;color:var(--text-tertiary);margin:6px 0 0;text-align:center}.share-modal-url-row{display:flex;gap:8px;align-items:center}.share-modal-url-display{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.share-url-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.share-modal-copy-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.share-modal-copy-btn:hover,.share-modal-copy-btn.copied{opacity:.9}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:12000;animation:fadeIn .2s ease}.report-modal{background:var(--bg-secondary);border-radius:16px;width:90%;max-width:440px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary)}.report-modal-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.report-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.report-modal-close:hover{background:var(--bg-hover)}.report-modal-body{padding:16px 20px;overflow-y:auto}.report-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 12px}.report-reasons-list{display:flex;flex-direction:column;gap:6px}.report-reason-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.report-reason-item:hover{background:var(--bg-hover)}.report-reason-item input[type=radio]{display:none}.report-reason-radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0;transition:all .15s;position:relative}.report-reason-item input[type=radio]:checked+.report-reason-radio{border-color:#2563eb}.report-reason-item input[type=radio]:checked+.report-reason-radio:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#2563eb}.report-reason-text{font-size:14px;color:var(--text-primary)}.report-details-textarea{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.report-details-textarea:focus{outline:none;border-color:#2563eb}.report-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.report-modal-next-btn,.report-modal-submit-btn{padding:12px 24px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.report-modal-next-btn:hover:not(:disabled),.report-modal-submit-btn:hover:not(:disabled){opacity:.9}.report-modal-next-btn:disabled,.report-modal-submit-btn:disabled{opacity:.4;cursor:not-allowed}.report-modal-back-btn{padding:12px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.report-modal-back-btn:hover{background:var(--bg-hover)}.report-modal-done-btn{padding:12px 24px;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s}.report-modal-done-btn:hover{opacity:.9}.report-success{text-align:center;padding:20px 0}.report-success p{font-size:14px;color:var(--text-secondary);margin:4px 0}.shared-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shared-page-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.shared-loading-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.shared-page-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);padding:40px 20px;text-align:center}.shared-page-error h1{font-size:22px;font-weight:600;color:var(--text-primary);margin:8px 0 0}.shared-page-error p{font-size:15px;margin:0}.shared-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.shared-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.shared-header-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;transition:background .15s}.shared-header-close:hover{background:var(--bg-hover)}.shared-header-info{display:flex;align-items:center;gap:8px;min-width:0}.shared-header-info h1{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.shared-header-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-primary);color:#fff;padding:2px 8px;border-radius:12px;flex-shrink:0}.shared-header-right{flex-shrink:0}.shared-report-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:none;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.shared-report-btn:hover{background:var(--bg-hover);color:#ef4444;border-color:#ef44444d}.shared-disclaimer{text-align:center;padding:8px 20px;font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.shared-messages-container{flex:1;max-width:720px;margin:0 auto;width:100%;padding:24px 20px;display:flex;flex-direction:column;gap:16px}.shared-message{display:flex;gap:12px}.shared-message-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid var(--border-primary)}.shared-message-body{flex:1;min-width:0}.shared-message-role{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.shared-message-content{font-size:14px;line-height:1.65;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.shared-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s}.shared-cta-btn:hover{opacity:.9}.shared-cta-btn.primary{padding:12px 28px;font-size:15px}.shared-page-footer{text-align:center;padding:20px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.shared-conversation-header{padding:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.shared-conv-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.shared-conv-title{font-size:20px;font-weight:700;margin:0}.shared-conv-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.shared-conv-date{font-size:12px;color:var(--text-tertiary)}.shared-conversation-footer{text-align:center;padding:24px 20px;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.shared-save-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.shared-save-btn:hover{opacity:.9}.shared-save-btn:disabled{opacity:.6;cursor:not-allowed}.shared-otto-disclaimer{font-size:12px;color:var(--text-tertiary);margin:8px 0 0}@media (max-width: 600px){.share-modal,.report-modal{width:95%;max-height:90vh;border-radius:16px 16px 0 0}.shared-messages-container{padding:16px 12px}.shared-conv-title{font-size:17px}}.shared-view-page{display:flex;flex-direction:column;min-height:100vh;height:100vh;overflow:hidden}.shared-view-page .main-header{flex-shrink:0}.shared-header-separator{color:var(--text-tertiary);margin:0 2px;font-weight:400}.shared-view-title-bar{padding:28px 24px 12px;max-width:780px;width:100%;margin:0 auto;box-sizing:border-box}.shared-view-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.shared-view-meta{display:flex;align-items:center;gap:8px}.shared-view-date{font-size:13px;color:var(--text-tertiary)}.shared-view-meta-sep{color:var(--text-tertiary);font-size:13px}.shared-view-disclaimer-inline{font-size:13px;color:var(--text-tertiary)}.shared-view-brand{text-decoration:none!important}.shared-view-page .shared-report-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:6px;transition:all .15s}.shared-view-page .shared-report-btn:hover{background:var(--bg-hover);color:#ef4444}.shared-view-page .shared-view-chat{flex:1;overflow-y:auto;padding-bottom:110px}.shared-view-page .shared-view-chat .messages-list{max-width:780px;margin:0 auto;padding:0 24px}.shared-view-fixed-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:16px 20px 20px;background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 30%);z-index:10}.shared-view-save-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.shared-view-save-btn:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.shared-view-save-btn:disabled{opacity:.6;cursor:not-allowed}.shared-view-otto-disclaimer{font-size:12px;color:var(--text-tertiary);margin:8px 0 0}.shared-view-message-footer{text-align:center;padding:32px 20px 24px;max-width:780px;margin:0 auto;width:100%;box-sizing:border-box}.shared-page-loading{text-align:center;color:var(--text-secondary)}.shared-loading-spinner{width:24px;height:24px;border:2px solid var(--border-primary);border-top-color:var(--text-primary);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shared-page-error{text-align:center;color:var(--text-secondary)}.shared-page-error h1{font-size:20px;color:var(--text-primary);margin:0 0 8px}.shared-page-error p{font-size:14px;margin:0}@media (max-width: 600px){.shared-view-title-bar{padding:20px 16px 8px}.shared-view-title{font-size:18px}.shared-view-page .shared-view-chat .messages-list{padding:0 12px}.shared-view-fixed-footer{padding:12px 16px 16px}}.prism-streaming-pre{font-family:Menlo,Consolas,Courier New,monospace;font-size:13px;line-height:1.5;color:#d4d4d4;white-space:pre;word-wrap:normal;overflow-x:auto;-moz-tab-size:4;tab-size:4}.prism-streaming-pre .token.comment,.prism-streaming-pre .token.prolog,.prism-streaming-pre .token.doctype,.prism-streaming-pre .token.cdata{color:#6a9955;font-style:italic}.prism-streaming-pre .token.punctuation{color:#d4d4d4}.prism-streaming-pre .token.property,.prism-streaming-pre .token.tag,.prism-streaming-pre .token.boolean,.prism-streaming-pre .token.number,.prism-streaming-pre .token.constant,.prism-streaming-pre .token.symbol,.prism-streaming-pre .token.deleted{color:#b5cea8}.prism-streaming-pre .token.selector,.prism-streaming-pre .token.attr-name,.prism-streaming-pre .token.string,.prism-streaming-pre .token.char,.prism-streaming-pre .token.builtin,.prism-streaming-pre .token.inserted{color:#ce9178}.prism-streaming-pre .token.operator,.prism-streaming-pre .token.entity,.prism-streaming-pre .token.url{color:#d4d4d4}.prism-streaming-pre .token.atrule,.prism-streaming-pre .token.attr-value,.prism-streaming-pre .token.keyword{color:#569cd6}.prism-streaming-pre .token.function,.prism-streaming-pre .token.class-name{color:#dcdcaa}.prism-streaming-pre .token.regex,.prism-streaming-pre .token.important,.prism-streaming-pre .token.variable{color:#d16969}.prism-streaming-pre .token.important,.prism-streaming-pre .token.bold{font-weight:700}.prism-streaming-pre .token.italic{font-style:italic}:root[data-theme=light] .prism-streaming-pre{color:#393a34}:root[data-theme=light] .prism-streaming-pre .token.comment,:root[data-theme=light] .prism-streaming-pre .token.prolog,:root[data-theme=light] .prism-streaming-pre .token.doctype,:root[data-theme=light] .prism-streaming-pre .token.cdata{color:green}:root[data-theme=light] .prism-streaming-pre .token.punctuation{color:#393a34}:root[data-theme=light] .prism-streaming-pre .token.property,:root[data-theme=light] .prism-streaming-pre .token.tag,:root[data-theme=light] .prism-streaming-pre .token.boolean,:root[data-theme=light] .prism-streaming-pre .token.number,:root[data-theme=light] .prism-streaming-pre .token.constant,:root[data-theme=light] .prism-streaming-pre .token.symbol{color:#098658}:root[data-theme=light] .prism-streaming-pre .token.selector,:root[data-theme=light] .prism-streaming-pre .token.attr-name,:root[data-theme=light] .prism-streaming-pre .token.string,:root[data-theme=light] .prism-streaming-pre .token.char,:root[data-theme=light] .prism-streaming-pre .token.builtin{color:#a31515}:root[data-theme=light] .prism-streaming-pre .token.keyword{color:#00f}:root[data-theme=light] .prism-streaming-pre .token.function,:root[data-theme=light] .prism-streaming-pre .token.class-name{color:#795e26}.streaming-code-layout{display:flex;width:100%}.streaming-line-numbers{flex-shrink:0;min-width:2em;padding:1rem 1em 1rem .5rem;text-align:right;color:#858585;font-family:Menlo,Consolas,Courier New,monospace;font-size:13px;line-height:1.5;white-space:pre;user-select:none;-webkit-user-select:none}.streaming-code-layout .prism-streaming-pre{flex:1;min-width:0;padding-left:0!important}:root[data-theme=light] .streaming-line-numbers{color:#999}.code-block{border-radius:8px;background:#0d0d0d;margin:1rem 0}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0d0d0d;font-size:12px;min-height:36px;cursor:pointer;position:sticky;top:0;z-index:10;border-radius:8px 8px 0 0}.language-tag{color:#aaa;font-family:Menlo,Consolas,monospace;font-weight:600;font-size:11px;text-transform:uppercase}.button-container{display:flex;gap:8px;align-items:center}.code-action-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#ccc;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s;white-space:nowrap;height:24px}.code-action-btn:hover{background:rgba(255,255,255,.15);color:#fff}.code-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.code-content-wrapper.expanded{grid-template-rows:1fr}.code-content-inner{overflow-x:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#333 #111}.code-content-inner pre{padding:1rem!important;margin:0!important;background:transparent!important}.code-content-inner::-webkit-scrollbar{height:4px}.code-content-inner::-webkit-scrollbar:horizontal{height:4px}.code-content-inner::-webkit-scrollbar-track{background:#111}.code-content-inner::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.code-content-inner::-webkit-scrollbar-thumb:hover{background:#444}.code-action-btn.execute-btn{color:#60a5fa}.code-action-btn.execute-btn:hover{background:rgba(59,130,246,.15);color:#60a5fa}.code-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.code-preview-panel{position:fixed;right:0;top:0;width:50%;max-width:800px;min-width:400px;height:100%;background:#1a1a1a;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;box-shadow:-4px 0 20px #00000080;z-index:9999;transition:width .3s ease-in-out,max-width .3s ease-in-out}.code-preview-panel.maximized{width:100%;max-width:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.code-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0d0d0d;border-bottom:1px solid #333}.code-preview-title{display:flex;align-items:center;gap:8px;color:#60a5fa;font-size:14px;font-weight:600}.code-preview-controls{display:flex;align-items:center;gap:12px}.version-selector{display:flex;align-items:center;gap:8px;padding:4px 8px;background:rgba(255,255,255,.05);border-radius:6px}.version-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:4px;transition:all .2s}.version-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff}.version-indicator{font-size:12px;color:#ccc;-webkit-user-select:none;user-select:none;white-space:nowrap}.code-preview-maximize{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:6px;transition:all .2s}.code-preview-maximize:hover{background:rgba(255,255,255,.1);color:#fff}.code-preview-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:#888;cursor:pointer;border-radius:6px;transition:all .2s}.code-preview-close:hover{background:rgba(255,255,255,.1);color:#fff}.code-preview-content{flex:1;overflow:hidden}.code-preview-iframe{width:100%;height:100%;border:none;background:#fff}:root[data-theme=light] .code-block{background:#f9f9f9}:root[data-theme=light] .code-header{background:#f9f9f9}:root[data-theme=light] .language-tag{color:#666}:root[data-theme=light] .code-action-btn{color:#666}:root[data-theme=light] .code-action-btn:hover{background:rgba(0,0,0,.08);color:#000}:root[data-theme=light] .code-content-inner{scrollbar-color:#ccc #f9f9f9}:root[data-theme=light] .code-content-inner::-webkit-scrollbar-track{background:#f9f9f9}:root[data-theme=light] .code-content-inner::-webkit-scrollbar-thumb{background:#ccc}:root[data-theme=light] .code-content-inner::-webkit-scrollbar-thumb:hover{background:#aaa}:root[data-theme=light] .code-action-btn.execute-btn{color:#60a5fa}:root[data-theme=light] .code-action-btn.execute-btn:hover{background:rgba(22,163,74,.12);color:#60a5fa}:root[data-theme=light] .code-preview-panel{background:#fff}:root[data-theme=light] .code-preview-header{background:#f5f5f5;border-bottom-color:#e5e5e5}:root[data-theme=light] .code-preview-title{color:#60a5fa}:root[data-theme=light] .code-preview-close{color:#666}:root[data-theme=light] .code-preview-close:hover{background:rgba(0,0,0,.08);color:#000}.code-block.lite{margin:0 4px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3);border-radius:4px;display:inline-flex;align-items:center;vertical-align:middle;width:fit-content;max-width:100%;padding:1px 6px;position:relative;line-height:normal}.lite-code-text{font-family:Menlo,Consolas,monospace;font-size:.85em;color:#60a5fa;white-space:pre-wrap;word-break:break-all;line-height:1.4}.table-block{border:1px solid var(--border-color);border-radius:8px;background:#0d0d0d;overflow:hidden;margin:1rem 0}.table-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0d0d0d;border-bottom:1px solid var(--border-color);font-size:12px;min-height:36px}.table-tag{display:flex;align-items:center;gap:8px;color:#aaa;font-family:Menlo,Consolas,monospace;font-weight:600;font-size:11px;text-transform:uppercase}.table-actions{display:flex;gap:8px;align-items:center}.table-action-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#ccc;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s;white-space:nowrap;height:24px}.table-action-btn:hover{background:rgba(255,255,255,.15);color:#fff}.table-content{overflow-x:auto;padding:0;scrollbar-width:thin;scrollbar-color:#333 #111}.table-content::-webkit-scrollbar{height:8px;width:8px}.table-content::-webkit-scrollbar-track{background:#111}.table-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.table-content::-webkit-scrollbar-thumb:hover{background:#444}.table-content table{width:100%;text-align:left;font-size:14px;color:#ccc;border-collapse:collapse}.table-content thead{color:var(--language-tag-color);font-weight:600}.table-content tbody{color:#ccc}.table-content tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.table-content tr:last-child{border-bottom:none}.table-content tr:hover{background:rgba(255,255,255,.05)}.table-content th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color);font-weight:600;color:var(--language-tag-color)}.table-content td{padding:12px 16px;vertical-align:top}:root[data-theme=light] .table-block{background:#f9f9f9;border-color:#e5e5e5}:root[data-theme=light] .table-header{background:#f9f9f9;border-bottom-color:#e5e5e5}:root[data-theme=light] .table-tag{color:#666}:root[data-theme=light] .table-action-btn{color:#666}:root[data-theme=light] .table-action-btn:hover{background:rgba(0,0,0,.08);color:#000}:root[data-theme=light] .table-content{scrollbar-color:#ccc #f9f9f9}:root[data-theme=light] .table-content::-webkit-scrollbar-track{background:#f9f9f9}:root[data-theme=light] .table-content::-webkit-scrollbar-thumb{background:#ccc}:root[data-theme=light] .table-content::-webkit-scrollbar-thumb:hover{background:#aaa}:root[data-theme=light] .table-content table{color:#333}:root[data-theme=light] .table-content thead{color:#000}:root[data-theme=light] .table-content tbody{color:#333}:root[data-theme=light] .table-content tr{border-bottom-color:#e5e5e5}:root[data-theme=light] .table-content tr:hover{background:rgba(0,0,0,.03)}:root[data-theme=light] .table-content th{border-bottom-color:#e5e5e5;color:#000}.prose{color:var(--text-primary);line-height:1.75;max-width:100%;font-size:1.1rem}.msg.assistant .assistant-content .prose{max-width:100%}.prose-sm{font-size:1rem}.prose-base{font-size:1.125rem}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:700;margin-top:1.5em;margin-bottom:.75em;line-height:1.3}.prose>h1:first-child,.prose>h2:first-child,.prose>h3:first-child,.prose>h4:first-child{margin-top:0}.prose h1{font-size:2.25rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.prose h2{font-size:1.875rem}.prose h3{font-size:1.5rem}.prose h4{font-size:1.25rem}.prose p{margin-bottom:1.5em}.prose br{display:block;content:"";margin-bottom:.75em}.prose ul,.prose ol{margin-bottom:1.5em;margin-top:.5em}.prose ul,.prose ol{padding-left:1.5em}.prose li{margin-bottom:.75em;line-height:1.7}.prose li>ul,.prose li>ol{margin-top:.5em;margin-bottom:.5em}.prose p:last-child,.prose ul:last-child,.prose ol:last-child{margin-bottom:0}.prose strong{font-weight:700;color:var(--text-primary)}.prose em{font-style:italic}.prose blockquote{border-left:4px solid var(--accent-color);padding:1rem 1.25rem;margin:1.75em 0;font-style:italic;color:var(--text-secondary);background:rgba(var(--accent-color-rgb),.05);border-radius:0 8px 8px 0}.prose a{color:var(--accent-color);text-decoration:none;transition:color .2s}.prose a:hover{color:var(--accent-hover);text-decoration:underline}.prose hr{border:none;border-top:1px solid var(--border-color);margin:2.5em 0}.prose h2+p,.prose h3+p,.prose h4+p{margin-top:0}.prose h2+ul,.prose h3+ul,.prose h4+ul,.prose h2+ol,.prose h3+ol,.prose h4+ol{margin-top:.5em}.search-status-wrapper{margin-bottom:12px;padding-left:4px}.search-status{display:flex;align-items:center;gap:8px;background:var(--bg-primary);padding:8px 12px;border-radius:6px;color:var(--text-secondary);font-size:15px;font-weight:500}.search-status-icon{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.search-globe{color:#60a5fa;animation:pulse-globe 2s ease-in-out infinite}.search-spinner{position:absolute;top:-2px;right:-4px;color:#60a5fa;animation:spin 1s linear infinite}.search-status-text{color:#9ca3af}.search-query{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;background:var(--hover-bg);border-radius:4px;font-size:13px;color:var(--text-secondary)}.search-query-label{font-size:12px}.search-query-text{font-style:italic;opacity:.9}.search-query-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 14px;background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.2);border-radius:8px;font-size:14px;color:var(--text-secondary)}.search-query-indicator .search-query-label{font-size:13px;color:#9ca3af}.search-query-indicator .search-query-text{color:#60a5fa;font-weight:500;font-style:normal}@keyframes pulse-globe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.sources-pill{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:13px;color:var(--text-secondary)}.sources-pill:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--text-primary)}.sources-pill-icons{display:flex;align-items:center}.sources-pill-favicon{width:16px;height:16px;border-radius:2px;margin-right:-4px;border:1px solid var(--bg-secondary);background:var(--bg-primary)}.sources-pill-favicon:first-child{margin-left:0}.sources-pill-globe{color:#60a5fa}.sources-pill-text{white-space:nowrap}.sources-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .2s ease}.sources-panel{position:fixed;top:0;right:0;width:380px;max-width:100vw;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-color);z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sources-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.sources-panel-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.sources-panel-title svg{color:#60a5fa}.sources-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.sources-panel-close:hover{background:var(--hover-bg);color:var(--text-primary)}.sources-panel-content{flex:1;overflow-y:auto;padding:16px}.sources-list{display:flex;flex-direction:column;gap:12px}.source-item{display:block;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all .2s ease}.source-item:hover{border-color:var(--accent-color);background:var(--hover-bg)}.source-item-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.source-item-favicon{width:16px;height:16px;border-radius:2px}.source-item-globe{color:#60a5fa;flex-shrink:0}.source-item-domain{font-size:12px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-item-external{color:var(--text-secondary);opacity:0;transition:opacity .2s ease}.source-item:hover .source-item-external{opacity:1}.source-item-title{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.source-item-snippet{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sources-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}@media (max-width: 480px){.sources-panel{width:100vw}}.message-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.msg:hover .message-actions,.message-actions:focus-within{opacity:1}.message-timestamp{position:absolute;top:-18px;font-size:12px;line-height:1;color:var(--text-secondary);opacity:0;transition:opacity .15s ease;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.msg:hover .message-timestamp{opacity:1}.message-timestamp--user{right:0;text-align:right}.message-timestamp--assistant{left:0;text-align:left}.user-message-container{display:inline-flex;flex-direction:column;align-items:flex-end;max-width:95%;position:relative}.user-message-container .bubble{width:auto;max-width:100%}.user-message-footer{display:flex;align-items:center;gap:4px;margin-top:6px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.action-btn.active{color:var(--accent-color)}.action-btn.active.like{color:#22c55e}.action-btn.active.like svg{fill:#22c55e}.action-btn.active.dislike{color:#ef4444}.action-btn.active.dislike svg{fill:#ef4444}.action-btn.disabled{opacity:.4;cursor:default}.action-btn.disabled:hover{background:transparent;color:var(--text-secondary)}.edit-mode{width:100%;margin-top:8px}.edit-textarea-wrapper{background:var(--input-bg);border:none;border-radius:12px;overflow:hidden}.edit-textarea{width:100%;min-height:60px;max-height:200px;padding:12px 16px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:16px;font-family:inherit;line-height:1.5;resize:none}.edit-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;background:var(--input-bg)}.edit-btn{padding:10px 24px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.edit-btn.cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.edit-btn.cancel:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.edit-btn.submit{background:var(--text-primary);color:var(--bg-primary);font-weight:600}.edit-btn.submit:hover{opacity:.9}.edit-btn.submit:disabled{background:#333;color:#666;cursor:not-allowed}.version-navigator{display:flex;align-items:center;gap:4px;margin-left:8px;color:var(--text-secondary);font-size:13px}.version-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.version-btn:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary)}.version-btn:disabled{opacity:.3;cursor:not-allowed}.version-indicator{min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.regenerate-container{position:relative}.regenerate-menu{background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;padding:8px;min-width:220px;box-shadow:0 4px 20px #0000004d}.regenerate-menu.upwards{animation:slideUp .15s ease}.regenerate-menu.downwards{animation:slideDown .15s ease}.regenerate-menu-header{display:flex;align-items:center;gap:6px;padding:4px 8px 8px;font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);margin-bottom:4px}.regenerate-option{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;cursor:pointer;color:var(--text-primary);font-size:14px;transition:background-color .15s ease}.regenerate-option:hover{background:var(--hover-bg)}.regenerate-option svg{color:var(--text-secondary);flex-shrink:0}.regenerate-option:hover svg{color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.copy-feedback{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--text-primary);white-space:nowrap;animation:fadeInOut 1.5s ease forwards;z-index:10}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(4px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}.version-nav-inline{display:flex;align-items:center;gap:2px;margin-right:4px;padding-right:8px;border-right:1px solid var(--border-color)}.version-nav-inline .action-btn.version-btn{width:24px;height:24px}.version-nav-inline .action-btn.version-btn:disabled{opacity:.3;cursor:not-allowed}.version-indicator{font-size:11px;color:var(--text-secondary);min-width:28px;text-align:center;font-variant-numeric:tabular-nums}@media (max-width: 768px){.message-actions{opacity:1!important}}.tone-selector-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.tone-selector-trigger:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.tone-trigger-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tone-trigger-label{font-size:15px;font-weight:500;color:var(--text-primary)}.tone-trigger-tagline{font-size:13px;color:var(--text-secondary)}.tone-selector-trigger svg{color:var(--text-secondary);flex-shrink:0}.tone-selector-overlay{position:fixed;top:-20%;left:-20%;right:-20%;bottom:-20%;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.tone-selector-modal{background:var(--bg-primary);border-radius:20px;width:420px;max-width:90vw;max-height:90vh;border:none;box-shadow:0 24px 80px #0009;animation:scaleIn .25s ease-out;display:flex;flex-direction:column;overflow:hidden}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.tone-selector-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.tone-selector-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.tone-selector-btn{background:transparent;border:none;font-size:14px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s}.tone-selector-btn.cancel{color:var(--text-secondary)}.tone-selector-btn.cancel:hover{color:var(--text-primary);background:var(--hover-bg)}.tone-selector-btn.confirm{color:var(--accent-color);font-weight:500}.tone-selector-btn.confirm:hover{background:rgba(96,165,250,.1)}.tone-selector-header-spacer{width:80px}.tone-selector-carousel{display:flex;align-items:center;justify-content:center;padding:40px 20px;gap:20px;position:relative}.tone-nav-arrow{background:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.tone-nav-arrow:hover{background:rgba(255,255,255,.1);color:var(--text-primary);border-color:var(--text-secondary)}.tone-nav-arrow:active{transform:scale(.95)}.tone-visual-container{width:180px;height:180px;flex-shrink:0}.tone-animation-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tone-orb{width:160px;height:160px;border-radius:50%;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-1) 0%,var(--color-2) 50%,var(--color-3) 100%);box-shadow:0 0 50px color-mix(in srgb,var(--color-1) 25%,transparent),0 0 25px color-mix(in srgb,var(--color-2) 15%,transparent),inset 0 0 30px #0003}.tone-orb-layer{position:absolute;border-radius:50%;pointer-events:none}@keyframes slideHorizontal{0%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes slideVertical{0%{transform:translateY(-60%)}to{transform:translateY(60%)}}@keyframes slideDiagonal{0%{transform:translate(-40%,-40%)}to{transform:translate(40%,40%)}}.tone-orb-pulse .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 5s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-pulse .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 6s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-pulse .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 7s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-wave .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 6s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-wave .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 5s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-wave .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 7s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-rotate .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 7s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-rotate .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 6s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-rotate .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 8s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-float .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 5s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-float .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 4s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-float .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 6s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-burst .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 4s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-burst .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 3s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-burst .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 5s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-morph .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 4s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-morph .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 5s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-morph .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 6s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-ripple .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 5s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-ripple .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 4s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-ripple .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 6s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-glow .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 5s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-glow .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 4s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-glow .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 6s ease-in-out infinite alternate;filter:blur(12px)}.tone-orb-smoke .tone-orb-layer-1{top:-50%;left:-100%;right:-100%;bottom:-50%;width:300%;height:200%;background:radial-gradient(ellipse 80% 40% at center,var(--color-1) 0%,transparent 70%);opacity:.95;animation:slideHorizontal 6s ease-in-out infinite alternate;filter:blur(15px)}.tone-orb-smoke .tone-orb-layer-2{top:-100%;left:-50%;right:-50%;bottom:-100%;width:200%;height:300%;background:radial-gradient(ellipse 40% 80% at center,var(--color-2) 0%,transparent 70%);opacity:.9;animation:slideVertical 5s ease-in-out infinite alternate;filter:blur(18px)}.tone-orb-smoke .tone-orb-layer-3{top:-30%;left:-30%;right:-30%;bottom:-30%;width:160%;height:160%;background:radial-gradient(ellipse 60% 60% at center,var(--color-3) 0%,transparent 60%);opacity:.85;animation:slideDiagonal 7s ease-in-out infinite alternate;filter:blur(12px)}.tone-anim-padrao .tone-anim-layer-1{width:100px;height:100px;background:radial-gradient(ellipse at center,rgba(255,255,255,.2) 0%,transparent 70%);animation:pulsePadrao 2s ease-in-out infinite}.tone-anim-padrao .tone-anim-layer-2{width:80px;height:80px;background:radial-gradient(ellipse at center,rgba(136,136,136,.3) 0%,transparent 60%);animation:pulsePadrao 2s ease-in-out infinite .3s}.tone-anim-padrao .tone-anim-layer-3{width:40px;height:40px;background:radial-gradient(ellipse at center,rgba(255,255,255,.4) 0%,transparent 70%);animation:pulsePadrao 2s ease-in-out infinite .6s}@keyframes pulsePadrao{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.2}}.tone-anim-equilibrado .tone-anim-layer-1{width:120px;height:120px;background:linear-gradient(135deg,rgba(96,165,250,.4) 0%,rgba(167,139,250,.4) 100%);animation:morphEquilibrado 4s ease-in-out infinite;filter:blur(20px)}.tone-anim-equilibrado .tone-anim-layer-2{width:80px;height:80px;background:radial-gradient(ellipse at center,rgba(167,139,250,.5) 0%,rgba(96,165,250,.5) 100%);animation:morphEquilibrado 4s ease-in-out infinite reverse;filter:blur(15px)}.tone-anim-equilibrado .tone-anim-layer-3{width:50px;height:50px;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,transparent 70%);animation:floatGentle 3s ease-in-out infinite}@keyframes morphEquilibrado{0%,to{border-radius:50%;transform:translate(-50%,-50%) rotate(0)}25%{border-radius:40% 60% 60% 40%}50%{border-radius:60% 40% 40% 60%;transform:translate(-50%,-50%) rotate(180deg)}75%{border-radius:40% 60% 60% 40%}}@keyframes floatGentle{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}.tone-anim-profissional .tone-anim-layer-1{width:100px;height:100px;border:2px solid rgba(59,130,246,.3);background:transparent;animation:rotatePro 8s linear infinite}.tone-anim-profissional .tone-anim-layer-2{width:70px;height:70px;border:2px solid rgba(16,185,129,.4);background:transparent;animation:rotatePro 6s linear infinite reverse}.tone-anim-profissional .tone-anim-layer-3{width:40px;height:40px;background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(16,185,129,.3) 100%);animation:pulsePro 2s ease-in-out infinite}@keyframes rotatePro{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulsePro{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}}.tone-anim-amigavel .tone-anim-layer-1{width:100px;height:100px;background:radial-gradient(ellipse at center,rgba(244,114,182,.4) 0%,transparent 60%);animation:floatWarm 3s ease-in-out infinite;filter:blur(15px)}.tone-anim-amigavel .tone-anim-layer-2{width:80px;height:80px;background:radial-gradient(ellipse at center,rgba(251,146,60,.4) 0%,transparent 60%);animation:floatWarm 3s ease-in-out infinite .5s;filter:blur(12px)}.tone-anim-amigavel .tone-anim-layer-3{width:30px;height:30px;background:radial-gradient(ellipse at center,rgba(255,255,255,.5) 0%,transparent 70%);animation:sparkleWarm 2s ease-in-out infinite}@keyframes floatWarm{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(10px,-10px)}50%{transform:translate(-50%,-50%) translate(-5px,5px)}75%{transform:translate(-50%,-50%) translate(-10px,-5px)}}@keyframes sparkleWarm{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.3)}}.tone-anim-franco .tone-anim-layer-1{width:120px;height:120px;background:conic-gradient(from 0deg,transparent 0deg,rgba(251,191,36,.4) 20deg,transparent 40deg,transparent 90deg,rgba(249,115,22,.4) 110deg,transparent 130deg,transparent 180deg,rgba(251,191,36,.4) 200deg,transparent 220deg,transparent 270deg,rgba(249,115,22,.4) 290deg,transparent 310deg);animation:rotateFranco 4s linear infinite}.tone-anim-franco .tone-anim-layer-2{width:60px;height:60px;background:radial-gradient(ellipse at center,rgba(251,191,36,.5) 0%,transparent 70%);animation:pulseFranco 1.5s ease-in-out infinite}.tone-anim-franco .tone-anim-layer-3{width:25px;height:25px;background:rgba(255,255,255,.6);animation:pulseFranco 1.5s ease-in-out infinite .2s}@keyframes rotateFranco{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseFranco{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.tone-anim-diferentao .tone-anim-layer-1{width:90px;height:90px;background:radial-gradient(ellipse at center,rgba(168,85,247,.4),rgba(236,72,153,.4));animation:morphCreative 5s ease-in-out infinite;filter:blur(12px)}.tone-anim-diferentao .tone-anim-layer-2{width:70px;height:70px;background:radial-gradient(ellipse at center,rgba(6,182,212,.4),rgba(168,85,247,.4));animation:morphCreative 5s ease-in-out infinite .8s;filter:blur(10px)}.tone-anim-diferentao .tone-anim-layer-3{width:40px;height:40px;background:linear-gradient(135deg,rgba(236,72,153,.5),rgba(6,182,212,.5));animation:morphCreative 4s ease-in-out infinite reverse;filter:blur(8px)}@keyframes morphCreative{0%,to{border-radius:50%;transform:translate(-50%,-50%) rotate(0) scale(1)}25%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:translate(-50%,-50%) rotate(90deg) scale(1.1)}50%{border-radius:50%;transform:translate(-50%,-50%) rotate(180deg) scale(.9)}75%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;transform:translate(-50%,-50%) rotate(270deg) scale(1.1)}}.tone-anim-eficiente .tone-anim-layer-1{width:120px;height:120px;border:2px solid rgba(34,197,94,.2);background:transparent;animation:rippleEficiente 2s ease-out infinite}.tone-anim-eficiente .tone-anim-layer-2{width:120px;height:120px;border:2px solid rgba(20,184,166,.2);background:transparent;animation:rippleEficiente 2s ease-out infinite .4s}.tone-anim-eficiente .tone-anim-layer-3{width:30px;height:30px;background:linear-gradient(135deg,rgba(34,197,94,.6) 0%,rgba(20,184,166,.6) 100%);animation:pulseCenter 1s ease-in-out infinite}@keyframes rippleEficiente{0%{transform:translate(-50%,-50%) scale(.3);opacity:.95}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes pulseCenter{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.tone-anim-nerd{overflow:hidden}.tone-anim-nerd .tone-anim-layer-1{width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(34,197,94,.1) 50%,transparent 100%);animation:scanNerd 2s linear infinite}.tone-anim-nerd .tone-anim-layer-2{width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(16,185,129,.3) 0%,transparent 60%);animation:pulseNerd 3s ease-in-out infinite;filter:blur(10px)}.tone-anim-nerd .tone-anim-layer-3{width:40px;height:40px;background:radial-gradient(ellipse at center,rgba(34,197,94,.6) 0%,transparent 70%);animation:glowNerd 1.5s ease-in-out infinite}@keyframes scanNerd{0%{transform:translate(-50%,-150%)}to{transform:translate(-50%,50%)}}@keyframes pulseNerd{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}@keyframes glowNerd{0%,to{opacity:.85;filter:blur(0)}50%{opacity:1;filter:blur(2px)}}.tone-anim-cinico .tone-anim-layer-1{width:120px;height:120px;background:radial-gradient(ellipse at center,rgba(139,92,246,.3) 0%,transparent 60%);animation:smokeCinico 4s ease-in-out infinite;filter:blur(15px)}.tone-anim-cinico .tone-anim-layer-2{width:90px;height:90px;background:radial-gradient(ellipse at center,rgba(99,102,241,.4) 0%,transparent 60%);animation:smokeCinico 4s ease-in-out infinite .5s;filter:blur(12px)}.tone-anim-cinico .tone-anim-layer-3{width:50px;height:50px;background:radial-gradient(ellipse at center,rgba(139,92,246,.5) 0%,transparent 70%);animation:smokeCinico 3s ease-in-out infinite 1s;filter:blur(8px)}@keyframes smokeCinico{0%,to{transform:translate(-50%,-50%) translate(0) scale(1);opacity:.85}25%{transform:translate(-50%,-50%) translate(15px,-10px) scale(1.1);opacity:.4}50%{transform:translate(-50%,-50%) translate(-10px,10px) scale(.9);opacity:.9}75%{transform:translate(-50%,-50%) translate(-15px,-5px) scale(1.05);opacity:.5}}.tone-info{text-align:center;padding:0 24px}.tone-label{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.tone-tagline{font-size:14px;color:var(--text-secondary);margin:0}.tone-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.tone-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;transition:all .2s;padding:0}.tone-dot:hover{background:var(--text-secondary)}.tone-dot.active{background:var(--text-primary);transform:scale(1.2)}.tone-description-container{padding:0 32px 24px;text-align:center}.tone-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0;min-height:42px}.tone-selector-footer{padding:16px 24px 24px;display:flex;justify-content:center}.tone-confirm-btn{width:100%;max-width:280px;padding:14px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.tone-confirm-btn:hover{background:var(--hover-bg);border-color:var(--text-secondary)}:root[data-theme=light] .tone-selector-overlay{background:rgba(0,0,0,.5)}:root[data-theme=light] .tone-selector-modal{box-shadow:0 24px 80px #00000040}:root[data-theme=light] .tone-animation-circle{background:linear-gradient(135deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.01) 100%);box-shadow:0 0 60px #60a5fa1a,inset 0 0 30px #00000005}@media (max-width: 480px){.tone-selector-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.tone-visual-container{width:150px;height:150px}.tone-animation-circle{width:130px;height:130px}.tone-nav-arrow{width:36px;height:36px}}::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track,.chat-area::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb,.chat-area::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover,.chat-area::-webkit-scrollbar-thumb:hover{background:#555}.chat-input::-webkit-scrollbar{width:8px;background:transparent}.chat-input::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.chat-input::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){input,textarea,select{font-size:16px!important}.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);z-index:600;transition:transform .3s cubic-bezier(.4,0,.2,1);padding-bottom:env(safe-area-inset-bottom,20px)}.sidebar.open{transform:translate(0)}.header-title-btn{display:none}.messages,.welcome-screen{grid-column:1 / -1;padding:16px;gap:16px}.welcome-screen.welcome-centered{padding-bottom:105px}.welcome-screen h1{font-size:24px}.welcome-screen.temp-chat-mode h1{font-size:22.5px}.temp-chat-description.audit-description{color:var(--text-secondary);padding:0 20px;font-size:12.5px}.welcome-greeting-row{gap:6px;margin-bottom:-15px}.welcome-greeting-text{font-size:14px}.welcome-logo-small{width:18px;height:18px}.welcome-header h1{font-size:24px}.welcome-header .welcome-greeting-row{margin-bottom:0}.suggestions-container{padding:16px 16px 0;margin-top:8px}.folder-chats-section{padding:0 16px;top:calc(100% + 10px)}.folder-chats-scroll{max-height:45vh;padding-bottom:90px}.suggestions-grid{justify-content:flex-start}.suggestion-card:nth-child(n+5){display:none}.suggestions-container.audit-mode .suggestion-card:nth-child(n+5){display:inline-flex}.suggestion-card{padding:8px 14px}.suggestion-title{font-size:13px}.input-area{grid-template-columns:1fr;padding:0}.input-container,.input-footer{grid-column:1}.input-wrapper.welcome-position{padding:0 12px}.send-button-container{right:10px;bottom:10px}.scroll-btn-container{z-index:10}.scroll-to-bottom-btn{width:36px;height:36px}.user-menu{width:180px}.settings-modal{width:95%;max-height:90vh}.theme-selector{flex-direction:column}.settings-tabs{overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}.chat-input-wrapper{padding:0!important}.chat-input{min-height:24px!important;max-height:140px!important;padding:12px 56px 8px 12px!important;font-size:16px!important}.textarea-container{padding-bottom:0!important}.input-toolbar-internal{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;height:44px;padding:0 56px 0 8px}.input-controls-left,.input-controls-right{padding:4px 8px!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:550}}.mobile-menu-btn,.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.streaming-cursor{display:inline-block;animation:blink 1s infinite;margin-left:2px;color:#0ff;font-weight:700}.loading-dots span,.spinner,.streaming-cursor{will-change:opacity,transform}.chat-area{scroll-behavior:auto}.scroll-to-bottom-btn{transition:opacity .2s ease,transform .2s ease;will-change:opacity,transform}.messages{contain:layout style}.msg{contain:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg{animation:fadeIn .3s ease-out}@keyframes streamReveal{0%{opacity:.4}to{opacity:1}}.msg.assistant .prose .markdown-paragraph{animation:streamReveal .15s ease-out;margin-bottom:1.5em}.msg.assistant .prose .markdown-paragraph:last-child{margin-bottom:0}