:root{--bg:#0b0f17;--sidebar-bg:#0f172a;--surface:#0f172a;--surface-2:#1e293b;--sidebar-hover:rgba(255,255,255,0.06);--border:rgba(255,255,255,0.08);--border-glow:rgba(99,102,241,0.35);--text-1:#f8fafc;--text-2:#94a3b8;--text-3:#64748b;--brand-green:#3b82f6;--accent:#60a5fa;--accent-hover:#93c5fd;--chip-bg:rgba(30,41,59,0.7);--chip-hover:rgba(51,65,85,0.85);--user-bubble:linear-gradient(135deg,rgba(37,99,235,0.2) 0%,rgba(147,51,234,0.2) 100%);--user-bubble-border:rgba(99,102,241,0.3);--send-active:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);--input-bg:rgba(15,23,42,0.85);--shadow:0 12px 40px rgba(0,0,0,0.45);--font:'Outfit','Google Sans',system-ui,-apple-system,sans-serif;--radius-pill:9999px;--radius-lg:24px;--radius-md:14px;--sidebar-w:270px;--transition:0.3s cubic-bezier(0.16,1,0.3,1);--brand-gradient:linear-gradient(135deg,#60a5fa 0%,#a855f7 50%,#ec4899 100%);--glass-backdrop:blur(20px) saturate(180%);}html[data-theme="light"]{--bg:#f8fafc;--sidebar-bg:#ffffff;--surface:#ffffff;--surface-2:#f1f5f9;--sidebar-hover:#e2e8f0;--border:rgba(0,0,0,0.08);--border-glow:rgba(37,99,235,0.3);--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--brand-green:#2563eb;--accent:#2563eb;--accent-hover:#1d4ed8;--chip-bg:rgba(241,245,249,0.9);--chip-hover:#e2e8f0;--user-bubble:linear-gradient(135deg,#eff6ff 0%,#f3e8ff 100%);--user-bubble-border:rgba(147,51,234,0.2);--send-active:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);--input-bg:rgba(255,255,255,0.9);--shadow:0 12px 35px rgba(0,0,0,0.06);--glass-backdrop:blur(20px);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}body{font-family:var(--font);background:radial-gradient(ellipse 80% 80% at 50% -20%,rgba(120,119,198,0.18),transparent 70%),radial-gradient(ellipse 60% 60% at 80% 100%,rgba(236,72,153,0.08),transparent 60%),var(--bg);color:var(--text-1);height:100vh;height:100dvh;overflow:hidden;font-size:16px;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;letter-spacing:-0.01em;}button{font-family:var(--font);cursor:pointer;}button,.action-icon,svg,.material-symbols-outlined,.material-symbols-filled,.chat-item,.dropdown-item,.bottom-sheet-item,.model-name-chip,.sheet-menu li{user-select:none;-webkit-user-select:none;}.material-symbols-filled{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;}a{color:var(--accent);text-decoration:none;}.app-container{display:flex;height:100vh;height:100dvh;overflow:hidden;}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;padding:8px;height:100vh;height:100dvh;flex-shrink:0;transition:transform 0.3s ease-in-out,margin-left 0.3s ease-in-out,padding 0.3s ease-in-out;overflow:hidden;border-right:1px solid var(--border);}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 16px;width:100%;}.sidebar-branding{display:flex;align-items:center;gap:8px;color:var(--text-1);}.sparkle-logo{font-variation-settings:'FILL' 1,'wght' 400;background:linear-gradient(135deg,#4285f4,#9b72cb,#d96570);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:bold;}.sidebar-brand-name{font-size:18px;font-weight:600;letter-spacing:-0.02em;}.collapse-btn{color:var(--text-2);}@media (min-width:769px){.sidebar.collapsed{transform:translateX(-100%);margin-left:calc(-1 * var(--sidebar-w));border-right-width:0;padding-left:0;padding-right:0;}}.sidebar-search-container{padding:12px 0 8px 0;margin-bottom:0px;position:relative;display:flex;align-items:center;width:100%;}.search-icon{position:absolute;left:16px;color:var(--text-2);font-size:20px;pointer-events:none;}.sidebar-search-input{width:100%;flex:1;padding:10px 16px 10px 40px;border-radius:8px;border:none;background:var(--surface-2);color:var(--text-1);font-family:inherit;font-size:14px;outline:none;transition:background-color 0.2s,box-shadow 0.2s;}.sidebar-search-input:hover,.sidebar-search-input:focus{background:var(--surface-2);box-shadow:0 0 0 1px var(--border);}.icon-btn{background:none;border:none;color:var(--text-2);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition);min-width:44px;min-height:44px;}.icon-btn:hover{background:var(--surface-2);color:var(--text-1);}.icon-btn .material-symbols-outlined{font-size:22px;}.sidebar-action-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-top:6px;width:100%;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);border:1px solid transparent;}.sidebar-action-btn .material-symbols-outlined{font-size:20px;flex-shrink:0;}.sidebar-action-btn.primary{background:var(--surface-2);border-color:var(--border);color:var(--text-1);}.sidebar-action-btn.primary:hover{background:var(--chip-hover);border-color:var(--border-glow);}.sidebar-action-btn.saathi-btn{background:rgba(14,165,233,0.1);border-color:rgba(14,165,233,0.25);color:#38bdf8;}.sidebar-action-btn.saathi-btn:hover{background:rgba(14,165,233,0.18);border-color:rgba(14,165,233,0.4);transform:translateY(-1px);}.sidebar-action-btn.magic-btn{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.25);color:#fbbf24;}.sidebar-action-btn.magic-btn:hover{background:rgba(245,158,11,0.18);border-color:rgba(245,158,11,0.4);transform:translateY(-1px);}.sidebar-action-btn.vault-btn{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.25);color:#818cf8;}.sidebar-action-btn.vault-btn:hover{background:rgba(99,102,241,0.18);border-color:rgba(99,102,241,0.4);transform:translateY(-1px);}.section-label{font-size:12px;font-weight:400;color:var(--text-3);padding:14px 10px 4px;letter-spacing:0;}.recent-chats-section{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;}.recent-chats-section::-webkit-scrollbar{width:4px;}.recent-chats-section::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:6px;}::-webkit-scrollbar-thumb:hover{background:var(--text-3);}.chat-list{display:flex;flex-direction:column;gap:2px;}.chat-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:24px;color:var(--text-1);font-size:14px;transition:background-color var(--transition),color var(--transition);cursor:pointer;position:relative;}.chat-item:hover{background:var(--sidebar-hover);}.chat-item.active{background:var(--sidebar-hover);box-shadow:inset 4px 0 0 var(--accent);}.chat-mode-icon{font-size:13px !important;color:var(--text-3);flex-shrink:0;}.chat-item .material-symbols-outlined{font-size:18px;color:var(--text-2);flex-shrink:0;}.chat-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}.chat-timestamp{font-size:13px;font-weight:400;color:var(--text-3);margin-left:auto;flex-shrink:0;white-space:nowrap;}.chat-options-btn{opacity:0;background:transparent;border:none;color:var(--text-2);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:opacity var(--transition),background var(--transition);}.chat-item:hover .chat-options-btn,.chat-item.active .chat-options-btn{opacity:1;}@media (max-width:768px){.chat-options-btn{opacity:1;}}.chat-options-btn:hover{background:var(--surface-2);}.chat-pinned-icon{font-size:16px;margin-left:4px;color:var(--text-2);display:inline-flex;vertical-align:middle;}.chat-options-dropdown{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 25px rgba(0,0,0,0.25);z-index:1000;width:200px;display:none;flex-direction:column;padding:6px;overflow:hidden;animation:fadeIn 0.15s ease-out;}@keyframes fadeIn{from{opacity:0;transform:scale(0.98);}to{opacity:1;transform:scale(1);}}.chat-options-dropdown.show{display:flex;}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;color:var(--text-1);font-size:14px;border-radius:var(--radius-md);transition:background var(--transition);}.dropdown-item:hover{background:var(--surface);}.dropdown-item.danger-text{color:#ef4444;}.dropdown-item.danger-text .material-symbols-outlined{color:#ef4444;}.dropdown-item .material-symbols-outlined{font-size:18px;color:var(--text-2);}.sidebar-footer-settings{margin-top:auto;padding-top:8px;border-top:1px solid var(--border);position:relative;flex-shrink:0;}.settings-btn{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:var(--text-2);padding:9px 10px;border-radius:8px;font-size:14px;font-weight:400;transition:background var(--transition),color var(--transition);}.settings-btn:hover{background:var(--sidebar-hover);color:var(--text-1);}.settings-btn .material-symbols-outlined{font-size:20px;}.settings-popover{display:none;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 28px rgba(0,0,0,0.22),0 2px 8px rgba(0,0,0,0.10);z-index:500;padding:6px;overflow:hidden;animation:popoverIn 0.15s ease-out;}@keyframes popoverIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}.settings-popover.open{display:block;}.settings-popover-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:var(--text-1);font-size:14px;font-family:var(--font);padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),color var(--transition);text-align:left;}.settings-popover-item:hover{background:var(--surface-2);}.settings-popover-item .material-symbols-outlined{font-size:20px;color:var(--text-2);flex-shrink:0;}.settings-popover-label{flex:1;}.settings-popover-arrow{font-size:18px !important;color:var(--text-3) !important;}.theme-sub-popover{min-width:200px;}.theme-sub-header{display:flex;align-items:center;gap:8px;padding:8px 8px 4px 8px;font-size:13px;font-weight:600;color:var(--text-2);letter-spacing:0.02em;text-transform:uppercase;}.theme-sub-back{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-2);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0;transition:background var(--transition),color var(--transition);flex-shrink:0;}.theme-sub-back:hover{background:var(--surface-2);color:var(--text-1);}.theme-sub-back .material-symbols-outlined{font-size:18px !important;}.theme-check{font-size:18px !important;color:var(--accent) !important;opacity:0;transition:opacity 0.15s ease;}.theme-choice-btn.active-theme .theme-check{opacity:1;}@media (max-width:768px){.settings-popover{display:none !important;}}.bottom-sheet{position:fixed;bottom:0;left:0;width:100%;background:var(--surface);border-radius:24px 24px 0 0;padding:8px 0 24px 0;z-index:1000;transform:translateY(100%);transition:transform var(--transition) cubic-bezier(0.4,0.0,0.2,1);box-shadow:0px -4px 24px rgba(0,0,0,0.15);display:flex;flex-direction:column;}.bottom-sheet.active{transform:translateY(0);}.sheet-header{padding:16px 24px;}.sheet-header h3{font-weight:500;font-size:20px;color:var(--text-1);}.sheet-menu{list-style:none;margin:0;padding:0;}.sheet-menu li{padding:16px 24px;display:flex;align-items:center;gap:16px;font-size:16px;color:var(--text-1);cursor:pointer;transition:background var(--transition);}.sheet-menu li:hover,.sheet-menu li:active{background:var(--surface-2);}.sheet-menu li .material-symbols-outlined{color:var(--text-2);}.sheet-menu li.has-arrow{justify-content:space-between;}.theme-options{display:flex;flex-direction:column;gap:0;}.theme-options li{justify-content:space-between;padding:14px 24px;}.theme-options li.selected{background-color:rgba(138,180,248,0.08);}html[data-theme="light"] .theme-options li.selected{background-color:rgba(26,115,232,0.08);}.checkmark{font-variation-settings:'FILL' 1;color:var(--accent) !important;font-size:20px !important;}.chat-interface{flex:1;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative;background:var(--bg);}.chat-layout-wrapper{display:flex;flex-direction:column;width:100%;margin:0 auto;flex:1;position:relative;overflow:hidden;transition:justify-content 0.3s ease;}@media (min-width:768px){body:not(.chat-active) .chat-layout-wrapper{justify-content:center;align-items:center;height:100%;}body:not(.chat-active) .chat-container{flex:none;width:100%;padding:0;margin:0;}body:not(.chat-active) .input-area{margin-top:32px;margin-bottom:32px;width:100%;max-width:800px;padding-bottom:0;}body.chat-active .input-area{margin-top:auto;}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;flex-shrink:0;position:relative;min-height:56px;}.top-bar-left{display:flex;align-items:center;gap:8px;}#topBarBranding{display:block;}.top-bar-dropdown-icon{display:none;}@media (max-width:768px){#topBarBranding{cursor:pointer;position:relative;z-index:10;}.top-bar-dropdown-icon{display:inline-block;}}.mobile-menu-btn{display:none;position:relative;z-index:10;}.model-name-chip{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:transparent;border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;transition:background var(--transition);user-select:none;z-index:10;}.model-name-chip:hover{background:var(--surface-2);}@media(max-width:768px){.model-name-chip{max-width:calc(100% - 110px);justify-content:center;}}.model-name-text{font-size:15px;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;}.model-arrow{font-size:20px;color:var(--text-2);flex-shrink:0;}.chat-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0 20px 20px;scroll-behavior:smooth;min-height:0;position:relative;}.chat-container::-webkit-scrollbar{width:6px;}.chat-container::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:4px;}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:199;backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out;}.sidebar-backdrop.visible{opacity:1;pointer-events:auto;}.scroll-to-bottom-btn{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(10px);width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-1);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.15);z-index:100;opacity:0;pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease,background 0.2s ease;}.scroll-to-bottom-btn.visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}body:not(.chat-started) .scroll-to-bottom-btn,.welcome-screen:not([style*="display:none"]) ~ * .scroll-to-bottom-btn{display:none !important;opacity:0 !important;pointer-events:none !important;}.scroll-to-bottom-btn:active{transform:translateX(-50%) scale(0.9);}.scroll-to-bottom-btn .material-symbols-outlined{font-size:20px;}.scroll-to-bottom-btn:hover{background:var(--surface-2);}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:100%;width:100%;padding:0 24px;flex:1;margin:auto;}body.chat-active .welcome-screen,body.chat-active .suggestion-pills-container{display:none !important;}body:not(.chat-active) #chatContainer .messages-list{display:none;}.suggestion-pills-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:900px;margin:24px auto !important;padding:0 16px;z-index:10;}@media (max-width:767px){body:not(.chat-active) .chat-layout-wrapper{display:flex;flex-direction:column;flex:1;height:auto;min-height:0;}body:not(.chat-active) .chat-container{order:1;flex:none;margin-top:auto;}body:not(.chat-active) .welcome-screen{margin-top:0;padding-bottom:0;}body:not(.chat-active) .suggestion-pills-container{order:2;gap:8px;margin-top:0 !important;margin-bottom:4px !important;}body:not(.chat-active) .input-area{order:3;margin-bottom:0;}}.greeting-title{font-size:clamp(28px,8vw,52px);font-weight:700;line-height:1.15;margin-bottom:10px;color:var(--text-1);letter-spacing:-0.03em;}.header-branding{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:var(--text-1);cursor:pointer;padding:6px 10px;border-radius:10px;transition:background var(--transition);user-select:none;}.header-branding:hover{background:var(--surface-2);}.header-branding .dropdown-icon{font-size:18px;color:var(--text-2);transition:transform 0.2s;}.greeting-subtitle{font-size:clamp(18px,4vw,26px);font-weight:400;color:var(--text-2);line-height:1.3;margin-bottom:0;max-width:520px;}.suggestion-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:50px;padding:10px 20px;font-size:14px;font-family:var(--font);font-weight:500;color:var(--text-1);text-align:left;cursor:pointer;transition:all 0.2s cubic-bezier(0.2,0,0,1);line-height:1.4;box-shadow:0 2px 6px rgba(0,0,0,0.05);white-space:nowrap;}html[data-theme="light"] .suggestion-card{background:#ffffff;border:1px solid #e5e5e5;box-shadow:0 2px 8px rgba(0,0,0,0.04);}.suggestion-card:hover{background:var(--surface-2);border-color:var(--brand-green);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.12);}html[data-theme="light"] .suggestion-card:hover{background:#f8f9fa;border-color:#bbf7d0;}.suggestion-card:active{transform:translateY(0) scale(0.98);}.suggestion-card .material-symbols-outlined{font-size:18px;color:var(--brand-green);flex-shrink:0;}@media (max-width:768px){.suggestion-card{padding:8px 16px;font-size:13px;}.suggestion-card .material-symbols-outlined{font-size:16px;}}.messages-list{max-width:800px;width:100%;margin:0 auto !important;display:flex;flex-direction:column;justify-content:flex-start;gap:24px;padding-top:12px;padding-bottom:20px;}.messages-list:empty{padding:0;margin:0;}.message{display:flex;flex-direction:column;gap:6px;}.message.user{align-items:flex-end;flex-direction:column;justify-content:flex-end;gap:4px;}.message.user .message-content{background:var(--user-bubble);border-radius:20px 20px 4px 20px;padding:12px 20px;max-width:70%;font-size:16px;color:var(--text-1);position:relative;word-break:break-word;font-weight:400;line-height:1.6;box-shadow:0 4px 15px rgba(0,0,0,0.05);animation:bubbleEntrance 0.35s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}@keyframes bubbleEntrance{from{opacity:0;transform:translateY(12px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.message.user .message-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;opacity:0;pointer-events:none;transition:opacity 0.2s ease;max-width:70%;}.message.user.show-actions .message-actions{opacity:1;pointer-events:auto;}.message.ai{align-items:flex-start;justify-content:flex-start;text-align:left;padding-left:16px;}.message.ai .message-content{background:transparent;padding:0;max-width:100%;font-size:16px;line-height:1.75;color:var(--text-1);font-weight:400;}.message.ai .message-content h1,.message.ai .message-content h2,.message.ai .message-content h3{margin:16px 0 8px;font-weight:600;line-height:1.3;}.message.ai .message-content h1{font-size:22px;}.message.ai .message-content h2{font-size:18px;}.message.ai .message-content h3{font-size:16px;}.message.ai .message-content p{margin-bottom:10px;}.message.ai .message-content ul,.message.ai .message-content ol{padding-left:22px;margin-bottom:10px;}.message.ai .message-content li{margin-bottom:4px;}.message.ai .message-content strong{font-weight:600;}.message.ai .message-content em{font-style:italic;}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin:12px 0;}.code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);}.lang-tag{font-size:12px;font-family:var(--font);font-weight:500;color:var(--text-2);text-transform:uppercase;}.copy-code-btn{background:none;border:none;color:var(--text-2);font-size:12px;font-family:var(--font);display:flex;align-items:center;cursor:pointer;transition:color var(--transition);}.copy-code-btn:hover{color:var(--text-1);}.message.ai .message-content pre{background:transparent;border:none;border-radius:0;padding:14px 16px;overflow-x:auto;margin:0;font-size:13px;}.message.ai .message-content code{background:var(--surface);border-radius:6px;padding:2px 6px;font-size:13px;font-family:'Fira Code','Courier New',monospace;}.message.ai .message-content pre code{background:none;padding:0;}.message.ai .message-content blockquote{border-left:4px solid var(--accent);padding:14px 20px;background:rgba(99,102,241,0.04);color:var(--text-2);margin:18px 0;border-radius:4px 12px 12px 4px;box-shadow:inset 1px 0 0 rgba(255,255,255,0.05);}.message.ai .message-content a{color:var(--accent);}.message.ai .message-content table{border-collapse:collapse;width:100%;margin:16px 0;border-radius:var(--radius-md);overflow:hidden;background:rgba(255,255,255,0.02);border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,0.15);}.message.ai .message-content th,.message.ai .message-content td{padding:12px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--border);}.message.ai .message-content th{background:var(--surface-2);font-weight:600;color:var(--text-1);letter-spacing:0.02em;}.message.ai .message-content tr:last-child td{border-bottom:none;}.message.ai .message-content tr:nth-child(even){background:rgba(255,255,255,0.01);}.message-actions{display:flex;flex-direction:row;gap:12px;margin-top:8px;opacity:0;transition:opacity var(--transition);position:relative;z-index:10;}.message.ai:hover .message-actions,.message.user:hover .message-actions,.message.show-actions .message-actions{opacity:1;}.action-btn{background:transparent;border:none;color:var(--text-2);cursor:pointer;pointer-events:auto;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color var(--transition),background var(--transition);min-width:44px;min-height:44px;}.action-btn:hover{background:var(--surface-2);color:var(--text-1);}.message.user .action-btn:hover{color:var(--brand-green);}.action-btn .material-symbols-outlined{font-size:18px;}.action-btn.tts-active{color:var(--brand-green);background:rgba(16,163,127,0.1);animation:tts-pulse 1.5s infinite ease-in-out;}@keyframes tts-pulse{0%{box-shadow:0 0 0 0 rgba(16,163,127,0.4);}70%{box-shadow:0 0 0 8px rgba(16,163,127,0);}100%{box-shadow:0 0 0 0 rgba(16,163,127,0);}}.action-btn.active.like-btn{background:transparent;}.action-btn.active.like-btn .material-symbols-outlined{font-variation-settings:'FILL' 1;color:var(--accent);}.action-btn.active.dislike-btn{background:transparent;}.action-btn.active.dislike-btn .material-symbols-outlined{font-variation-settings:'FILL' 1;color:#ef4444;}.message-content.editing{outline:none;border:1px solid var(--brand-green);box-shadow:0 0 0 1px var(--brand-green);background:var(--input-bg);color:var(--text-1);border-radius:var(--radius-lg);padding:12px 16px !important;min-width:100px;font-family:var(--font);font-size:15px;line-height:1.6;white-space:pre-wrap;resize:none;overflow-y:hidden;}.user-edit-textarea{width:100%;min-height:96px;background:transparent;border:none;color:var(--text-1);font-family:var(--font);font-size:15px;line-height:1.6;resize:none;outline:none;overflow:hidden;}.inline-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;}.inline-edit-send{display:flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--text-2);border:none;border-radius:20px;padding:8px 18px;font-size:14px;transition:background var(--transition),color var(--transition);cursor:default;}.inline-edit-send.active{background:var(--brand-green);color:#ffffff;cursor:pointer;}.inline-edit-send.active:hover{background:#0d8a6a;}.inline-edit-cancel{background:transparent;color:var(--brand-green);border:none;border-radius:20px;padding:8px 16px;font-size:14px;transition:background var(--transition);cursor:pointer;}.inline-edit-cancel:hover{background:var(--chip-hover);}.dynamic-loader{display:flex;align-items:center;gap:8px;padding:2px 4px;}.dynamic-loader .dot{width:10px;height:10px;background:var(--brand-green);border-radius:50%;animation:pulse 1s infinite alternate ease-in-out;}.dynamic-loader .text{font-size:14px;color:var(--text-2);font-weight:500;}@keyframes pulse{0%{transform:scale(0.8);opacity:0.6;}100%{transform:scale(1.2);opacity:1;}}.related-posts-block{margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:100%;}.related-actions{display:flex;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border);}.related-action-btn{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:none;color:var(--text-2);padding:6px 12px;border-radius:8px;font-size:13px;transition:background var(--transition),color var(--transition);}.related-action-btn:hover{background:var(--chip-hover);color:var(--text-1);}.related-action-btn .material-symbols-outlined{font-size:18px;}.related-posts-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px;}.related-posts-header .material-symbols-outlined{font-size:18px;color:var(--brand-green);}.related-posts-links{display:flex;flex-direction:column;gap:8px;}.related-post-link{display:block;color:var(--text-1);font-size:14px;text-decoration:none;line-height:1.4;padding:8px 12px;background:var(--surface-2);border-radius:var(--radius-md);transition:background var(--transition),color var(--transition),transform 0.15s ease;}.related-post-link:hover{background:var(--border);color:var(--brand-green);transform:translateX(4px);}.input-area{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:0 20px env(safe-area-inset-bottom,14px);background:var(--bg);width:100%;gap:8px;position:sticky;bottom:0;z-index:50;}.suggestion-chips{display:none;}.chip{display:flex;align-items:center;gap:6px;background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-1);padding:8px 14px;font-size:13px;font-weight:500;transition:background var(--transition),border-color var(--transition),transform 0.15s;cursor:pointer;white-space:nowrap;}.chip:hover{background:var(--chip-hover);border-color:var(--text-3);transform:translateY(-1px);}.chip .material-symbols-outlined{font-size:16px;color:var(--text-2);}.input-wrapper-pill{display:flex;flex-direction:row;align-items:center;background:rgba(15,23,42,0.9);border:1.5px solid rgba(255,255,255,0.16);border-radius:28px;padding:8px 10px 8px 16px;width:100%;max-width:800px;margin:0 auto 16px;box-shadow:0 8px 32px rgba(0,0,0,0.35);backdrop-filter:blur(16px);transition:all 0.22s cubic-bezier(0.16,1,0.3,1);position:relative;z-index:60;}html[data-theme="light"] .input-wrapper-pill{background:#ffffff;border:1.5px solid #cbd5e1;box-shadow:0 6px 24px rgba(15,23,42,0.08),0 2px 6px rgba(0,0,0,0.04);}.input-wrapper-pill:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.25),0 8px 32px rgba(0,0,0,0.4);}html[data-theme="light"] .input-wrapper-pill:focus-within{background:#ffffff;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.18),0 8px 28px rgba(0,0,0,0.12);}.pill-btn{background:transparent;border:none;color:var(--text-2);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition),color var(--transition);cursor:pointer;}.pill-btn:hover{background:var(--sidebar-hover);color:var(--text-1);}.pill-btn.mic-btn.recording{color:#ef4444 !important;background:rgba(239,68,68,0.15);animation:micPulse 1.5s infinite ease-in-out;}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0.4);}70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(239,68,68,0);}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0);}}.pill-btn .material-symbols-outlined{font-size:20px;}.pill-right-controls{display:flex;align-items:center;gap:4px;margin-left:auto;}.input-model-selector{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:18px;padding:6px 14px;color:var(--text-1);font-size:13.5px;font-family:var(--font);font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition);user-select:none;flex-shrink:0;height:38px;box-shadow:0 1px 2px rgba(0,0,0,0.1);}.input-model-selector:hover{background:var(--sidebar-hover);border-color:var(--text-3);}.input-model-selector .dropdown-icon{font-size:16px;color:var(--text-2);}html[data-theme="light"] .input-model-selector{background:#ffffff;border-color:rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.05);}html[data-theme="light"] .input-model-selector:hover{background:#f8f9fa;border-color:rgba(0,0,0,0.15);}.model-selection-overlay{position:fixed;inset:0;z-index:1000;display:none;}.model-selection-overlay.show{display:block;}.model-selection-menu{position:fixed;bottom:90px;right:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.3);z-index:1001;width:240px;padding:8px 0;opacity:0;pointer-events:none;transform:translateY(10px) scale(0.98);transition:opacity 0.2s ease,transform 0.2s ease;}.model-selection-menu.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);}@media (max-width:768px){.model-selection-menu{bottom:0;right:0;left:0;width:100%;border-radius:24px 24px 0 0;transform:translateY(100%);padding:8px 0 24px 0;}.model-selection-menu.show{transform:translateY(0);}.model-selection-overlay{background:rgba(0,0,0,0.45);backdrop-filter:blur(1px);}}.model-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;background:none;border:none;color:var(--text-1);font-size:15px;font-family:var(--font);cursor:pointer;transition:background var(--transition);text-align:left;}.model-option:hover{background:var(--surface-2);}.model-option .left-content{display:flex;align-items:center;gap:12px;}.model-option .left-content .material-symbols-outlined{font-size:20px;color:var(--text-2);}.model-option .checkmark{color:var(--brand-green);font-size:20px;font-variation-settings:'FILL' 1;}#userInput,#aiSaathiUserInput{flex-grow:1;background:transparent;border:none;color:var(--text-1);font-size:15px;font-family:var(--font);resize:none;outline:none;max-height:200px;overflow-y:auto;line-height:1.6;align-self:center;padding:8px 12px;margin-bottom:0;}#userInput:focus,#aiSaathiUserInput:focus{outline:none;}#userInput::placeholder,#aiSaathiUserInput::placeholder{color:var(--text-3);}.mic-btn.listening{color:#4285f4;animation:mic-pulse 1.2s infinite ease-in-out;}.mic-btn.paused{color:var(--text-3);animation:none;}@keyframes mic-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.15);opacity:0.7;}}.send-btn{background:transparent;border:none;color:var(--text-3);width:36px;height:36px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition);position:relative;z-index:120;pointer-events:auto !important;cursor:pointer;}.send-btn.active{background:var(--brand-green);color:#ffffff !important;}.send-btn:disabled{cursor:not-allowed;opacity:0.3;background:transparent;color:var(--text-3);}.input-area .send-btn.active.stopping{background:var(--brand-green) !important;color:#ffffff !important;border:none !important;}.send-btn .material-symbols-outlined{font-size:20px;font-weight:500;}.action-more-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,0.28);z-index:200;flex-direction:column;min-width:160px;padding:6px;animation:fadeIn 0.15s ease;}.action-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:transparent;color:var(--text-1);font-family:var(--font);font-size:14px;border-radius:8px;cursor:pointer;width:100%;text-align:left;transition:background var(--transition);}.action-menu-item:hover{background:var(--surface-2);}.action-menu-item .material-symbols-outlined{font-size:18px;color:var(--text-2);}.input-disclaimer{font-size:12px;color:var(--text-3);text-align:center;max-width:750px;width:100%;margin-top:8px;}.hidden-desktop{display:none !important;}@media(max-width:768px){.mobile-help-divider,.mobile-help-menu{display:block;}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;z-index:200;transform:translateX(-100%);transition:transform 0.3s ease-in-out;width:var(--sidebar-w) !important;}.sidebar.open{transform:translateX(0);}.top-bar{position:relative;}.mobile-menu-btn{display:flex !important;}.hidden-desktop{display:flex !important;}.model-name-chip{position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 90px);justify-content:center;}.edit-btn-mobile{display:flex !important;}.model-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.input-area{padding:0 8px calc(env(safe-area-inset-bottom,12px) + 20px);}.input-wrapper{border-radius:20px;}.chat-options-btn{opacity:1;}.user-msg-options-btn{display:none !important;}.edit-btn-mobile{display:flex;}.message.user{align-items:flex-end;flex-direction:column;gap:2px;}.message.user .message-content{max-width:82%;}.message.user .message-actions{opacity:1;pointer-events:auto;width:100%;justify-content:flex-end;padding-right:4px;}.message.user .action-btn{min-width:36px;min-height:36px;padding:8px;}.send-btn{width:34px;height:34px;}.send-btn .material-symbols-outlined{font-size:16px;}}.footer-text{font-size:10px;letter-spacing:0.2px;color:var(--text-3);text-align:center;max-width:750px;width:100%;margin-top:8px;}.edit-btn-mobile{display:none;}.tech-greeting,.gradient-text{background:linear-gradient(74deg,#4285f4 0%,#9b72cb 30%,#d96570 70%,#4285f4 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:ombreTextSweep 4s linear infinite;}@keyframes ombreTextSweep{to{background-position:200% center;}}@media(max-width:768px){.message-actions{opacity:1;}.hidden-mobile{display:none !important;}}.generating-active{min-height:100px;position:relative;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:6px;}::-webkit-scrollbar-thumb:hover{background:var(--text-3);}.bottom-sheet-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);opacity:0;pointer-events:none;z-index:999;transition:opacity 0.3s ease;}.bottom-sheet-overlay.visible{opacity:1;pointer-events:auto;z-index:9999;}.bottom-sheet{position:fixed;bottom:0;left:0;width:100vw;background:var(--surface);border-radius:24px 24px 0 0;padding:24px 16px 32px 16px;z-index:10000;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.2,0.8,0.2,1);display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,0.2);}.bottom-sheet.open{transform:translateY(0);}.bottom-sheet.open{transform:translateY(0);}.bottom-sheet-item{display:flex;align-items:center;gap:16px;padding:16px 24px;background:transparent;border:none;color:var(--text-1);font-size:16px;text-align:left;width:100%;transition:background-color 0.2s;border-radius:0;cursor:pointer;}.bottom-sheet-item:hover{background-color:var(--chip-hover);}.bottom-sheet-item.danger{color:#ff6b6b;}.bottom-sheet-item.danger .material-symbols-outlined{color:#ff6b6b;}.bottom-sheet-item .material-symbols-outlined{color:var(--text-2);font-size:24px;}.mobile-search-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background:var(--bg);z-index:1000;display:flex;flex-direction:column;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.2,0.8,0.2,1);}.mobile-search-overlay.open{transform:translateY(0);}.mobile-search-header{display:flex;align-items:center;padding:12px 16px;gap:12px;border-bottom:1px solid var(--border);background:var(--surface);}.mobile-search-input{flex:1;background:transparent;border:none;color:var(--text-1);font-size:16px;outline:none;}.mobile-search-input::placeholder{color:var(--text-3);}.mobile-search-content{flex:1;overflow-y:auto;padding:16px;}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);opacity:0;pointer-events:none;z-index:150;transition:opacity 0.3s ease;}.sidebar-backdrop.visible{opacity:1;pointer-events:auto;}.message-content table{width:100%;margin:16px 0;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto;white-space:nowrap;border:1px solid #333537;border-radius:8px;background:var(--surface);}.message-content table th,.message-content table td{padding:12px 16px;border:1px solid var(--border);text-align:left;}.message-content table th{background:var(--surface-2);font-weight:600;color:var(--text-1);border-top:none;}.message-content table tr:nth-child(even){background:rgba(128,128,128,0.06);}.message-content table tr:hover{background:var(--surface-2);}.message-content blockquote{border-left:4px solid var(--brand-green);margin:16px 0;padding:8px 16px;background:rgba(16,163,127,0.05);border-radius:0 8px 8px 0;color:#b0b0b0;font-style:italic;}.message-content ul{margin:12px 0 12px 24px;padding:0;list-style-type:disc;}.message-content ul li{margin-bottom:6px;}.message-content ol{margin:20px 0 20px 14px;padding:0;list-style-type:none;position:relative;border-left:2px solid var(--border);padding-left:28px;}.message-content ol li{position:relative;margin-bottom:24px;line-height:1.6;}.message-content ol li:last-child{margin-bottom:0;}.message-content ol li::before{content:'';position:absolute;left:-35px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 10px var(--accent);z-index:2;transition:transform var(--transition);}.message-content ol li:hover::before{transform:scale(1.3);box-shadow:0 0 14px var(--accent);}.inline-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:modalFadeIn 0.18s ease;padding:24px;}@keyframes modalFadeIn{from{opacity:0;}to{opacity:1;}}.inline-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:modalSlideUp 0.2s ease;}@keyframes modalSlideUp{from{opacity:0;transform:translateY(12px) scale(0.97);}to{opacity:1;transform:translateY(0) scale(1);}}.inline-modal-title{font-size:17px;font-weight:600;color:var(--text-1);margin-bottom:16px;line-height:1.3;}.inline-modal-message{font-size:14px;color:var(--text-2);margin-bottom:20px;line-height:1.6;}.inline-modal-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-1);font-family:var(--font);font-size:15px;padding:12px 14px;outline:none;margin-bottom:20px;transition:border-color 0.2s;}.inline-modal-input:focus{border-color:var(--brand-green);box-shadow:0 0 0 1px var(--brand-green);}.inline-modal-actions{display:flex;gap:10px;justify-content:flex-end;}.inline-modal-btn{padding:10px 20px;border-radius:24px;border:none;font-size:14px;font-family:var(--font);font-weight:500;cursor:pointer;transition:background var(--transition),opacity var(--transition);}.inline-modal-btn.cancel{background:var(--surface-2);color:var(--text-1);}.inline-modal-btn.cancel:hover{background:var(--chip-hover);}.inline-modal-btn.confirm{background:var(--brand-green);color:#ffffff;}.inline-modal-btn.confirm:hover{opacity:0.88;}.inline-modal-btn.confirm.danger{background:#ef4444;color:#ffffff;}.inline-modal-btn.confirm.danger:hover{background:#dc2626;}.related-posts-block{margin:14px 0 6px 0;animation:rpSlideIn 0.35s cubic-bezier(0.22,1,0.36,1) both;}@keyframes rpSlideIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.article-cards-container{display:flex;flex-direction:row;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent;}.article-cards-container::-webkit-scrollbar{height:5px;}.article-cards-container::-webkit-scrollbar-track{background:transparent;}.article-cards-container::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:10px;}.article-slider-wrapper{position:relative;width:100%;}.slider-nav-btn{display:none;position:absolute;top:50%;transform:translateY(-60%);z-index:10;background:var(--surface);border:1px solid var(--border);color:var(--text-1);border-radius:50%;width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.25);transition:background var(--transition),box-shadow var(--transition),opacity var(--transition);opacity:0.85;flex-shrink:0;}.slider-nav-btn:hover{background:var(--surface-2);box-shadow:0 4px 14px rgba(0,0,0,0.35);opacity:1;}.slider-nav-btn.prev-btn{left:-18px;}.slider-nav-btn.next-btn{right:-18px;}.slider-nav-btn .material-symbols-outlined{font-size:22px;}.slider-nav-btn.hidden{opacity:0;pointer-events:none;}@media (min-width:769px){.slider-nav-btn{display:flex;}.article-slider-wrapper{padding:0 22px;}}.article-card{position:relative;display:flex;flex-direction:column;background:#ffffff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.08);text-decoration:none;color:inherit;overflow:hidden;transition:transform 0.25s cubic-bezier(0.2,0,0,1),box-shadow 0.25s ease;cursor:pointer;min-width:0;flex-shrink:0;height:auto;}.new-article-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#ffffff;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 6px rgba(220,38,38,0.4);z-index:2;display:inline-flex;align-items:center;gap:2px;}@media (min-width:769px){.article-card{width:220px;min-width:220px;scroll-snap-align:start;}}.article-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,0.18);}.article-card:active{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,0.10);}.article-card-img{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:10px 10px 0 0;display:block;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);}.article-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;}.article-card-title{font-family:var(--font);font-size:14.5px;font-weight:600;color:#1e293b;line-height:1.4;margin:0;display:block;overflow:visible;white-space:normal;}.article-card-desc{font-family:var(--font);font-size:13px;color:#475569;line-height:1.45;margin:0;display:block;}[data-theme="dark"] .article-card{background:#1e293b;box-shadow:0 4px 10px rgba(0,0,0,0.25);}[data-theme="dark"] .article-card:hover{box-shadow:0 8px 22px rgba(0,0,0,0.35);}[data-theme="dark"] .article-card-img{background:linear-gradient(135deg,#334155,#1e293b);}[data-theme="dark"] .article-card-title{color:#f1f5f9;}[data-theme="dark"] .article-card-desc{color:#94a3b8;}.related-guides-header{font-weight:600;font-size:13px;color:var(--text-2);margin-bottom:10px;display:flex;align-items:center;gap:6px;letter-spacing:0.5px;text-transform:uppercase;opacity:0.8;}.article-cta-pill{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:5px 14px;border-radius:var(--radius-pill);background:var(--accent);color:#ffffff;font-size:12.5px;font-weight:600;line-height:1.4;letter-spacing:0.01em;align-self:flex-start;pointer-events:none;}html[data-theme="light"] .article-cta-pill{background:var(--accent);color:#ffffff;}.article-card:hover .article-cta-pill{background:var(--accent-hover);}.explore-more-strip{display:flex;justify-content:center;align-items:center;width:100%;margin-top:14px;padding:10px 16px;border:1px dashed var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-2);font-size:13px;font-weight:500;text-align:center;text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition);}.explore-more-strip:hover{background:var(--surface-2);color:var(--text-1);border-color:var(--text-3);}@media (max-width:768px){.article-cards-container{flex-direction:column;overflow-x:visible;overflow-y:visible;scroll-snap-type:none;padding-bottom:0;scrollbar-width:none;gap:12px;}.article-cards-container::-webkit-scrollbar{display:none;}.article-card{width:100%;min-width:0;scroll-snap-align:none;flex-direction:column;align-items:stretch;}.article-card-img{width:100%;min-width:0;height:auto;aspect-ratio:1200 / 630;border-radius:10px 10px 0 0;object-fit:cover;flex-shrink:0;}.article-card-body{padding:10px 14px 14px;flex:1;justify-content:flex-start;gap:6px;}.article-card-title{font-size:14px;font-weight:700;display:block;overflow:visible;white-space:normal;-webkit-line-clamp:unset;line-clamp:unset;}.article-card-desc{font-size:12.5px;display:block;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;}.article-card.video-card{flex-direction:column;}.article-card.video-card .article-card-img{width:100%;min-width:0;height:auto;aspect-ratio:1200 / 630;border-radius:10px 10px 0 0;}.video-recommendation-section .article-card.video-card:not(:first-child){display:none !important;}.article-cta-pill{font-size:12px;padding:4px 12px;}.explore-more-strip{margin-top:12px;font-size:12.5px;}}.chat-options-dropdown{position:fixed;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,0.28);z-index:2000;display:flex;flex-direction:column;padding:6px 0;opacity:0;transform:translateY(-8px);transition:opacity 0.2s ease,transform 0.2s ease;pointer-events:none;}.chat-options-dropdown.show{opacity:1;transform:translateY(0);pointer-events:auto;}.chat-options-dropdown .dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-1);font-size:14px;font-family:var(--font);cursor:pointer;transition:background 0.2s ease;user-select:none;}.chat-options-dropdown .dropdown-item:hover{background:var(--surface-2);}.chat-options-dropdown .dropdown-item .material-symbols-outlined{font-size:18px;color:var(--text-2);}.chat-options-dropdown .dropdown-item:last-child,.chat-options-dropdown .dropdown-item:last-child .material-symbols-outlined{color:#ff6b6b;}.report-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.report-modal-overlay.open{opacity:1;pointer-events:auto;}.report-modal{background:var(--surface);width:100%;max-width:480px;border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(0,0,0,0.3);overflow:hidden;display:flex;flex-direction:column;max-height:85vh;transform:translateY(20px) scale(0.98);transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}.report-modal-overlay.open .report-modal{transform:translateY(0) scale(1);}.report-header{display:flex;align-items:flex-start;padding:16px 20px 12px;border-bottom:1px solid var(--border);position:relative;min-height:56px;}.report-title-area{flex-grow:1;text-align:center;padding:0 40px;}.report-title-area h3{font-size:16px;font-weight:600;color:var(--text-1);margin:0;line-height:1.4;}.report-title-area p{font-size:13px;color:var(--text-2);margin:4px 0 0;line-height:1.3;}.icon-btn.report-back{position:absolute;left:12px;top:14px;width:32px;height:32px;}.icon-btn.report-close{position:absolute;right:12px;top:14px;width:32px;height:32px;}.report-body{padding:0;overflow-y:auto;flex-grow:1;}.report-list{display:flex;flex-direction:column;}.report-list-item{background:transparent;border:none;border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;color:var(--text-1);font-size:15px;cursor:pointer;transition:background var(--transition);text-align:left;}.report-list-item:hover{background:var(--surface-2);}.report-list-item:last-child{border-bottom:none;}.report-arrow{color:var(--text-3);font-size:20px;}.report-input-container{padding:24px;display:flex;flex-direction:column;gap:20px;}.report-textarea{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;color:var(--text-1);font-family:var(--font);font-size:15px;resize:vertical;outline:none;transition:border-color var(--transition);}.report-textarea:focus{border-color:var(--brand-green);}.report-submit-btn{background:var(--brand-green);color:#fff;border:none;border-radius:var(--radius-pill);padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background var(--transition),transform 0.15s ease;}.report-submit-btn:hover{background:#0d8a6a;transform:translateY(-1px);}.report-success{padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;}.report-success-icon{font-size:48px;color:var(--brand-green);}.report-success-msg{font-size:15px;color:var(--text-1);line-height:1.6;}.report-learn-more{color:var(--accent);font-size:14px;text-decoration:none;margin-top:8px;}.report-learn-more:hover{text-decoration:underline;}@media (max-width:768px){.report-modal-overlay{align-items:flex-end;}.report-modal{margin-top:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:90vh;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94);}.report-list-item{padding:18px 20px;}}.help-sub-popover{min-width:200px;}#bugReportModalOverlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center;display:none;}#bugReportModal{background:var(--surface);width:90%;max-width:400px;border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.3);overflow:hidden;animation:popoverIn 0.2s ease-out;}#bugReportModal .report-header{border-bottom:none;padding-bottom:0;}#bugReportInput{background:var(--surface-2);border:1px solid var(--border);margin-top:10px;border-radius:var(--radius-sm);}#bugReportInput:focus{border-color:var(--text-3);}.bug-report-submit-btn{background:var(--text-1);color:var(--bg);border:none;border-radius:20px;padding:8px 20px;font-weight:500;font-size:14px;cursor:pointer;transition:opacity 0.2s ease;}html[data-theme="light"] .bug-report-submit-btn{background:#000;color:#fff;}html[data-theme="dark"] .bug-report-submit-btn{background:#fff;color:#000;}.bug-report-submit-btn:hover{opacity:0.8;}.bug-report-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:12px 20px;border-radius:24px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;z-index:3000;box-shadow:0 4px 15px rgba(0,0,0,0.2);animation:toastSlideDown 0.3s ease-out,toastFadeOut 0.3s ease-in 2.7s forwards;pointer-events:none;}@keyframes toastSlideDown{from{transform:translate(-50%,-20px);opacity:0;}to{transform:translate(-50%,0);opacity:1;}}@keyframes toastFadeOut{to{opacity:0;}}.auth-modal{max-width:360px !important;padding:24px !important;}.auth-modal h2{margin-top:0;margin-bottom:8px;font-size:22px;}.auth-modal .input-group input:focus{outline:none;border-color:var(--accent) !important;box-shadow:0 0 0 2px rgba(66,133,244,0.2);}.auth-btn:hover{background-color:var(--hover-color) !important;}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:var(--bg-color);z-index:10000;display:none;align-items:center;justify-content:center;animation:fadeInModal 0.25s ease forwards;overflow-y:auto;}.modal-overlay.open{display:flex !important;}.modal-content{background:var(--chat-bg);border-radius:12px;padding:32px;width:90%;max-width:400px;box-shadow:0px 12px 48px rgba(0,0,0,0.15);transform:translateY(20px);opacity:0;animation:slideUpModal 0.4s cubic-bezier(0.16,1,0.3,1) forwards;}.auth-modal{max-width:400px !important;padding:40px 32px !important;text-align:center;font-family:'Inter',sans-serif;}.auth-modal.tips-modal{text-align:left;max-width:440px !important;}.auth-modal h2{font-size:28px;font-weight:600;margin-bottom:12px;color:var(--text-1);letter-spacing:-0.02em;}.auth-modal p.subtitle{font-size:15px;color:var(--text-2);margin-bottom:24px;line-height:1.5;}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;margin-bottom:12px;border-radius:8px;border:1px solid var(--border-color);background:var(--chat-bg);color:var(--text-1);font-size:15px;font-weight:500;cursor:pointer;transition:background 0.2s;}.social-btn:hover{background:var(--hover-color);}.social-btn img{width:20px;height:20px;}.auth-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--text-2);font-size:12px;text-transform:uppercase;}.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid var(--border-color);}.auth-divider:not(:empty)::before{margin-right:.5em;}.auth-divider:not(:empty)::after{margin-left:.5em;}.auth-modal .input-group{text-align:left;margin-bottom:16px;}.auth-modal .input-group input{height:52px;font-size:15px !important;border-radius:8px !important;transition:border 0.2s ease,box-shadow 0.2s ease;}.auth-modal .input-group input:focus{outline:none;border-color:var(--accent) !important;box-shadow:0 0 0 2px rgba(66,133,244,0.2);}.btn-continue{width:100%;padding:14px;border-radius:8px;border:none;background:var(--accent);color:white;font-weight:600;font-size:15px;cursor:pointer;margin-top:12px;}[data-theme="dark"] .btn-continue{background:white;color:black;}[data-theme="light"] .btn-continue{background:black;color:white;}.tips-list{margin-top:24px;display:flex;flex-direction:column;gap:24px;}.tip-item{display:flex;gap:16px;align-items:flex-start;}.tip-icon{font-size:24px;}.tip-icon.green{color:var(--accent);}.tip-icon.purple{color:#AB68FF;}.tip-icon.orange{color:#FF8B4C;}.tip-text h4{margin:0 0 4px 0;font-size:16px;color:var(--text-1);font-weight:600;}.tip-text p{margin:0;font-size:14px;color:var(--text-2);line-height:1.5;}@keyframes fadeInModal{from{opacity:0;}to{opacity:1;}}@keyframes slideUpModal{from{transform:translateY(20px) scale(0.96);opacity:0;}to{transform:translateY(0) scale(1);opacity:1;}}.sheet-menu-divider{height:1px !important;padding:0 !important;background:var(--border);margin:4px 16px;cursor:default !important;pointer-events:none;}.sheet-menu-divider:hover,.sheet-menu-divider:active{background:var(--border) !important;}.sheet-section-label{font-size:12px !important;font-weight:600 !important;color:var(--text-3) !important;padding:8px 24px 4px !important;cursor:default !important;pointer-events:none;text-transform:uppercase;letter-spacing:0.06em;}.sheet-section-label:hover,.sheet-section-label:active{background:transparent !important;}.share-sheet-icon{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;line-height:1;}.share-sheet-icon.rate-icon{background:#01875f;color:#fff;font-size:20px;}.share-sheet-icon.website-icon{background:#0ea5e9;color:#fff;font-size:20px;}.share-sheet-icon.email-icon{background:#f59e0b;color:#fff;font-size:18px;}.share-sheet-icon.youtube-bg{background:#ff0000;color:#fff;}.share-sheet-icon.whatsapp-bg{background:#25d366;color:#fff;font-family:var(--font);}.share-sheet-icon.telegram-bg{background:#229ed9;color:#fff;}.share-sheet-icon.instagram-bg{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;}.share-sheet-icon.twitter-bg{background:#000;color:#fff;font-family:serif;font-size:16px;}.share-sheet-icon.linkedin-bg{background:#0077b5;color:#fff;font-family:var(--font);font-size:14px;}.settings-popover-divider{height:1px;background:var(--border);margin:4px 8px;}.share-social-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;line-height:1;}.share-social-icon.youtube-icon{background:#ff0000;color:#fff;}.share-social-icon.whatsapp-icon{background:#25d366;color:#fff;font-family:var(--font);}.share-social-icon.telegram-icon{background:#229ed9;color:#fff;}.share-social-icon.instagram-icon{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;}.share-social-icon.twitter-icon{background:#000;color:#fff;font-family:serif;font-size:11px;}.share-social-icon.linkedin-icon{background:#0077b5;color:#fff;font-family:var(--font);font-size:10px;}.share-popover-divider{height:1px;background:var(--border);margin:4px 8px;}.share-follow-sheet{max-height:90dvh;overflow-y:auto;}.app-share-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:2000;opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}.app-share-overlay.visible{opacity:1;}.app-share-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:24px 24px 0 0;z-index:2001;flex-direction:column;padding:0 0 32px 0;box-shadow:0 -8px 40px rgba(0,0,0,0.3);transform:translateY(100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);max-height:80dvh;}.app-share-sheet.open{transform:translateY(0);}.app-share-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:12px auto 0 auto;flex-shrink:0;}.app-share-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 4px 20px;}.app-share-title{font-size:18px;font-weight:600;color:var(--text-1);}.app-share-close{background:var(--surface-2);border:none;color:var(--text-2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition);flex-shrink:0;}.app-share-close:hover{background:var(--chip-hover);}.app-share-close .material-symbols-outlined{font-size:18px;}.app-share-desc{font-size:13px;color:var(--text-2);padding:4px 20px 16px 20px;line-height:1.4;}.app-share-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px;padding:0 16px 8px 16px;overflow-y:auto;}.app-share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px 4px;border-radius:12px;transition:background 0.15s ease,transform 0.1s ease;-webkit-tap-highlight-color:transparent;}.app-share-btn:active{transform:scale(0.92);background:var(--surface-2);}.app-share-icon-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.18);}.whatsapp-circle{background:#25D366;}.whatsapp-biz-circle{background:#075E54;}.telegram-circle{background:#229ED9;}.instagram-circle{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);}.sms-circle{background:#4CAF50;}.google-circle{background:#4285F4;}.copy-circle{background:#6366F1;}.notes-circle{background:#F59E0B;}.app-share-label{font-size:12px;color:var(--text-1);text-align:center;line-height:1.2;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;}@media (min-width:769px){#shareFollowSidebarBtn{display:none !important;}}@media (hover:none) and (pointer:coarse){.suggestion-card:hover,.chat-item:hover,.action-btn:hover,.btn:hover{transform:none !important;box-shadow:inherit !important;}button,a,[role="button"],.action-btn,.send-btn,.icon-btn,.suggestion-card,.chat-item{-webkit-tap-highlight-color:rgba(16,163,127,0.12);}button,.btn,.icon-btn,.action-btn,.send-btn,[role="button"]{min-height:44px;min-width:44px;}}@supports (padding-bottom:env(safe-area-inset-bottom)){.input-area,.chat-input-wrapper,#inputArea,.input-container{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;}}.message-content.user-select-none,.action-btn,.icon-btn,.nav-btn{user-select:none;-webkit-user-select:none;}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;}.action-btn{padding:8px 12px;cursor:pointer;touch-action:manipulation;}.bottom-sheet,.sheet-overlay + .bottom-sheet,[class*="bottom-sheet"]{max-height:calc(100vh - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));}body:not(.chat-active) #newChatBtnHeader{display:none !important;}body:not(.chat-active) #headerMoreBtn{display:none !important;}body.chat-active #newChatBtnHeader{display:flex !important;}body.chat-active #headerMoreBtn{display:flex !important;}.header-update-btn{display:flex;align-items:center;gap:6px;background:rgba(26,115,232,0.1);border:1px solid rgba(26,115,232,0.25);border-radius:50px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;transition:all 0.2s ease;animation:fadeIn 0.3s ease;margin-right:4px;}html[data-theme="dark"] .header-update-btn{background:rgba(138,180,248,0.12);border-color:rgba(138,180,248,0.3);color:#8ab4f8;}.header-update-btn:hover{background:rgba(26,115,232,0.18);transform:translateY(-1px);}.header-update-btn:active{transform:translateY(0);}.update-blue-badge{display:inline-flex;align-items:center;justify-content:center;width:8px;height:8px;background-color:#1a73e8;border-radius:50%;position:relative;}html[data-theme="dark"] .update-blue-badge{background-color:#8ab4f8;}.update-blue-badge::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background-color:inherit;opacity:0.6;animation:bluePulse 2s infinite ease-in-out;}@keyframes bluePulse{0%{transform:scale(1);opacity:0.6;}100%{transform:scale(2.6);opacity:0;}}.settings-update-panel{margin:8px 12px;padding:12px;background:rgba(26,115,232,0.06);border:1px dashed rgba(26,115,232,0.3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;}html[data-theme="dark"] .settings-update-panel{background:rgba(138,180,248,0.06);border-color:rgba(138,180,248,0.3);}.update-panel-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-1);font-weight:500;}.update-now-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--accent) !important;color:#fff !important;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition),transform 0.15s;}.update-now-btn:hover{background:#1557b0 !important;}html[data-theme="dark"] .update-now-btn:hover{background:#669df6 !important;}.update-now-btn:active{transform:scale(0.98);}@media (min-width:769px){.sidebar.collapsed ~ .chat-interface .mobile-menu-btn{display:flex !important;}}.ai-saathi-workspace{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:var(--bg);}.ai-saathi-split-container{display:flex;flex-direction:row;height:calc(100vh - 60px);height:calc(100dvh - 60px);width:100%;flex:1;overflow:hidden;}.ai-saathi-chat-panel{flex:1.2;display:flex;flex-direction:column;height:100%;position:relative;border-right:1px solid var(--border);min-width:0;}.ai-saathi-chat-panel .input-area,#aiSaathiInputArea{width:100%;max-width:800px;margin:0 auto;padding:12px 20px 24px;display:flex;justify-content:center;align-items:center;align-self:center;background:transparent;}.ai-saathi-chat-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;}.ai-saathi-welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;text-align:center;max-width:600px;padding:16px;}.ai-saathi-starter-cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;}.starter-card{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:16px;color:var(--text-1);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform var(--transition),background var(--transition);width:160px;text-align:center;}.starter-card:hover{background:var(--sidebar-hover);transform:translateY(-2px);}.starter-card .material-symbols-outlined{font-size:28px;color:var(--accent);}.starter-card-label{font-size:13px;font-weight:500;line-height:1.3;}.ai-saathi-canvas-panel{flex:0.8;display:flex;flex-direction:column;height:100%;background:var(--surface);border-left:1px solid var(--border);position:relative;min-width:0;}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}.canvas-header h3{font-size:16px;font-weight:600;color:var(--text-1);}.canvas-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto;}.canvas-card-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:24px;}.banner-preview-card{position:relative;width:100%;max-width:320px;aspect-ratio:1;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:28px;box-shadow:0 16px 40px rgba(0,0,0,0.3);background:linear-gradient(135deg,#1e1b4b 0%,#311042 100%);border:1px solid rgba(255,255,255,0.1);}.banner-accent-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,0.18) 0%,rgba(168,85,247,0.06) 50%,transparent 100%);pointer-events:none;}.banner-content{position:relative;z-index:2;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;color:#ffffff;}.banner-badge{font-size:11px;text-transform:uppercase;letter-spacing:2px;background:rgba(255,255,255,0.08);padding:6px 14px;border-radius:30px;border:1px solid rgba(255,255,255,0.12);color:#c7d2fe;font-weight:600;}#bannerHeadline{font-size:26px;font-weight:800;line-height:1.25;margin-top:8px;background:linear-gradient(135deg,#ffffff 0%,#c7d2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:break-word;max-width:100%;}#bannerSubheading{font-size:18px;font-weight:700;color:#fbbf24;border:2px dashed rgba(251,191,36,0.35);padding:8px 16px;border-radius:12px;background:rgba(251,191,36,0.06);margin:8px 0;word-break:break-word;max-width:100%;}.banner-cta{font-size:13px;font-weight:800;background:#ffffff;color:#1e1b4b;padding:10px 28px;border-radius:30px;box-shadow:0 6px 16px rgba(255,255,255,0.2);text-transform:uppercase;letter-spacing:1px;}.download-banner-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#ffffff;border:none;border-radius:30px;padding:14px 28px;font-size:15px;font-weight:700;box-shadow:0 8px 20px rgba(37,99,235,0.3);transition:transform 0.2s,opacity 0.2s;width:100%;max-width:320px;}.download-banner-btn:active{transform:scale(0.98);}.download-banner-btn .material-symbols-outlined{font-size:20px;}.voice-input-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),color var(--transition);margin-right:8px;flex-shrink:0;}.voice-input-btn:hover{background:var(--sidebar-hover);color:#ef4444;}.speech-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(9,9,11,0.85);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;}.speech-overlay.active{display:flex;}.speech-modal{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:36px;width:90%;max-width:340px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow);}.speech-ripple-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;}.mic-icon{font-size:32px !important;color:#ffffff;background:#ef4444;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 8px 24px rgba(239,68,68,0.4);}.ripple{position:absolute;width:64px;height:64px;border-radius:50%;background:rgba(239,68,68,0.35);animation:rippleEffect 1.5s infinite ease-out;}.ripple:nth-child(2){animation-delay:0.5s;}.ripple:nth-child(3){animation-delay:1s;}@keyframes rippleEffect{0%{transform:scale(1);opacity:1;}100%{transform:scale(2.2);opacity:0;}}#speechStatusText{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:24px;}.speech-cancel-btn{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);padding:10px 24px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.2s;}.speech-cancel-btn:hover{background:var(--sidebar-hover);}#closeCanvasPanelBtn{display:none;}@media (max-width:768px){.ai-saathi-split-container{flex-direction:column;}.ai-saathi-chat-panel{border-right:none;flex:1;}.ai-saathi-canvas-panel{position:fixed;bottom:0;left:0;right:0;height:70vh;z-index:1100;border-radius:24px 24px 0 0;box-shadow:0 -10px 35px rgba(0,0,0,0.4);border-left:none;border-top:1px solid var(--border);transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.25,1,0.5,1);display:flex !important;}.ai-saathi-canvas-panel.active{transform:translateY(0);}#closeCanvasPanelBtn{display:flex;}}.tool-rec-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin:16px 0;box-shadow:var(--shadow);width:100%;max-width:600px;color:var(--text-1);font-family:var(--font);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;box-sizing:border-box;}.tool-rec-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,0,0,0.15);border-color:var(--accent);}.tool-rec-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;}.tool-rec-avatar-wrapper{width:54px;height:54px;border-radius:var(--radius-md);background:rgba(255,255,255,0.03);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}html[data-theme="light"] .tool-rec-avatar-wrapper{background:rgba(0,0,0,0.02);}.tool-rec-icon{width:42px;height:42px;object-fit:contain;transition:transform 0.3s ease;}.tool-rec-card:hover .tool-rec-icon{transform:scale(1.08);}.tool-rec-info{display:flex;flex-direction:column;gap:4px;}.tool-rec-name{font-size:18px;font-weight:700;color:var(--text-1);margin:0;letter-spacing:-0.02em;}.tool-rec-category{font-size:12px;color:var(--text-2);background:rgba(255,255,255,0.04);padding:2px 8px;border-radius:20px;width:fit-content;border:1px solid var(--border);}html[data-theme="light"] .tool-rec-category{background:rgba(0,0,0,0.04);}.tool-rec-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}.tool-rec-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s ease;text-align:center;box-sizing:border-box;}.btn-website{background:var(--accent);color:#ffffff !important;}html[data-theme="light"] .btn-website{color:#ffffff !important;}html:not([data-theme="light"]) .btn-website{color:#000000 !important;}.btn-website:hover{background:var(--accent-hover);transform:translateY(-1px);}.btn-download{background:rgba(255,255,255,0.04);color:var(--text-1) !important;border:1px solid var(--border);}html[data-theme="light"] .btn-download{background:rgba(0,0,0,0.02);color:var(--text-1) !important;}.btn-download:hover{background:rgba(255,255,255,0.08);border-color:var(--text-2);transform:translateY(-1px);}html[data-theme="light"] .btn-download:hover{background:rgba(0,0,0,0.05);}.tool-rec-divider{height:1px;background:var(--border);margin-bottom:20px;width:100%;}.tool-rec-body{display:flex;flex-direction:column;}.tool-rec-guide-title{font-size:15px;font-weight:700;color:var(--accent);margin:0 0 12px 0;display:flex;align-items:center;gap:6px;}.tool-rec-guide-content{font-size:15px;line-height:1.6;color:var(--text-1);}.tool-rec-guide-content ul,.tool-rec-guide-content ol{padding-left:20px;margin-bottom:12px;}.tool-rec-guide-content li{margin-bottom:8px;}.tool-rec-guide-content strong{color:var(--accent);font-weight:600;}@media (max-width:480px){.tool-rec-actions{grid-template-columns:1fr;gap:10px;}.tool-rec-card{padding:16px;}}.settings-btn{position:relative;}.settings-btn.update-available::after{content:'';position:absolute;top:10px;left:26px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--sidebar-bg,#09090b);}.streak-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(251,146,60,0.15) 0%,rgba(239,68,68,0.12) 100%);border:1px solid rgba(251,146,60,0.3);border-radius:50px;padding:5px 14px 5px 10px;font-size:13px;font-weight:600;color:#fb923c;margin-bottom:16px;animation:streakPop 0.5s cubic-bezier(0.34,1.56,0.64,1) both;cursor:default;user-select:none;}.streak-badge .fire-emoji{font-size:18px;animation:fireWiggle 1.5s ease-in-out infinite;display:inline-block;}@keyframes fireWiggle{0%,100%{transform:rotate(-8deg) scale(1);}50%{transform:rotate(8deg) scale(1.15);}}@keyframes streakPop{from{opacity:0;transform:scale(0.7) translateY(8px);}to{opacity:1;transform:scale(1) translateY(0);}}.tip-card{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(168,85,247,0.07) 100%);border:1px solid rgba(99,102,241,0.2);border-radius:14px;padding:12px 16px;margin-top:20px;max-width:480px;width:100%;text-align:left;animation:tipSlideUp 0.6s cubic-bezier(0.2,0.8,0.2,1) 0.3s both;}html[data-theme="light"] .tip-card{background:linear-gradient(135deg,rgba(99,102,241,0.06) 0%,rgba(168,85,247,0.05) 100%);border-color:rgba(99,102,241,0.18);}.tip-card .tip-icon{font-size:22px;flex-shrink:0;margin-top:1px;}.tip-card .tip-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#818cf8;display:block;margin-bottom:3px;}.tip-card .tip-text{font-size:13px;color:var(--text-2);line-height:1.5;}@keyframes tipSlideUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}.welcome-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:860px;margin:0 auto;gap:16px;}.greeting-title .gradient-text{background:linear-gradient(135deg,#60a5fa 0%,#a855f7 50%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;filter:drop-shadow(0 4px 20px rgba(99,102,241,0.25));}.greeting-subtitle{font-size:clamp(16px,3vw,20px);font-weight:500;color:var(--text-2);margin-top:6px;letter-spacing:-0.01em;}.streak-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.3);color:#fbbf24;padding:6px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;backdrop-filter:var(--glass-backdrop);box-shadow:0 4px 15px rgba(245,158,11,0.15);margin-bottom:12px;}.tip-card{display:flex;align-items:center;gap:14px;background:rgba(30,41,59,0.5);border:1px solid var(--border);backdrop-filter:var(--glass-backdrop);border-radius:16px;padding:12px 20px;max-width:580px;width:100%;box-shadow:0 8px 30px rgba(0,0,0,0.2);transition:transform 0.25s ease,border-color 0.25s ease;}.tip-card:hover{transform:translateY(-2px);border-color:var(--border-glow);}.tip-card .tip-icon{font-size:24px;line-height:1;}.tip-card .tip-label{font-size:11px;text-transform:uppercase;letter-spacing:0.08em;font-weight:700;color:#818cf8;display:block;margin-bottom:2px;}.tip-card .tip-text{font-size:13px;color:var(--text-2);line-height:1.45;}.suggestion-card-v2{display:flex;align-items:center;gap:12px;background:rgba(30,41,59,0.6);border:1px solid var(--border);backdrop-filter:var(--glass-backdrop);border-radius:18px;padding:14px 20px;font-size:14px;font-family:var(--font);font-weight:500;color:var(--text-1);text-align:left;cursor:pointer;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;flex:1 1 auto;min-width:200px;max-width:280px;box-shadow:0 4px 20px rgba(0,0,0,0.15);}html[data-theme="light"] .suggestion-card-v2{background:rgba(255,255,255,0.85);border-color:rgba(0,0,0,0.08);box-shadow:0 4px 15px rgba(0,0,0,0.04);}.suggestion-card-v2::before{content:'';position:absolute;inset:0;background:var(--brand-gradient);opacity:0;transition:opacity 0.3s ease;border-radius:inherit;}.suggestion-card-v2:hover{border-color:rgba(99,102,241,0.45);transform:translateY(-4px) scale(1.015);box-shadow:0 12px 32px rgba(99,102,241,0.22);}.suggestion-card-v2:hover::before{opacity:0.12;}.suggestion-card-v2:active{transform:translateY(0) scale(0.98);}.suggestion-card-v2 .sc-icon{font-size:24px;flex-shrink:0;line-height:1;}.suggestion-card-v2 .sc-text{font-size:13.5px;font-weight:500;line-height:1.4;color:var(--text-1);flex:1;}.suggestion-card-v2 .sc-arrow{margin-left:auto;font-size:18px;color:var(--text-3);transition:transform 0.25s ease,color 0.25s ease;flex-shrink:0;}.suggestion-card-v2:hover .sc-arrow{transform:translateX(4px);color:var(--accent);}.suggestion-pills-v2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:860px;margin:24px auto 0 !important;padding:0 16px;}@media (max-width:768px){.suggestion-card-v2{min-width:150px;padding:10px 14px;}.suggestion-pills-v2{gap:8px;}}.wave-loader{display:flex;align-items:center;gap:10px;padding:4px 2px;}.wave-loader .wave-dots{display:flex;align-items:center;gap:4px;}.wave-loader .wave-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:waveBounce 1.2s ease-in-out infinite;}.wave-loader .wave-dot:nth-child(2){animation-delay:0.15s;}.wave-loader .wave-dot:nth-child(3){animation-delay:0.30s;}@keyframes waveBounce{0%,60%,100%{transform:translateY(0);opacity:0.5;}30%{transform:translateY(-6px);opacity:1;}}.wave-loader .wave-stage{font-size:13.5px;font-weight:500;color:var(--text-2);}.saathi-avatar-wrap{position:relative;width:80px;height:80px;margin:0 auto 20px;animation:avatarDrop 0.6s cubic-bezier(0.34,1.56,0.64,1) both;}.saathi-avatar-ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#4285f4);animation:ringRotate 3s linear infinite;}.saathi-avatar-ring::after{content:'';position:absolute;inset:3px;background:var(--bg);border-radius:50%;}.saathi-avatar-inner{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4285f4 0%,#9b72cb 50%,#d96570 100%);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 8px 24px rgba(99,102,241,0.35);}.saathi-pulse{position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(99,102,241,0.3);animation:saathiPulse 2s ease-out infinite;pointer-events:none;}@keyframes saathiPulse{0%{transform:scale(0.9);opacity:0.6;}100%{transform:scale(1.4);opacity:0;}}@keyframes ringRotate{to{transform:rotate(360deg);}}@keyframes avatarDrop{from{opacity:0;transform:scale(0.5) translateY(-20px);}to{opacity:1;transform:scale(1) translateY(0);}}.saathi-starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;max-width:480px;width:100%;}.saathi-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;cursor:pointer;transition:all 0.22s cubic-bezier(0.2,0,0,1);text-align:left;font-family:var(--font);}html[data-theme="light"] .saathi-card{background:#fff;border-color:#e5e7eb;}.saathi-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px rgba(99,102,241,0.14);}.saathi-card:active{transform:scale(0.97);}.saathi-card .sc-emoji{font-size:24px;line-height:1;}.saathi-card .sc-title{font-size:13px;font-weight:600;color:var(--text-1);line-height:1.3;}.saathi-card .sc-sub{font-size:11.5px;color:var(--text-3);line-height:1.3;}@media (max-width:480px){.saathi-starter-grid{gap:8px;}.saathi-card{padding:12px;}}.input-wrapper-pill:focus-within{box-shadow:0 0 0 2px rgba(99,102,241,0.25),0 4px 20px rgba(99,102,241,0.1);}.reaction-bar{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap;}.reaction-btn{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:50px;padding:3px 10px;font-size:14px;cursor:pointer;transition:all 0.18s;color:var(--text-2);font-family:var(--font);}.reaction-btn:hover{background:var(--surface);border-color:var(--accent);transform:scale(1.1);}.reaction-btn.reacted{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.35);color:var(--accent);}.saathi-copy-box{position:relative;background:rgba(15,23,42,0.85);border:1px solid rgba(99,102,241,0.25);border-radius:14px;padding:16px 18px;margin:14px 0;backdrop-filter:var(--glass-backdrop);}html[data-theme="light"] .saathi-copy-box{background:#f8fafc;border-color:#cbd5e1;}.saathi-copy-btn{position:absolute;top:10px;right:10px;background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.35);color:var(--accent);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:4px;}.saathi-copy-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px);}.saathi-actions-row{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap;}.saathi-action-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(30,41,59,0.7);border:1px solid var(--border);color:var(--text-1);padding:7px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);backdrop-filter:var(--glass-backdrop);}html[data-theme="light"] .saathi-action-btn{background:#f1f5f9;border-color:#cbd5e1;}.saathi-action-btn:hover{background:rgba(99,102,241,0.18);border-color:rgba(99,102,241,0.4);color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px rgba(99,102,241,0.15);}.saathi-tool-card{display:flex;align-items:center;gap:12px;background:rgba(15,23,42,0.6);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:12px 16px;margin:12px 0;transition:all 0.25s ease;}.saathi-tool-card:hover{border-color:rgba(99,102,241,0.4);box-shadow:0 8px 28px rgba(0,0,0,0.25);}.instant-generators-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px;overflow-x:auto;max-width:800px;width:100%;padding:2px 4px;scrollbar-width:none;}.instant-generators-bar::-webkit-scrollbar{display:none;}.instant-gen-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(30,41,59,0.65);border:1px solid var(--border);color:var(--text-1);padding:6px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);backdrop-filter:var(--glass-backdrop);}html[data-theme="light"] .instant-gen-pill{background:#f1f5f9;border-color:#cbd5e1;}.instant-gen-pill:hover{background:rgba(99,102,241,0.2);border-color:rgba(99,102,241,0.45);color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px rgba(99,102,241,0.15);}.daily-challenge-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,rgba(236,72,153,0.15) 0%,rgba(139,92,246,0.15) 100%);border:1px solid rgba(236,72,153,0.3);border-radius:18px;padding:14px 20px;max-width:580px;width:100%;margin:12px 0;backdrop-filter:var(--glass-backdrop);box-shadow:0 8px 24px rgba(236,72,153,0.15);}.daily-challenge-title{font-size:14px;font-weight:700;color:#f472b6;margin-bottom:2px;}.daily-challenge-sub{font-size:12.5px;color:var(--text-2);}.daily-challenge-btn{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform 0.2s,box-shadow 0.2s;}.daily-challenge-btn:hover{transform:scale(1.04);box-shadow:0 6px 20px rgba(236,72,153,0.4);}.community-tags-filter{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;}.comm-tag-btn{background:rgba(30,41,59,0.5);border:1px solid var(--border);color:var(--text-2);padding:6px 14px;border-radius:var(--radius-pill);font-size:12.5px;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;}.comm-tag-btn.active,.comm-tag-btn:hover{background:rgba(99,102,241,0.2);border-color:rgba(99,102,241,0.4);color:var(--text-1);}.community-vault-list{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;}.community-prompt-card{background:rgba(15,23,42,0.7);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:border-color 0.2s;}.community-prompt-card:hover{border-color:rgba(99,102,241,0.4);}.cp-header{display:flex;align-items:center;justify-content:space-between;}.cp-tag{font-size:11px;font-weight:700;color:var(--accent);background:rgba(59,130,246,0.12);padding:2px 8px;border-radius:6px;}.cp-likes{font-size:12px;color:#f472b6;font-weight:600;}.cp-text{font-size:13.5px;color:var(--text-1);line-height:1.45;}.cp-action-btn{align-self:flex-end;background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.3);color:var(--accent);padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.cp-action-btn:hover{background:var(--accent);color:#fff;}.streak-reward-card{background:linear-gradient(135deg,rgba(245,158,11,0.12) 0%,rgba(217,119,6,0.12) 100%);border:1px solid rgba(245,158,11,0.35);border-radius:16px;padding:16px;text-align:center;margin-bottom:16px;}.streak-level-title{font-size:18px;font-weight:700;color:#fbbf24;margin-bottom:4px;}.streak-level-sub{font-size:13px;color:var(--text-2);}.pwa-install-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0b0f19 !important;border:1px solid rgba(99,102,241,0.4);backdrop-filter:blur(20px);border-radius:18px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:9999;box-shadow:0 12px 35px rgba(0,0,0,0.5);max-width:480px;width:90%;}.pwa-banner-left{display:flex;align-items:center;gap:12px;}.pwa-app-icon{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,0.3);}.pwa-app-title{font-size:14.5px;font-weight:700;color:#ffffff !important;margin:0 0 2px 0;}.pwa-app-desc{font-size:12px;color:rgba(255,255,255,0.8) !important;margin:0;}.pwa-banner-actions{display:flex;align-items:center;gap:8px;}.pwa-install-btn{background:var(--send-active);color:#fff !important;border:none;padding:7px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px rgba(99,102,241,0.35);}.pwa-dismiss-btn{background:none;border:none;color:rgba(255,255,255,0.7) !important;font-size:18px;cursor:pointer;transition:color 0.2s ease;}.pwa-dismiss-btn:hover{color:#ffffff !important;}.reaction-btn .reaction-count{font-size:11px;font-weight:600;min-width:12px;}.quick-reaction-popup{display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:50px;padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px rgba(0,0,0,0.2);z-index:50;opacity:0;transform:translateY(6px) scale(0.9);pointer-events:none;transition:all 0.18s cubic-bezier(0.34,1.56,0.64,1);white-space:nowrap;}.quick-reaction-popup.show{opacity:1;transform:translateY(0) scale(1);pointer-events:all;}.quick-reaction-popup button{background:none;border:none;font-size:20px;cursor:pointer;transition:transform 0.15s;padding:2px;line-height:1;}.quick-reaction-popup button:hover{transform:scale(1.3);}@keyframes msgSlideUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@keyframes msgSlideRight{from{opacity:0;transform:translateX(10px);}to{opacity:1;transform:translateX(0);}}.message.ai{animation:msgSlideUp 0.35s cubic-bezier(0.2,0.8,0.2,1) both;}.message.user{animation:msgSlideRight 0.3s cubic-bezier(0.2,0.8,0.2,1) both;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important;}}.web-smart-banner{position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-1,#ffffff);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border,rgba(0,0,0,0.08));box-shadow:0 4px 20px rgba(0,0,0,0.08);display:flex;align-items:center;padding:8px 12px;z-index:10000;font-family:'Outfit',sans-serif;box-sizing:border-box;opacity:0;transform:translateY(-100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease;}.web-smart-banner.visible{opacity:1;transform:translateY(0);}.web-banner-close{background:none;border:none;color:var(--text-2,#64748b);font-size:24px;font-weight:300;cursor:pointer;width:36px;height:36px;margin-right:4px;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;}.web-banner-icon-container{width:40px;height:40px;border-radius:10px;background:var(--bg-3,#f1f5f9);display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;border:1px solid var(--border,rgba(0,0,0,0.05));overflow:hidden;}.web-banner-icon{width:100%;height:100%;object-fit:cover;}.web-banner-info{flex:1;min-width:0;}.web-banner-title{font-size:13px;font-weight:600;color:var(--text-1,#0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.web-banner-stars{color:#f59e0b;font-size:10px;margin-top:1px;line-height:1;}.web-banner-subtitle{font-size:10px;color:var(--text-2,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;}.web-banner-btn{background-color:#01875f;color:#ffffff !important;text-decoration:none;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;letter-spacing:0.3px;transition:background-color 0.2s,transform 0.2s;flex-shrink:0;box-shadow:0 2px 4px rgba(1,135,95,0.2);}.web-banner-btn:hover{background-color:#00704e;transform:scale(1.03);}body.has-web-smart-banner .chat-interface{padding-top:64px;transition:padding-top 0.25s ease;}.chat-history-load-more{width:calc(100% - 16px);margin:8px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-1);font:inherit;font-size:13px;font-weight:600;cursor:pointer;}.chat-history-load-more:hover,.chat-history-load-more:focus-visible{border-color:#818cf8;outline:none;}.speak-btn.speaking{color:#6366f1 !important;animation:ttsPulse 1.2s infinite ease-in-out;}@keyframes ttsPulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.15);opacity:0.7;}100%{transform:scale(1);opacity:1;}}.lang-chips-bar{display:flex;align-items:center;gap:6px;margin-bottom:8px;width:100%;overflow-x:auto;padding-bottom:4px;}.lang-chip{background:var(--surface-2,rgba(255,255,255,0.06));border:1px solid var(--border,rgba(255,255,255,0.1));color:var(--text-2,#a1a1aa);padding:4px 10px;border-radius:14px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;}.lang-chip:hover,.lang-chip.active{background:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.4);color:#818cf8;}.header-streak-badge{display:flex;align-items:center;gap:4px;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.3);color:#f59e0b;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:700;cursor:default;}.streak-fire{font-size:14px;animation:fireBounce 1.5s infinite alternate;}@keyframes fireBounce{0%{transform:translateY(0) scale(1);}100%{transform:translateY(-2px) scale(1.15);}}.prompt-builder-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:all 0.25s ease;}.prompt-builder-overlay.show{opacity:1;visibility:visible;}.prompt-builder-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-45%) scale(0.95);width:90%;max-width:460px;background:var(--surface,#1e1e24);border:1px solid var(--border,rgba(255,255,255,0.12));border-radius:16px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,0.4);z-index:9999;opacity:0;visibility:hidden;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);color:var(--text-1,#f4f4f5);}.prompt-builder-modal.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}.pbm-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border,rgba(255,255,255,0.1));}.pbm-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;}.pbm-close{background:none;border:none;color:var(--text-2,#a1a1aa);cursor:pointer;padding:4px;}.pbm-desc{font-size:13px;color:var(--text-2,#a1a1aa);margin:12px 0 16px 0;}.pbm-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}.pbm-field label{font-size:12px;font-weight:600;color:var(--text-1,#e4e4e7);}.pbm-field select,.pbm-field input{width:100%;padding:10px 12px;background:var(--surface-2,rgba(255,255,255,0.05));border:1px solid var(--border,rgba(255,255,255,0.15));border-radius:8px;color:var(--text-1,#fff);font-size:13px;outline:none;}.pbm-field select:focus,.pbm-field input:focus{border-color:#f59e0b;}.pbm-generate-btn{width:100%;padding:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 4px 12px rgba(245,158,11,0.3);transition:transform 0.2s ease;}.pbm-generate-btn:hover{transform:translateY(-2px);}.vault-item-card{background:var(--surface-2,rgba(255,255,255,0.04));border:1px solid var(--border,rgba(255,255,255,0.1));border-radius:10px;padding:12px;margin-bottom:10px;}.vault-item-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-2,#a1a1aa);margin-bottom:6px;}.vault-remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;}.vault-item-text{font-size:13px;line-height:1.4;margin-bottom:10px;color:var(--text-1,#f4f4f5);}.vault-use-btn{background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.4);color:#818cf8;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}.floating-ai-fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 6px 20px rgba(99,102,241,0.4);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;transition:transform 0.2s ease,box-shadow 0.2s ease;}.floating-ai-fab:hover{transform:scale(1.08);box-shadow:0 8px 24px rgba(99,102,241,0.6);}.article-card{position:relative !important;}.card-share-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.65);backdrop-filter:blur(4px);color:#ffffff !important;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform 0.2s ease,background-color 0.2s ease;padding:0;}.card-share-btn:hover,.card-share-btn:active{background:#6366f1;transform:scale(1.1);}.card-share-btn .material-symbols-outlined{font-size:16px;color:#ffffff;}.live-trending-ticker{background:linear-gradient(90deg,rgba(99,102,241,0.12),rgba(168,85,247,0.12));border-bottom:1px solid rgba(168,85,247,0.2);padding:6px 16px;font-size:12px;font-weight:500;color:var(--text-1,#e4e4e7);display:flex;align-items:center;gap:8px;justify-content:center;animation:fadeIn 0.4s ease;}.ticker-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulseDot 1.5s infinite;}@keyframes pulseDot{0%{opacity:0.4;transform:scale(0.9);}50%{opacity:1;transform:scale(1.2);}100%{opacity:0.4;transform:scale(0.9);}}.header-level-badge{display:flex;align-items:center;gap:4px;background:rgba(168,85,247,0.12);border:1px solid rgba(168,85,247,0.3);color:#c084fc;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:700;cursor:default;}.level-star{font-size:13px;}.surprise-btn{background:rgba(168,85,247,0.1) !important;border:1px solid rgba(168,85,247,0.3) !important;transition:transform 0.2s ease,background-color 0.2s ease;}.surprise-btn:hover{background:rgba(168,85,247,0.25) !important;transform:scale(1.1) rotate(15deg);}.smart-followup-container{margin-top:12px;padding:12px;background:var(--surface-2,rgba(255,255,255,0.03));border:1px solid var(--border,rgba(255,255,255,0.08));border-radius:12px;animation:slideUpFade 0.3s ease;}.sf-header{font-size:11px;font-weight:600;color:var(--text-2,#a1a1aa);margin-bottom:8px;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:0.5px;}.sf-chips-list{display:flex;flex-wrap:wrap;gap:8px;}.sf-chip{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(168,85,247,0.1));border:1px solid rgba(168,85,247,0.25);color:var(--text-1,#f4f4f5);padding:8px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.sf-chip:hover,.sf-chip:active{background:linear-gradient(135deg,rgba(99,102,241,0.3),rgba(168,85,247,0.3));border-color:#a855f7;transform:translateY(-2px);box-shadow:0 4px 14px rgba(168,85,247,0.3);}@keyframes slideUpFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.public-api-card{background:rgba(99,102,241,0.05);border:1px solid rgba(99,102,241,0.25);border-radius:12px;padding:14px 16px;margin:12px 0;transition:all 0.22s ease;font-family:inherit;}html[data-theme="light"] .public-api-card{background:#f8fafc;border-color:#cbd5e1;}.public-api-card:hover{border-color:var(--accent,#6366f1);box-shadow:0 6px 20px rgba(99,102,241,0.16);transform:translateY(-2px);}.public-api-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap;}.public-api-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:0.5px;text-transform:uppercase;}.public-api-category{font-size:11px;font-weight:600;color:var(--accent,#6366f1);background:rgba(99,102,241,0.12);padding:3px 9px;border-radius:6px;}.public-api-title{font-size:15px;font-weight:700;color:var(--text-1,#1e293b);margin-bottom:4px;}.public-api-title a{color:var(--text-1,#1e293b);text-decoration:none;}.public-api-title a:hover{color:var(--accent,#6366f1);text-decoration:underline;}.public-api-desc{font-size:13px;color:var(--text-2,#475569);margin:4px 0 10px 0;line-height:1.45;}.public-api-meta{display:flex;gap:12px;font-size:11.5px;color:var(--text-3,#64748b);flex-wrap:wrap;margin-bottom:12px;}.public-api-link-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#ffffff !important;font-size:12px;font-weight:600;padding:7px 15px;border-radius:8px;text-decoration:none !important;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(99,102,241,0.25);}.public-api-link-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px rgba(99,102,241,0.4);transform:translateY(-1px);}.saathi-actions-row{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:4px;}.saathi-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);color:var(--text-3,#94a3b8);cursor:pointer;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);}html[data-theme="light"] .saathi-action-btn{background:#f1f5f9;border-color:#cbd5e1;color:#64748b;}.saathi-action-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:var(--text-1,#f8fafc);transform:translateY(-1px);}html[data-theme="light"] .saathi-action-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#0f172a;}.saathi-action-btn.active{color:#60a5fa !important;background:rgba(99,102,241,0.18) !important;border-color:rgba(99,102,241,0.4) !important;}.saathi-action-btn .material-symbols-outlined{font-size:17px;line-height:1;}