@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-speed:.2s;--sidebar-width:260px;--header-height:48px;--input-max-width:768px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px}[data-theme=dark]{--bg-primary:#0d0d0d;--bg-secondary:#171717;--bg-tertiary:#212121;--bg-hover:#2f2f2f;--bg-active:#2f2f2f;--bg-input:#2f2f2f;--bg-input-focus:#383838;--bg-message-user:#2f2f2f;--bg-message-assistant:transparent;--bg-code:#1e1e1e;--bg-code-header:#2d2d2d;--bg-modal:#1e1e1e;--bg-tooltip:#333;--text-primary:#ececec;--text-secondary:#b4b4b4;--text-tertiary:#8e8e8e;--text-placeholder:#8e8e8e;--text-inverse:#0d0d0d;--text-link:#7ab7ff;--border-primary:#2f2f2f;--border-secondary:#424242;--border-input:#424242;--border-focus:#666;--accent-primary:#10a37f;--accent-primary-hover:#0d8a6b;--accent-secondary:#7c3aed;--icon-primary:#ececec;--icon-secondary:#8e8e8e;--icon-hover:#fff;--scrollbar-thumb:#424242;--scrollbar-track:transparent;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-input:0 0 0 1px #ffffff0d, 0 2px 8px #0000004d;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--success:#10b981}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f9f9f9;--bg-tertiary:#ececec;--bg-hover:#ececec;--bg-active:#e3e3e3;--bg-input:#f4f4f4;--bg-input-focus:#ebebeb;--bg-message-user:#f4f4f4;--bg-message-assistant:transparent;--bg-code:#f6f8fa;--bg-code-header:#e8eaed;--bg-modal:#fff;--bg-tooltip:#333;--text-primary:#0d0d0d;--text-secondary:#5d5d5d;--text-tertiary:#8e8e8e;--text-placeholder:#8e8e8e;--text-inverse:#fff;--text-link:#06c;--border-primary:#e5e5e5;--border-secondary:#d9d9d9;--border-input:#d9d9d9;--border-focus:#999;--accent-primary:#10a37f;--accent-primary-hover:#0d8a6b;--accent-secondary:#7c3aed;--icon-primary:#0d0d0d;--icon-secondary:#5d5d5d;--icon-hover:#000;--scrollbar-thumb:#ccc;--scrollbar-track:transparent;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-input:0 0 0 1px #00000014, 0 2px 8px #0000000a;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--success:#10b981}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);height:100vh;transition:background-color var(--transition-speed), color var(--transition-speed);line-height:1.5;overflow:hidden}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea{color:inherit;font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--border-focus)}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-secondary);height:100vh;transition:transform var(--transition-speed) ease, width var(--transition-speed) ease, min-width var(--transition-speed) ease;border-right:1px solid var(--border-primary);z-index:100;flex-direction:column;display:flex;position:relative}.sidebar.collapsed{border-right:none;width:0;min-width:0;overflow:hidden}.sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sidebar-toggle-btn{border-radius:var(--border-radius-sm);width:36px;height:36px;color:var(--icon-secondary);transition:background-color var(--transition-speed), color var(--transition-speed);justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn:hover{background-color:var(--bg-hover);color:var(--icon-hover)}.new-chat-btn{border-radius:var(--border-radius-sm);width:36px;height:36px;color:var(--icon-secondary);transition:background-color var(--transition-speed), color var(--transition-speed);justify-content:center;align-items:center;display:flex}.new-chat-btn:hover{background-color:var(--bg-hover);color:var(--icon-hover)}.sidebar-nav{flex-direction:column;flex-shrink:0;gap:1px;padding:0 12px 8px;display:flex}.sidebar-nav-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:background-color var(--transition-speed), color var(--transition-speed);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:400;display:flex;overflow:hidden}.sidebar-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-search{flex-shrink:0;padding:0 12px 12px}.sidebar-search-input{background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-full);width:100%;color:var(--text-primary);transition:all var(--transition-speed);outline:none;padding:8px 12px;font-size:13px}.sidebar-search-input::placeholder{color:var(--text-placeholder)}.sidebar-search-input:focus{border-color:var(--border-focus);background-color:var(--bg-input-focus)}.sidebar-section-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding:16px 12px 6px;font-size:12px;font-weight:600}.sidebar-gpt-section{border-bottom:1px solid var(--border-primary);flex-shrink:0;margin-bottom:4px;padding:0 8px 8px}.sidebar-gpt-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:12px 12px 6px;font-size:11px;font-weight:600}.sidebar-gpt-item{border-radius:var(--border-radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-speed), color var(--transition-speed);white-space:nowrap;text-overflow:ellipsis;text-align:left;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex;overflow:hidden}.sidebar-gpt-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-gpt-icon{border-radius:var(--border-radius-full);object-fit:cover;flex-shrink:0;width:24px;height:24px}.sidebar-gpt-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.sidebar-conversations{scrollbar-gutter:stable;flex:1;padding:0 8px;overflow-y:auto}.sidebar-group-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:12px 12px 4px;font-size:11px;font-weight:600}.conversation-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-speed), color var(--transition-speed);white-space:nowrap;text-overflow:ellipsis;text-align:left;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;display:flex;position:relative;overflow:hidden}.conversation-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.conversation-item.active{background-color:var(--bg-active);color:var(--text-primary)}.conversation-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.conversation-item-actions{flex-shrink:0;align-items:center;gap:2px;display:none}.conversation-item:hover .conversation-item-actions{display:flex}.conversation-action-btn{border-radius:var(--border-radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:all var(--transition-speed);justify-content:center;align-items:center;display:flex}.conversation-action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.conversation-action-btn.danger:hover{color:var(--danger)}.conversation-rename-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.sidebar-footer{border-top:1px solid var(--border-primary);flex-shrink:0;padding:12px}.user-menu-btn{border-radius:var(--border-radius-sm);width:100%;transition:background-color var(--transition-speed);text-align:left;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-menu-btn:hover{background-color:var(--bg-hover)}.user-avatar{border-radius:var(--border-radius-full);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-menu-info{flex:1;min-width:0}.user-menu-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.user-menu-email{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-menu-dropdown{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:200;padding:4px;animation:.15s ease-out slideUp;position:absolute;bottom:calc(100% + 8px);left:12px;right:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown-item{border-radius:var(--border-radius-sm);width:100%;color:var(--text-secondary);transition:all var(--transition-speed);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.user-menu-dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.user-menu-dropdown-item.danger{color:var(--danger)}.user-menu-dropdown-item.danger:hover{background-color:#ef44441a}.user-menu-dropdown-divider{background-color:var(--border-primary);height:1px;margin:4px 0}.theme-toggle-row{border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.theme-toggle-label{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.theme-switch{background-color:var(--bg-hover);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-speed);border:1px solid var(--border-primary);border-radius:12px;position:relative}.theme-switch.active{background-color:var(--accent-primary);border-color:var(--accent-primary)}.theme-switch-knob{width:18px;height:18px;transition:transform var(--transition-speed);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.theme-switch.active .theme-switch-knob{transform:translate(20px)}.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative}.topbar{height:var(--header-height);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:relative}.topbar-left{align-items:center;gap:8px;display:flex}.topbar-title{color:var(--text-primary);align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.topbar-model-badge{color:var(--text-tertiary);background-color:var(--bg-hover);border-radius:var(--border-radius-full);padding:2px 8px;font-size:12px;font-weight:500}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-btn{border-radius:var(--border-radius-sm);width:36px;height:36px;color:var(--icon-secondary);transition:all var(--transition-speed);justify-content:center;align-items:center;display:flex}.topbar-btn:hover{background-color:var(--bg-hover);color:var(--icon-hover)}.chat-area{flex-direction:column;flex:1;align-items:center;padding-bottom:16px;display:flex;overflow-y:auto}.chat-empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-logo{border-radius:var(--border-radius-full);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);width:48px;height:48px;color:var(--text-primary);justify-content:center;align-items:center;display:flex}.chat-empty-title{color:var(--text-primary);text-align:center;font-size:30px;font-weight:600}.messages-container{flex-direction:column;gap:24px;width:100%;max-width:48rem;margin:0 auto;padding:16px 24px;display:flex}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-row{max-width:100%;animation:.3s ease-out messageIn;display:flex}.user-row{flex-wrap:wrap;justify-content:flex-end;gap:6px}.user-bubble{background-color:var(--bg-message-user);color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;border-radius:20px;max-width:70%;padding:10px 18px;font-size:15px;line-height:1.6}.user-bubble p{margin:0}.assistant-row{align-items:flex-start;gap:14px}.assistant-icon{border-radius:var(--border-radius-full);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);width:28px;height:28px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.assistant-content{flex:1;min-width:0}.assistant-text{color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;font-size:15px;line-height:1.7}.assistant-text p{margin-bottom:12px}.assistant-text p:last-child{margin-bottom:0}.assistant-text ul,.assistant-text ol{margin-bottom:12px;padding-left:24px}.assistant-text li{margin-bottom:4px}.assistant-text strong{font-weight:600}.assistant-text em{font-style:italic}.assistant-text h1,.assistant-text h2,.assistant-text h3,.assistant-text h4{margin-top:20px;margin-bottom:8px;font-weight:600}.assistant-text h1{font-size:1.5em}.assistant-text h2{font-size:1.3em}.assistant-text h3{font-size:1.15em}.assistant-text blockquote{border-left:3px solid var(--border-secondary);color:var(--text-secondary);margin:12px 0;padding-left:16px}.assistant-text pre{border-radius:var(--border-radius-sm);background-color:var(--bg-code);border:1px solid var(--border-primary);margin:12px 0;overflow:hidden}.assistant-text pre code{padding:16px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:13px;line-height:1.6;display:block;overflow-x:auto}.assistant-text code{background-color:var(--bg-code);border-radius:4px;padding:2px 6px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9em}.assistant-text pre code{background:0 0;border-radius:0;padding:0}.assistant-text a{color:var(--text-link)}.assistant-text table{border-collapse:collapse;width:100%;margin:12px 0}.assistant-text th,.assistant-text td{border:1px solid var(--border-primary);text-align:left;padding:8px 12px}.assistant-text th{background-color:var(--bg-tertiary);font-weight:600}.assistant-actions{opacity:0;transition:opacity var(--transition-speed);align-items:center;gap:2px;margin-top:8px;display:flex}.assistant-row:hover .assistant-actions{opacity:1}.action-icon-btn{width:30px;height:30px;color:var(--text-tertiary);transition:all var(--transition-speed);border-radius:6px;justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-dot{background-color:var(--text-tertiary);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-wrapper{flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding:0 24px 20px;display:flex}.chat-input-container{width:100%;max-width:48rem;position:relative}.chat-input-box{background-color:var(--bg-input);border:1px solid var(--border-primary);width:100%;transition:all var(--transition-speed);box-shadow:var(--shadow-input);border-radius:26px;align-items:flex-end;gap:8px;padding:10px 16px;display:flex;position:relative}.chat-input-box:focus-within{border-color:var(--border-focus);background-color:var(--bg-input-focus)}.chat-textarea{color:var(--text-primary);resize:none;scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:200px;padding:4px 0;font-size:16px;line-height:1.5}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea::placeholder{color:var(--text-placeholder)}.input-icon-btn{border-radius:var(--border-radius-full);width:36px;height:36px;color:var(--icon-secondary);transition:all var(--transition-speed);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-icon-btn:hover{background-color:var(--bg-hover);color:var(--icon-hover)}.input-icon-btn:disabled{opacity:.4;cursor:not-allowed}.mic-btn.recording{color:var(--danger);animation:1.5s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{opacity:1}50%{opacity:.5}}.send-btn{border-radius:var(--border-radius-full);background-color:var(--text-primary);width:36px;height:36px;color:var(--bg-primary);transition:all var(--transition-speed);flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){opacity:.85}.send-btn:disabled{opacity:.3;cursor:not-allowed}.attachment-preview-bar{flex-wrap:wrap;gap:8px;padding:0 0 8px;display:flex}.attachment-chip{background-color:var(--bg-hover);border:1px solid var(--border-primary);border-radius:12px;align-items:center;gap:8px;max-width:220px;padding:6px 10px;display:flex;position:relative}.attachment-chip.image{padding:4px 10px 4px 4px}.attachment-thumb{object-fit:cover;border-radius:8px;width:48px;height:48px}.attachment-file-icon{background-color:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attachment-info{flex-direction:column;min-width:0;display:flex}.attachment-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.attachment-size{color:var(--text-tertiary);font-size:11px}.attachment-remove{border-radius:var(--border-radius-full);width:22px;height:22px;color:var(--text-tertiary);transition:all var(--transition-speed);flex-shrink:0;justify-content:center;align-items:center;display:flex}.attachment-remove:hover{background-color:var(--bg-active);color:var(--text-primary)}.recording-indicator{background-color:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:13px;display:flex}.recording-pulse{background-color:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s infinite recPulse}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.recording-label{color:var(--danger);flex-shrink:0;font-weight:500}.recording-spinner{color:var(--text-secondary);flex-shrink:0;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-attachments{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.msg-attachment-image{object-fit:cover;border:1px solid var(--border-primary);border-radius:12px;max-width:280px;max-height:200px}.msg-attachment-file{background-color:var(--bg-hover);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.chat-disclaimer{color:var(--text-tertiary);text-align:center;margin-top:8px;font-size:12px}.login-page{background-color:var(--bg-primary);justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px 32px}.login-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:32px;display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.login-logo-text{color:var(--text-primary);font-size:24px;font-weight:700}.login-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:20px;font-weight:600}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:28px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-input-group{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--text-secondary);font-size:14px;font-weight:500}.login-input{background-color:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-speed);outline:none;padding:10px 14px;font-size:14px}.login-input::placeholder{color:var(--text-placeholder)}.login-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #10a37f33}.login-btn{background-color:var(--accent-primary);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:all var(--transition-speed);border:none;padding:10px;font-size:14px;font-weight:600}.login-btn:hover{background-color:var(--accent-primary-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-toggle{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:14px}.login-toggle-link{color:var(--accent-primary);cursor:pointer;font-weight:500}.login-toggle-link:hover{text-decoration:underline}.login-error{color:var(--danger);border-radius:var(--border-radius-sm);text-align:center;background-color:#ef44441a;border:1px solid #ef44444d;padding:10px 14px;font-size:13px}.login-success{color:var(--success);border-radius:var(--border-radius-sm);text-align:center;background-color:#10b9811a;border:1px solid #10b9814d;padding:10px 14px;font-size:13px}.mobile-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.mobile-sidebar-toggle{display:none}@media (max-width:768px){.sidebar{z-index:100;position:fixed;top:0;bottom:0;left:0;transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width);min-width:var(--sidebar-width);transform:translate(-100%)}.mobile-overlay{display:block}.mobile-overlay.hidden{display:none}.mobile-sidebar-toggle{display:flex}.chat-empty-title{font-size:22px}.messages-container{padding:16px}.chat-input-wrapper{padding:0 16px 16px}.chat-input-box{border-radius:var(--border-radius-lg);padding:10px 48px 10px 16px}}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.streaming-cursor{background-color:var(--text-primary);vertical-align:text-bottom;width:2px;height:18px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.confirm-overlay{z-index:500;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-modal);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);width:90%;max-width:400px;box-shadow:var(--shadow-lg);padding:24px}.confirm-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.confirm-message{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-btn{border-radius:var(--border-radius-sm);transition:all var(--transition-speed);padding:8px 16px;font-size:14px;font-weight:500}.confirm-btn.cancel{background-color:var(--bg-hover);color:var(--text-primary)}.confirm-btn.cancel:hover{background-color:var(--bg-tertiary)}.confirm-btn.danger{background-color:var(--danger);color:#fff}.confirm-btn.danger:hover{background-color:var(--danger-hover)}[data-theme=dark] .hljs{color:#d4d4d4!important;background:0 0!important}[data-theme=light] .hljs{color:#24292e!important;background:0 0!important}.pricing-page{background-color:var(--bg-primary);flex-direction:column;align-items:center;min-height:100vh;padding:60px 24px 48px;display:flex;position:relative;overflow-y:auto}.pricing-back-btn{border-radius:var(--border-radius-sm);color:var(--text-secondary);transition:all var(--transition-speed);z-index:10;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex;position:absolute;top:24px;left:24px}.pricing-back-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.pricing-header{text-align:center;margin-bottom:40px}.pricing-logo{background:linear-gradient(135deg, var(--accent-primary), #7c3aed);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 24px;animation:3s ease-in-out infinite logoPulse;display:flex;box-shadow:0 8px 32px #10a37f4d}@keyframes logoPulse{0%,to{box-shadow:0 8px 32px #10a37f4d}50%{box-shadow:0 8px 48px #10a37f80}}.pricing-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:40px;font-weight:800}.pricing-subtitle{color:var(--text-secondary);max-width:420px;margin:0 auto;font-size:18px;line-height:1.5}.pricing-error{color:var(--danger);border-radius:var(--border-radius-sm);text-align:center;background-color:#ef44441a;border:1px solid #ef44444d;width:100%;max-width:460px;margin-bottom:24px;padding:12px 20px;font-size:14px}.pricing-single-card{width:100%;max-width:460px;position:relative}.pricing-card-glow{background:linear-gradient(135deg, var(--accent-primary), #7c3aed, #ec4899, var(--accent-primary));opacity:.6;filter:blur(16px);z-index:0;background-size:300% 300%;border-radius:20px;animation:4s infinite glowRotate;position:absolute;inset:-2px}@keyframes glowRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pricing-card{z-index:1;background-color:var(--bg-secondary);border:1px solid #10a37f4d;border-radius:18px;flex-direction:column;padding:36px 32px;display:flex;position:relative}.pricing-card.featured{background:linear-gradient(180deg, #10a37f0f 0%, var(--bg-secondary) 40%)}.pricing-card-badge{background:linear-gradient(135deg, var(--accent-primary), #059669);color:#fff;border-radius:var(--border-radius-full);white-space:nowrap;align-items:center;gap:6px;padding:6px 20px;font-size:13px;font-weight:700;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #10a37f59}.pricing-card-header{text-align:center;margin-bottom:28px;padding-top:8px}.pricing-card-price{justify-content:center;align-items:baseline;gap:4px;display:flex}.pricing-price-amount{color:var(--text-primary);letter-spacing:-.03em;font-size:56px;font-weight:800;line-height:1}.pricing-price-period{color:var(--text-tertiary);font-size:18px;font-weight:500}.pricing-pln-note{color:var(--text-tertiary);margin-top:8px;font-size:13px}.pricing-trial-note{color:var(--accent-primary);margin-top:12px;font-size:14px;font-weight:500;line-height:1.4}.pricing-features-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px;display:grid}.pricing-feature-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;line-height:1.3;display:flex}.pricing-feature-icon{width:36px;height:36px;color:var(--accent-primary);background:linear-gradient(135deg,#10a37f1f,#7c3aed14);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pricing-subscribe-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent-primary), #059669);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 20px #10a37f4d}.pricing-subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #10a37f73}.pricing-subscribe-btn:active{transform:translateY(0)}.pricing-subscribe-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.pricing-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.pricing-trust-item{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;display:flex}@media (max-width:640px){.pricing-title{font-size:30px}.pricing-subtitle{font-size:16px}.pricing-price-amount{font-size:44px}.pricing-features-grid{grid-template-columns:1fr}.pricing-back-btn{align-self:flex-start;margin-bottom:16px;position:static}.pricing-card{padding:28px 20px}}
pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}