.message-actions{display:flex;gap:8px}.copy-button{background:none;border:none;cursor:pointer;padding:5px;margin-right:10px;transition:transform .3s ease}.copy-button:hover{transform:scale(1.1)}.copy-button svg{width:20px;height:20px;fill:#888}.message-content{line-height:1.6;white-space:pre-wrap}.message-content b{font-weight:700}.message-content i{font-style:italic}.message-content ul,.message-content ol{padding-left:1.5em;margin:.5em 0}.message-content code{background-color:#272727;padding:.2em .4em;border-radius:4px;font-family:monospace}.speak-button{position:relative;background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:left;justify-content:left;margin-left:10px;transition:transform .3s ease}.speak-button:hover{transform:scale(1.1)}.speak-button svg{width:24px;height:24px;fill:#888;transition:fill .3s ease}.speak-button.speaking svg{fill:#f44}.speak-button.loading svg{animation:spin 1s linear infinite}.speak-button:active{transform:scale(.95)}.input-container{position:relative;bottom:1.5rem;left:50%;transform:translate(-50%);width:100%;max-width:800px;z-index:100}.input-wrapper{display:flex;align-items:flex-end;gap:.75rem;padding:1rem 1.25rem;background:#fffffff2;border-radius:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d;transition:all .2s ease}.input-wrapper:focus-within{border-color:#0000001f;box-shadow:0 25px 35px -5px #00000026,0 15px 15px -5px #0000000f,0 0 0 1px #ffffff1a}.chat-input{flex-grow:1;min-height:24px;max-height:120px;background:transparent;border:none;padding:0;font-size:16px;font-weight:400;line-height:1.5;resize:none;overflow-y:auto;outline:none;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-input:empty:before{content:attr(data-placeholder);color:#9ca3af;font-weight:400;pointer-events:none}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-track{background:transparent}.chat-input::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.image-upload{position:relative;display:flex;align-items:center}.image-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:18px;border:none;background:transparent;cursor:pointer;color:#6b7280;transition:all .15s ease}.image-button:hover{background-color:#0000000d;color:#374151;transform:scale(1.05)}.image-button:active{transform:scale(.95)}.image-preview{position:absolute;bottom:calc(100% + 12px);right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:8px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(0,0,0,.08)}.image-preview img{height:48px;width:48px;object-fit:cover;border-radius:8px}.image-preview button{width:24px;height:24px;border-radius:12px;border:none;background:#0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;transition:all .15s ease}.image-preview button:hover{background:#00000026;color:#374151}.mic-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:18px;border:none;background:transparent;cursor:pointer;color:#6b7280;transition:all .15s ease}.mic-button:hover{background-color:#0000000d;color:#374151;transform:scale(1.05)}.mic-button:active{transform:scale(.95)}.mic-button.listening{background:#ef44441a;color:#dc2626}.mic-button.listening:hover{background:#ef444426}.send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.send-button:disabled{background:#0000000d;color:#9ca3af;cursor:not-allowed}.send-button:not(:disabled){background:linear-gradient(135deg,#000,#1f2937);color:#fff;box-shadow:0 4px 12px #00000026}.send-button:not(:disabled):hover{transform:scale(1.1);box-shadow:0 6px 20px #0003;background:linear-gradient(135deg,#1f2937,#374151)}.send-button:not(:disabled):active{transform:scale(.95)}.send-button svg{width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.send-button:not(:disabled):hover svg{transform:translate(1px) translateY(-1px)}.send-button.sending{animation:sendPulse 1.5s ease-in-out infinite}.send-button.sending svg{animation:sendRotate 1s linear infinite}.disclaimer{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);font-size:12px;color:#6b7280;text-align:center;white-space:nowrap;opacity:.8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){.input-wrapper{background:#28292bf2;border-color:#ffffff1a;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #0000001a,0 0 0 1px #ffffff0d}.input-wrapper:focus-within{border-color:#141414e5;box-shadow:0 25px 35px -5px #0000004d,0 15px 15px -5px #00000026,0 0 0 1px #ffffff1a}.chat-input{color:#f9fafb}.chat-input:empty:before{color:#6b7280}.chat-input::-webkit-scrollbar-thumb{background:#fff3}.image-button{color:#9ca3af}.image-button:hover{background-color:#ffffff0d;color:#d1d5db}.image-preview{background:#1f2937f2;border-color:#ffffff1a}.image-preview button{background:#ffffff1a;color:#9ca3af}.image-preview button:hover{background:#ffffff26;color:#d1d5db}.mic-button{color:#9ca3af}.mic-button:hover{background-color:#ffffff0d;color:#d1d5db}.send-button:disabled{background:#ffffff0d;color:#6b7280}.send-button:not(:disabled){background:linear-gradient(135deg,#fff,#f3f4f6);color:#000;box-shadow:0 4px 12px #ffffff1a}.send-button:not(:disabled):hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 6px 20px #ffffff26}.disclaimer{color:#9ca3af}}@media (max-width: 768px){.input-container{width:95%;bottom:1rem}.input-wrapper{padding:.75rem 1rem;gap:.5rem}.image-button,.mic-button{width:32px;height:32px;border-radius:16px}.send-button{width:36px;height:36px;border-radius:18px}.send-button svg{width:18px;height:18px}.chat-input{font-size:16px}.disclaimer{font-size:11px;top:calc(100% + 6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes sendPulse{0%,to{box-shadow:0 4px 12px #00000026,0 0 #0000004d}50%{box-shadow:0 6px 20px #0003,0 0 0 8px #0000001a}}@keyframes sendRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mic-button.listening svg{animation:pulse 1.5s ease-in-out infinite}.sidebar{position:relative;overflow-x:hidden;width:260px;background-color:#161618;border-right:1px solid #333333;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.36,-.01,0,.77)}.sidebar.collapsed{width:60px}.logo-container{display:flex;align-items:center;gap:10px}.logo-image{width:32px;height:32px;object-fit:contain}.collapse-button{position:fixed;left:12px;bottom:20px;width:24px;height:24px;background:#363636;border:2px solid #4fcdf9;border-radius:25px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:0;transition:transform .3s ease}.sidebar.collapsed .collapse-button{transform:rotate(-90deg)}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .chat-list,.sidebar.collapsed .team-invite-section{opacity:0;pointer-events:none}.sidebar-header,.chat-list,.team-invite-section{transition:opacity .2s ease;opacity:1}.chat-item-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile{transition:opacity .2s ease}.sidebar-header{padding:20px;border-bottom:1px solid #1a1919;display:flex;flex-direction:column;gap:16px}.logo-text{font-weight:600;font-size:18px;color:#fff}.user-profile{display:flex;align-items:center;gap:12px;padding:8px;background-color:#2a2b2d;border-radius:8px}.user-avatar{width:32px;height:32px;border-radius:50%}.user-info{flex:1;display:flex;flex-direction:column;gap:4px}.user-name{color:#fff;font-size:14px;font-weight:500}.logout-button{background:none;border:none;color:#9ca3af;font-size:12px;cursor:pointer;padding:0;text-align:left}.logout-button:hover{color:#fff}.login-container{display:flex;background-color:#161618;justify-content:center}.new-chat-button{width:100%;padding:10px;background-color:#68d4fc;color:#202020;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s}.new-chat-button:hover{background-color:#23baf1}.navigation-tabs{padding:8px 0;border-bottom:1px solid#1a1919}.nav-item-container{position:relative}.nav-item{display:flex;align-items:center;width:100%;padding:10px 16px;gap:12px;background:transparent;border:none;color:#9ca3af;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.nav-item:hover{background-color:#2a2b2d;color:#fff}.nav-item.active{color:#fff;background-color:#2a2b2d;border-left:2px solid #4FCDF9}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-item-text{display:none}.library-submenu{padding-left:36px;margin-bottom:8px}.submenu-item{padding:6px 0;color:#9ca3af;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-item:hover{color:#fff}.chat-list{flex:1;overflow-y:auto;padding:12px}.recent-chats-title{color:#9ca3af;font-size:12px;font-weight:500;text-transform:uppercase;margin-bottom:8px;padding-left:8px}.chat-item{padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#9ca3af;transition:background-color .3s;margin-bottom:4px}.chat-item:hover{background-color:#2a2b2d}.chat-item.active{background-color:#2a2b2d;color:#fff}.chat-item-content{display:flex;align-items:center;gap:8px;flex:1}.chat-item svg{width:20px;height:20px;opacity:.7}.delete-chat-button{opacity:0;background:none;border:none;align-items:flex-end;color:#9ca3af;cursor:pointer;padding:4px;transition:opacity .3s,color .3s}.chat-item:hover .delete-chat-button{opacity:1}.delete-chat-button:hover{color:#ef4444}.sidebar.collapsed .nav-item-text,.sidebar.collapsed .logo-text,.sidebar.collapsed .user-info,.sidebar.collapsed .recent-chats-title,.sidebar.collapsed .submenu-item{display:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .chat-item-content{justify-content:center;padding:10px 0;gap:0}.sidebar.collapsed .new-chat-button,.sidebar.collapsed .team-invite-section,.sidebar.collapsed .login-container,.sidebar.collapsed .user-profile{display:none}@media (max-width: 768px){.sidebar{width:100%;height:auto;flex-direction:column;position:fixed;bottom:0;left:0;z-index:100}.sidebar.collapsed{height:60px}.navigation-tabs{display:flex;justify-content:space-around;border-bottom:none}.library-submenu,.team-invite-section,.collapse-button{display:none}}.team-invite-section{transition:opacity .3s ease-in-out}.team-invite-section.hiding{opacity:0}.team-invite-section{padding:16px;margin-bottom:50px;background-color:#2a2b2d;border-radius:8px}.invite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.invite-header span{font-weight:500;font-size:14px;color:#fff}.close-invite{background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.close-invite:hover{color:#fff}.invite-text{font-size:13px;color:#9ca3af;margin-bottom:12px}.learn-more-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;background-color:#3a3b3d;border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.learn-more-button:hover{background-color:#4b4dff}.model-dropdown{position:relative;display:inline-block;font-family:Segoe UI,Arial,sans-serif}.model-dropdown-btn{display:flex;align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 16px;cursor:pointer;min-width:180px;transition:border-color .2s;box-shadow:0 1px 4px #00000012;font-size:16px;gap:10px}.model-dropdown-btn.active,.model-dropdown-btn:hover{border-color:#6366f1;background:#f3f4f6}.dropdown-arrow{margin-left:auto;width:20px;height:20px;transition:transform .2s}.model-dropdown-content{display:none;position:absolute;z-index:20;top:110%;left:0;right:0;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0000001a;margin-top:6px;padding:4px 0;transition:opacity .2s;opacity:0;pointer-events:none}.model-option{display:flex;align-items:flex-start;gap:10px;padding:10px 18px;cursor:pointer;transition:background .15s}.model-option:hover{background:#f3f4f6}.model-option.selected{background:#e0e7ff;font-weight:600}.model-name{font-size:16px;color:#1f2937}.model-description{font-size:13px;color:#6b7280;margin-top:2px}.app-container{display:flex;height:100vh;background-color:#161618}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.chat-header h1{font-size:20px;margin:0;color:#fff}.model-dropdown{position:relative;display:inline-block;min-width:150px}.model-dropdown-btn{display:flex;align-items:center;background:#232324;border:1.5px solid #303030;border-radius:6px;padding:8px 12px;cursor:pointer;color:#fff;font-size:14px;gap:8px;min-width:150px;transition:border-color .2s,background .2s}.model-dropdown-btn.active,.model-dropdown-btn:hover{border-color:#68d4fc;background:#28282a}.dropdown-arrow{margin-left:auto;width:16px;height:16px;transition:transform .2s}.model-dropdown-btn.active .dropdown-arrow{transform:rotate(180deg)}.model-dropdown-content{display:none;position:absolute;z-index:100;top:110%;left:0;right:0;background:#232324;border:1.5px solid #303030;border-radius:8px;box-shadow:0 8px 24px #0000002e;margin-top:6px;padding:4px 0;transition:opacity .2s;opacity:0;pointer-events:none}.model-dropdown-content.show{display:block;opacity:1;pointer-events:auto}.model-option{display:flex;align-items:flex-start;gap:8px;padding:8px 14px;cursor:pointer;transition:background .15s;color:#fff;background:none;border:none;width:100%;text-align:left}.model-option:hover{background:#363638}.model-option.selected{background:#363638;font-weight:600}.model-icon{font-size:22px;margin-right:6px;display:flex;align-items:center}.model-info{display:flex;flex-direction:column}.model-name{font-size:14px;color:#fff}.model-description{font-size:12px;color:#9ca3af;margin-top:2px}@media (max-width: 600px){.model-dropdown,.model-dropdown-btn,.model-dropdown-content{width:100%;min-width:unset}}@media (max-width: 600px){.model-selector{flex-wrap:wrap;gap:6px}.model-option{font-size:14px;padding:7px 10px}}.chat-messages{flex:1;margin-left:10%;margin-right:10%;flex-direction:column;max-height:calc(100vh - 120px);overflow-x:hidden;overflow-y:auto;padding:30px 20px;margin-bottom:20px}.chat-messages::-webkit-scrollbar{display:none}.chat-messages{overflow:scroll;scrollbar-width:none}.message{margin-bottom:24px}.message.user-message{margin-left:auto;margin-right:30px;width:fit-content;border-radius:8px 8px 1px}.message.bot-message{margin-left:30px;margin-right:auto;max-width:70%}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.message-role{font-size:14px;color:#ffffffa8;display:flex;align-items:center;gap:6px}.message-role svg{width:16px;height:16px}.copy-button{background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;opacity:0;transition:opacity .3s}.message:hover .copy-button{opacity:1}.copy-button:hover{color:#fff}.message-content{padding:16px;border-radius:18px;line-height:1.5;width:fit-content;color:#e2e1d9}.user-message .message-content{background-color:#303030;max-width:700px;border-radius:16px 16px 1px}.bot-message .message-content{background-color:#0000;border-radius:16px 16px 16px 1px}.message-content p{margin:.5em 0}.message-content ul{margin:.5em 0;padding-left:20px}.message-content code{background:#69696900;padding:2px 4px;border-radius:4px;font-family:monospace}.message-content pre{background:#303030;border:#292929 1px solid;padding:8px;border-radius:15px;overflow-x:auto}.message-content strong{font-weight:700}.message-content em{font-style:italic}.message-image{width:200px;height:auto;margin-top:12px;border-radius:8px}.thinking-indicator{display:flex;align-items:center;gap:12px}.thinking-icon svg{width:24px;height:24px}.thinking-text{color:#9ca3af;font-size:14px}@media (max-width: 768px){.chat-header{flex-direction:column;gap:12px}.model-dropdown{width:100%}.model-dropdown-btn{width:100%;justify-content:space-between}.model-dropdown-content{width:100%;right:auto;left:0}.chat-messages{padding:20px 10px}.message.bot-message{max-width:85%}}.typed-cursor{opacity:1;-webkit-animation:typedjsBlink .7s infinite;animation:typedjsBlink .7s infinite}@keyframes typedjsBlink{50%{opacity:0}}@-webkit-keyframes typedjsBlink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.weather-widget{position:relative;display:inline-block}.weather-pill{background:#374151;color:#fff;border:none;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;min-width:80px;justify-content:center}.weather-pill:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.weather-pill.expanded{background:#4b5563}.weather-pill.loading{background:#6b7280;cursor:not-allowed}.weather-pill.error{background:#dc2626}.weather-pill.updating{animation:pulse 2s infinite}.pill-icon{font-size:16px;line-height:1}.pill-temp{font-size:14px;font-weight:600}.pill-spinner{width:14px;height:14px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner{width:4px;height:4px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.weather-expanded{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;animation:slideIn .2s ease-out}.weather-widget.header-widget .weather-expanded{top:calc(100% + 8px);right:0}.weather-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 20px 40px #00000026;border:1px solid rgba(255,255,255,.2);width:320px;padding:20px;color:#1f2937}@media (prefers-color-scheme: dark){.weather-card{background:#111827f2;color:#f9fafb;border:1px solid rgba(55,65,81,.3)}}.weather-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.location-info{display:flex;align-items:center;gap:8px}.location-icon{font-size:16px;color:#3b82f6}.location-details{display:flex;flex-direction:column}.location-name{font-weight:600;font-size:14px;line-height:1.2}.location-region{font-size:12px;color:#6b7280;line-height:1.2}.weather-actions{display:flex;gap:4px}.action-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;color:#6b7280;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.action-btn:hover{color:#374151}.action-btn.updating{animation:spin 1s linear infinite}.close-btn:hover{color:#dc2626}.current-weather{margin-bottom:20px}.weather-main{display:flex;align-items:center;gap:16px;margin-bottom:8px}.weather-icon-large{font-size:48px;line-height:1}.temperature-info{display:flex;flex-direction:column}.current-temp{font-size:32px;font-weight:700;line-height:1;color:#1f2937}@media (prefers-color-scheme: dark){.current-temp{color:#f9fafb}}.feels-like{font-size:12px;color:#71adfa;margin-top:4px}.weather-condition{text-align:right}.condition-text{font-size:14px;font-weight:500;color:#374151}@media (prefers-color-scheme: dark){.condition-text{color:#d1d5db}}.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#f9fafb;border-radius:8px;text-align:center}@media (prefers-color-scheme: dark){.detail-item{background:#374151}}.detail-icon{font-size:16px}.detail-label{font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.detail-value{font-size:12px;font-weight:600;color:#1f2937}@media (prefers-color-scheme: dark){.detail-value{color:#f9fafb}}.weather-forecast{border-top:1px solid #e5e7eb;padding-top:16px}@media (prefers-color-scheme: dark){.weather-forecast{border-top-color:#374151}}.forecast-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.forecast-list{display:flex;flex-direction:column;gap:8px}.forecast-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:8px}@media (prefers-color-scheme: dark){.forecast-item{background:#374151}}.forecast-info{display:flex;align-items:center;gap:8px}.forecast-icon{font-size:20px}.forecast-details{display:flex;flex-direction:column}.forecast-day{font-size:12px;font-weight:600;color:#1f2937}@media (prefers-color-scheme: dark){.forecast-day{color:#f9fafb}}.forecast-condition{font-size:10px;color:#d8d5d5}.forecast-temps{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.temp-high{font-size:12px;font-weight:600;color:#1f2937}@media (prefers-color-scheme: dark){.temp-high{color:#f9fafb}}.temp-low{font-size:10px;color:#eee}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.weather-expanded{right:-20px;left:-20px}.weather-card{width:auto;max-width:100vw;margin:0 20px}}.header-weather-widget{margin-left:auto}.header-weather-widget .weather-pill{background:#374151e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-weather-widget .weather-pill:hover{background:#4b5563e6}.playground{background:radial-gradient(circle at center,#8536b3,#000);animation:gradientShift 15s ease infinite;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.playground-container{max-width:1400px;margin:0 auto}.pa-header{text-align:center;margin-bottom:2rem;position:relative}.pa-header-title{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;gap:1rem}.pa-logo-container{position:relative;width:48px;height:48px;margin-right:1rem}.custom-logo{width:100%;height:100%}.logo-path{animation:pulse 2s ease-in-out infinite}.logo-stroke{color:#8b5cf6;stroke-dasharray:100;stroke-dashoffset:100;animation:draw 3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes draw{to{stroke-dashoffset:0}}.logo-inner{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:50%;background:#1a1a2e}.logo-sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:1.5rem;height:1.5rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.title{font-size:2.5rem;font-weight:800;letter-spacing:-.025em}.gradient-text{background:linear-gradient(135deg,#ff006e,#8338ec,#3a86ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 3s ease-in-out infinite}@keyframes textShimmer{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.subtitle{color:#a0aec0;font-size:1.125rem;font-weight:500}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1024px){.grid-layout{grid-template-columns:1fr}}.control-panel{background:#1f293780;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(75,85,99,.5);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040;transition:all .3s ease}.control-panel:hover{border-color:#8b5cf680;box-shadow:0 25px 50px -12px #8b5cf626}.section-title{display:flex;align-items:center;font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.icon.yellow{color:#fbbf24}.icon-small{width:1rem;height:1rem}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem}.textarea-container{position:relative}.prompt-textarea{width:100%;background:#37415180;border:1px solid #4b5563;border-radius:.75rem;padding:1rem;color:#fff;font-size:.875rem;resize:none;transition:all .2s ease}.prompt-textarea::placeholder{color:#9ca3af}.prompt-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.pa-copy-button{position:absolute;top:.5rem;right:.5rem;padding:.375rem;color:#9ca3af;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:color .2s ease}.pa-copy-button:hover{color:#fff;background:#374151cc}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.select-input,.number-input{width:100%;background:#37415180;border:1px solid #4b5563;border-radius:.75rem;padding:.75rem;color:#fff;font-size:.875rem;transition:all .2s ease}.select-input:focus,.number-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.advanced-toggle{display:flex;align-items:center;color:#d1d5db;background:transparent;border:none;cursor:pointer;margin-bottom:1rem;transition:color .2s ease}.advanced-toggle:hover{color:#fff}.toggle-arrow{margin-left:.5rem;transition:transform .3s ease}.toggle-arrow.rotated{transform:rotate(180deg)}.advanced-settings{overflow:hidden;max-height:0;opacity:0;transition:all .3s ease}.advanced-settings.visible{max-height:24rem;opacity:1;margin-bottom:1.5rem}.range-input{width:100%;height:.5rem;background:#374151;border-radius:.25rem;outline:none;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:#8b5cf6;border-radius:50%;cursor:pointer;transition:all .2s ease}.range-input::-webkit-slider-thumb:hover{background:#7c3aed;transform:scale(1.1)}.range-input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:#8b5cf6;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.seed-input-group{display:flex;gap:.5rem}.shuffle-button{padding:.75rem;background:#4b5563;border:none;border-radius:.75rem;color:#fff;cursor:pointer;transition:all .2s ease}.shuffle-button:hover{background:#6b7280;transform:rotate(180deg)}.generate-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:1rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px -5px #8b5cf64d}.generate-button:hover:not(.disabled){background:linear-gradient(135deg,#7c3aed,#2563eb);transform:translateY(-2px);box-shadow:0 20px 35px -5px #8b5cf666}.generate-button.disabled{background:#4b5563;cursor:not-allowed;transform:none;box-shadow:none}.loading-content,.button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.error-message{margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;color:#fca5a5;font-size:.875rem}.results-panel{background:#1f293780;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(75,85,99,.5);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040;transition:all .3s ease}.results-panel:hover{border-color:#8b5cf680;box-shadow:0 25px 50px -12px #8b5cf626}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem;color:#9ca3af;text-align:center}.empty-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#ff006e33,#8338ec33,#3a86ff33);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sparkle-icon{width:2rem;height:2rem}.empty-title{font-size:1.125rem;font-weight:500;margin-bottom:.25rem}.empty-subtitle{font-size:.875rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem;text-align:center}.loading-spinner{position:relative;width:5rem;height:5rem;margin-bottom:1rem}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid rgba(139,92,246,.3)}.spinner-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid #8b5cf6;border-top-color:transparent;animation:spin 1s linear infinite}.loading-title{color:#fff;font-size:1.125rem;font-weight:500;margin-bottom:.25rem}.loading-subtitle{color:#9ca3af;font-size:.875rem}.images-grid{display:grid;gap:1.5rem}.image-card{border:none;border-radius:1rem;padding:1rem;transition:all .3s ease;animation:slideInUp .5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.image-card:hover{border-color:#8b5cf680;background:#37415180;transform:translateY(-4px);box-shadow:0 20px 40px -10px #0000004d}.image-container{position:relative;overflow:hidden;border-radius:.75rem;margin-bottom:.75rem;background:#111827}.generated-image{width:100%;height:auto;max-height:24rem;object-fit:contain;transition:transform .3s ease}.image-card:hover .generated-image{transform:scale(1.02)}.image-footer{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.seed-text{color:#d1d5db}.download-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#8b5cf6;color:#fff;text-decoration:none;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease}.download-button:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}@media (max-width: 768px){.playground{padding:.5rem}.pa-header-title{flex-direction:column;gap:.5rem}.title{font-size:2rem}.control-panel,.results-panel{padding:1.5rem}.settings-grid{grid-template-columns:1fr}.logo-container{width:3rem;height:3rem}}@media (max-width: 480px){.title{font-size:1.75rem}.control-panel,.results-panel{padding:1rem}}.inspiration-gallery{border-radius:12px;overflow:hidden}.gallery-header{padding:2.5rem;text-align:center;border-bottom:1px solid var(--border)}.gallery-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.gallery-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.5rem}.gallery-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3 / 4;background-color:var(--input-bg);transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.gallery-item img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.app{display:flex;height:100vh;width:100vw;overflow:hidden}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.news-card{background-color:#2c2c2c;border-radius:8px;box-shadow:0 4px 8px #0003;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.news-image-container{position:relative;width:100%;height:200px}.news-image{width:100%;height:100%;object-fit:cover}.news-source{position:absolute;top:10px;right:10px;background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700}.news-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.news-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-description{font-size:14px;color:#bbb;margin-bottom:20px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.news-details{margin-top:auto;display:flex;flex-direction:column;margin-bottom:15px;font-size:13px}.news-author{color:#999;margin-bottom:5px;font-style:italic}.news-date{color:#888}.news-link{display:inline-block;background-color:#1a5276;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:700;text-align:center;transition:background-color .3s ease;margin-top:10px}.news-link:hover{background-color:#154360}.news-filter{background-color:#2c2c2c;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;margin-bottom:30px}.filter-header{margin-bottom:20px}.filter-header h2{font-size:20px;color:#fff;margin:0;padding-bottom:10px;border-bottom:2px solid #444}.filter-tabs{display:flex;margin-bottom:20px}.tab-button{flex:1;padding:10px;border:none;background-color:#333;color:#bbb;font-weight:700;cursor:pointer;transition:all .3s ease}.tab-button:first-child{border-radius:4px 0 0 4px}.tab-button:last-child{border-radius:0 4px 4px 0}.tab-button.active{background-color:#1a5276;color:#fff}.filter-options{display:flex;flex-wrap:wrap;gap:10px}.filter-option{background-color:#333;border:1px solid #444;border-radius:20px;padding:8px 15px;font-size:14px;cursor:pointer;transition:all .3s ease;color:#bbb}.filter-option:hover{background-color:#404040}.filter-option.selected{background-color:#1a5276;color:#fff;border-color:#1a5276}.view-type{flex-direction:column;align-items:flex-start}.view-type .filter-option{margin-bottom:10px;width:150px}.source-select{margin-top:15px;width:100%}.source-select label{display:block;margin-bottom:8px;font-weight:700;color:#bbb}.source-select select{width:100%;padding:10px;border-radius:4px;border:1px solid #444;background-color:#333;font-size:14px;color:#fff}.source-select select:focus{outline:none;border-color:#1a5276}.loader-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;width:100%;background-color:#1a1a1a}.skeleton-card{background:#2d2d2d;border-radius:8px;padding:15px;width:320px;box-shadow:0 2px 4px #0003;height:400px;display:flex;flex-direction:column}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#333 25%,#404040,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:15px}.skeleton-content{padding:10px 0;flex:1}.skeleton-title{width:85%;height:24px;background:linear-gradient(90deg,#333 25%,#404040,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:15px}.skeleton-text{width:100%;height:16px;background:linear-gradient(90deg,#333 25%,#404040,#333 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1024px){.loader-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.loader-container{grid-template-columns:1fr}}.loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container p{color:#666;font-size:16px;font-weight:500}body,html{margin:0;padding:0;height:100%;background-color:#000;color:#e0e0e0;font-family:Arial,sans-serif}.news-app{max-width:1400px;margin:0 auto;padding:20px;background-color:#1a1a1a;color:#e0e0e0;min-height:100vh;display:flex;flex-direction:column}.news-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;padding:20px;background-color:#2c2c2c;color:#fff;border-radius:8px;text-align:center}.news-header h1{font-size:32px;margin:0 0 20px;font-weight:700}.search-container{width:100%;max-width:600px;display:flex}.search-input{width:100%;padding:12px 20px;font-size:16px;border:none;border-radius:30px 0 0 30px;box-shadow:0 4px 6px #0003;background-color:#333;color:#fff}.search-input::placeholder{color:#888}.search-button{padding:12px 20px;background-color:#1a5276;color:#fff;border:none;border-radius:0 30px 30px 0;font-size:16px;cursor:pointer;transition:background-color .3s ease}.search-button:hover{background-color:#154360}.news-content-container{display:flex;gap:30px;flex:1;min-height:0}.news-sidebar{flex:0 0 300px;padding:20px;border-right:1px solid #444;overflow-y:scroll;max-height:100%;display:flex;flex-direction:column;scrollbar-width:none}.news-sidebar::-webkit-scrollbar{display:none}.weather-widget-container{margin-top:20px;margin-bottom:20px;width:100%;overflow:visible}.news-main{flex:1;overflow-y:auto;padding-right:15px}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;padding-bottom:20px}.filter-info{background-color:#2c2c2c;border-radius:8px;padding:15px;margin-top:20px;margin-bottom:20px}.filter-info h3{margin:0 0 10px;font-size:16px;color:#fff}.filter-info p{margin:0;font-size:14px;line-height:1.6;color:#bbb}.news-stats{margin-bottom:20px;font-size:14px;color:#bbb}.news-error{background-color:#422;color:#f99;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.no-news{text-align:center;padding:40px;background-color:#2c2c2c;border-radius:8px;color:#bbb}.cache-status{background-color:#2c2c2c;padding:10px 15px;border-radius:8px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.cache-status-text{color:#bbb;font-size:14px}.cache-timer{color:#1a5276;font-weight:700}.cache-refresh-button{background-color:#1a5276;color:#fff;border:none;margin-left:5px;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.cache-refresh-button:hover{background-color:#154360}.news-sidebar::-webkit-scrollbar,.news-main::-webkit-scrollbar{width:8px}.news-sidebar::-webkit-scrollbar-track,.news-main::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.news-sidebar::-webkit-scrollbar-thumb,.news-main::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.news-sidebar::-webkit-scrollbar-thumb:hover,.news-main::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 1024px){.news-content-container{flex-direction:column}.news-sidebar{width:100%;border-right:none;border-bottom:1px solid #444}}@media (max-width: 768px){.news-app{padding:10px}.news-grid{grid-template-columns:1fr}.news-header h1{font-size:24px}}.we-weather-card-modern{margin-top:20px;background:#212121e6;border-radius:16px;padding:20px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:250px;box-shadow:0 4px 6px #0000001a}.we-weather-search{margin-bottom:15px}.we-new-search-input{width:100%;padding:8px 12px;border:none;background:#ffffff1a;border-radius:8px;color:#fff;font-size:14px}.we-new-search-input::placeholder{color:#ffffff80}.we-weather-header{margin-bottom:20px}.we-location-name{font-size:18px;font-weight:500}.we-weather-condition{font-size:14px;color:#ffffffb3}.we-current-temp{font-size:48px;font-weight:300;display:flex;align-items:center;margin-bottom:20px}.we-weather-icon{width:50px;height:50px;margin-left:10px}.we-hourly-forecast{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.we-forecast-hour{text-align:center;flex:1}.we-hour-temp{font-size:16px;font-weight:500;margin-bottom:5px}.we-hour-icon{width:30px;height:30px;margin:5px 0}.we-hour-time{font-size:12px;color:#ffffffb3}.we-loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.we-weather-error{color:#ff6b6b;text-align:center;padding:10px;font-size:14px}.pdf-copy-button{position:absolute;bottom:6px;right:6px;background-color:transparent;border:none;color:var(--light-text);padding:4px;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.pdf-message-bubble:hover .pdf-copy-button{opacity:.7}.pdf-chat-title-with-logo{display:flex;align-items:center;gap:12px}.pdf-chat-logo{width:28px;height:28px;object-fit:contain}.pdf-copy-button:hover{opacity:1!important;background-color:#ffffff1a;color:var(--primary-color)}.pdf-copy-tooltip{position:fixed;background-color:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:1000;pointer-events:none;animation:fadeIn .3s}.pdf-copy-tooltip.fade-out{animation:fadeOut .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.pdf-action-button{background-color:transparent;border:none;color:var(--light-text);cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pdf-action-button:hover{background-color:#ffffff1a;color:var(--primary-color)}.pdf-action-button:disabled{opacity:.5;cursor:not-allowed}.pdf-save-pdf-button{color:var(--primary-light)}.pdf-save-pdf-button:hover{color:var(--primary-color)}:root{--primary-color: #4285f4;--primary-dark: #3367d6;--primary-light: #7baaf7;--secondary-color: :#161618;--bg-dark: #121212;--bg-medium: #1e1e1e;--bg-light: #2d2d2d;--border-color: #333333;--text-color: #e8eaed;--light-text: #9aa0a6;--error-color: #f28b82;--success-color: #81c995;--shadow: 0 4px 12px #121212;--chat-ai-bg: #2d333b;--chat-user-bg: #0b57d0;--system-message-bg: #121212}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,Segoe UI,Arial,sans-serif}body{background-color:var(--bg-dark);color:var(--text-color)}.pdf-app-container{display:flex;height:100vh;max-height:100vh;overflow:hidden;background-color:var(--bg-dark)}.pdf-chat-container{display:flex;flex-direction:column;width:40%;height:100%;border-right:1px solid var(--border-color);background-color:var(--bg-medium);position:relative}.pdf-chat-header{padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-dark);color:var(--primary-color);z-index:10;display:flex;justify-content:space-between;align-items:center}.pdf-chat-header h2{font-size:18px;font-weight:500}.pdf-chat-actions{display:flex;gap:10px}.pdf-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background-color:var(--bg-medium)}.pdf-message{display:flex;margin-bottom:8px}.pdf-ai-message{justify-content:flex-start}.pdf-user-message{justify-content:flex-end}.pdf-system-message{justify-content:center}.pdf-message-bubble{padding:12px 16px;border-radius:18px;max-width:80%;line-height:1.4;word-wrap:break-word;box-shadow:var(--shadow);position:relative}.pdf-ai-message .pdf-message-bubble{background-color:var(--chat-ai-bg);border-bottom-left-radius:4px;color:var(--text-color)}.pdf-user-message .pdf-message-bubble{background-color:var(--chat-user-bg);border-bottom-right-radius:4px;color:#fff}.pdf-system-message .pdf-message-bubble{background-color:var(--system-message-bg);border-radius:8px;color:var(--light-text);font-size:.9em;text-align:center;box-shadow:none;border:1px solid var(--border-color)}.pdf-chat-input-form{display:flex;padding:16px;border-top:1px solid var(--border-color);z-index:5}.pdf-chat-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:24px;outline:none;font-size:14px;transition:border .2s;background-color:var(--bg-light);color:var(--text-color)}.pdf-chat-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px #4285f44d}.pdf-send-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:24px;padding:8px 20px;margin-left:10px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.pdf-send-button:hover{background-color:var(--primary-dark)}.pdf-send-button:disabled{background-color:#ccc;cursor:not-allowed}.pdf-pdf-container{flex:1;height:100%;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;position:relative}.pdf-upload-area{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);margin:20px;border-radius:8px;background-color:var(--bg-medium)}.pdf-upload-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:24px;padding:12px 24px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s;box-shadow:var(--shadow)}.pdf-upload-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pdf-upload-button:active{transform:translateY(0)}.pdf-pdf-viewer-container{width:100%;height:100%;padding:20px}.pdf-pdf-viewer{width:100%;height:100%;border:none;border-radius:8px;box-shadow:var(--shadow)}.pdf-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#121212cc;display:flex;align-items:center;justify-content:center;z-index:1000}.pdf-spinner{width:40px;height:40px;border:4px solid rgba(66,133,244,.2);border-radius:50%;border-top-color:var(--primary-color);filter:brightness(1.2);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pdf-typing-indicator{display:flex;align-items:center;justify-content:center;padding:6px 0}.pdf-typing-indicator span{display:inline-block;width:8px;height:8px;margin:0 2px;background-color:var(--primary-light);border-radius:50%;opacity:.8;animation:typing 1.4s infinite both}.pdf-typing-indicator span:nth-child(2){animation-delay:.2s}.pdf-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.pdf-app-container{flex-direction:column}.pdf-chat-container,.pdf-pdf-container{width:100%;height:50%}.pdf-chat-container{border-right:none;border-bottom:1px solid var(--border-color)}}.voice-conversation{width:100vw;height:100vh;background:#161618;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;overflow:hidden;position:relative}.voice-interface{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px}.particle-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.particle-circle{position:relative;width:300px;height:300px;border-radius:50%;display:flex;align-items:center;justify-content:center}.particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6;transition:all .2s ease-out}.particle-circle.listening .particle{background:#10b981;box-shadow:0 0 4px #10b981;animation:pulse 2s infinite}.particle-circle.processing .particle{background:#f59e0b;box-shadow:0 0 4px #f59e0b;animation:rotate 3s linear infinite,pulse 1s infinite alternate}.particle-circle.speaking .particle{background:#3b82f6;box-shadow:0 0 4px #3b82f6;animation:wave .8s ease-in-out infinite alternate}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.controls{margin-top:150px;display:flex;gap:200px;align-items:center;margin-bottom:20px}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;transition:transform .1s ease-out}.listening .particle{animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:translate(0) scale(1)}to{transform:translate(calc((random() - .5) * var(--audio-level)),calc((random() - .5) * var(--audio-level))) scale(1.2)}}.voice-button{background:#2d2d2d;border:none;color:#fff;border-radius:50%;width:60px;height:60px;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;cursor:pointer;outline:none}.voice-button:hover{background:#3d3d3d;transform:scale(1.05)}.voice-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-button.listening{background:#10b981;animation:recording-pulse 1.5s infinite}@keyframes recording-pulse{0%,to{box-shadow:0 4px 20px #10b9814d}50%{box-shadow:0 4px 30px #10b98199}}.clear-button-round{background:#2d2d2d;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #e5393514;outline:none}.clear-button-round:hover,.clear-button-round:focus{background:#333;box-shadow:0 0 0 4px #e539351f}.status{text-align:center;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.status-text{font-size:1.1em;font-weight:500;opacity:.9}.transcript{font-style:italic;opacity:.7;max-width:80%;text-align:center}.settings-icon{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:none;color:#6b7280;cursor:pointer;transition:color .3s ease}.settings-icon:hover{color:#9ca3af}@media (max-width: 768px){.lottie-container{width:300px;height:300px}.particle-container,.particle-circle{width:250px;height:250px}.voice-button{width:50px;height:50px}.clear-button-round{width:40px;height:40px}.voice-interface{padding:20px}.controls{gap:100px}}@media (max-width: 480px){.lottie-container{width:250px;height:250px}.particle-container,.particle-circle{width:180px;height:180px}.controls{gap:60px}.voice-visualizer{height:40px}}.lottie-container{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.lottie-animation{width:100%;height:100%;transition:all .3s ease}.lottie-animation.listening{filter:hue-rotate(120deg) brightness(1.2);animation:listening-pulse 2s infinite}.lottie-animation.speaking{filter:hue-rotate(240deg) brightness(1.3);animation:speaking-bounce .6s ease-in-out infinite alternate}.lottie-animation.processing{filter:hue-rotate(60deg) brightness(1.1);animation:processing-rotate 3s linear infinite}@keyframes listening-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes speaking-bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes processing-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voice-visualizer{display:flex;align-items:center;justify-content:center;gap:4px;height:60px;margin-top:20px;opacity:0;transition:opacity .3s ease}.voice-visualizer.active{opacity:1}.voice-bar{width:4px;background:linear-gradient(to top,#10b981,#34d399);border-radius:2px;transition:height .1s ease;min-height:4px}.voice-bar:nth-child(1){animation-delay:0ms}.voice-bar:nth-child(2){animation-delay:.1s}.voice-bar:nth-child(3){animation-delay:.2s}.voice-bar:nth-child(4){animation-delay:.3s}.voice-bar:nth-child(5){animation-delay:.4s}.voice-bar:nth-child(6){animation-delay:.3s}.voice-bar:nth-child(7){animation-delay:.2s}.voice-bar:nth-child(8){animation-delay:.1s}.voice-visualizer.listening .voice-bar{animation:voice-wave 1.5s ease-in-out infinite}@keyframes voice-wave{0%,to{height:8px}50%{height:40px}}.continuous-toggle{background:#2d2d2d;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;outline:none;color:#9ca3af}.continuous-toggle:hover{background:#3d3d3d;transform:scale(1.05);color:#10b981}.continuous-toggle.active{background:#10b981;color:#fff;box-shadow:0 4px 20px #10b98166}.continuous-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-button.continuous-mode{background:#10b981;animation:continuous-pulse 2s infinite}@keyframes continuous-pulse{0%,to{box-shadow:0 4px 20px #10b9814d;transform:scale(1)}50%{box-shadow:0 4px 30px #10b98199;transform:scale(1.02)}}.voice-visualizer.active.listening .voice-bar{animation:continuous-voice-wave 1s ease-in-out infinite}@keyframes continuous-voice-wave{0%,to{height:8px;background:linear-gradient(to top,#10b981,#34d399)}25%{height:25px;background:linear-gradient(to top,#059669,#10b981)}50%{height:40px;background:linear-gradient(to top,#047857,#059669)}75%{height:30px;background:linear-gradient(to top,#065f46,#047857)}}.status-text{font-size:1.1em;font-weight:500;opacity:.9;transition:color .3s ease}.voice-conversation .status-text{color:#e5e7eb}.voice-conversation.continuous-mode .status-text{color:#10b981}@media (max-width: 768px){.continuous-toggle{width:45px;height:45px}.controls{gap:80px}}@media (max-width: 480px){.continuous-toggle{width:40px;height:40px}.controls{gap:40px}}.background-paths-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff}.background-paths-container.dark{background-color:#0a0a0a}.floating-paths{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-paths svg{width:100%;height:100%;color:#0f172a}.dark .floating-paths svg{color:#fff}.content-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.content-wrapper{max-width:896px;margin:0 auto}.main-title{font-size:3rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.025em;line-height:1}.title-word{display:inline-block;margin-right:1rem}.title-word:last-child{margin-right:0}.title-letter{display:inline-block;background:linear-gradient(to right,#171717,#737373cc);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .title-letter{background:linear-gradient(to right,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:transparent}.button-wrapper{display:inline-block;position:relative;background:linear-gradient(to bottom,#0000001a,#ffffff1a);padding:1px;border-radius:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:box-shadow .3s ease}.dark .button-wrapper{background:linear-gradient(to bottom,#ffffff1a,#0000001a)}.button-wrapper:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cta-button{border-radius:1rem;padding:1.5rem 2rem;font-size:1.125rem;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffffff2;color:#000;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dark .cta-button{background-color:#000000f2;color:#fff;border:1px solid rgba(255,255,255,.1)}.cta-button:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .cta-button:hover{background-color:#000;box-shadow:0 4px 6px -1px #73737380,0 2px 4px -1px #7373734d}.button-text{opacity:.9;transition:opacity .3s ease}.cta-button:hover .button-text{opacity:1}.button-arrow{margin-left:.75rem;opacity:.7;transition:all .3s ease}.cta-button:hover .button-arrow{opacity:1;transform:translate(6px)}@media (min-width: 640px){.main-title{font-size:4.5rem}.content-container{padding:0 1.5rem}}@media (min-width: 768px){.main-title{font-size:6rem}}.stats-section{padding:80px 20px;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);position:relative}.stats-container{max-width:1300px;margin:0 auto;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.stat-item{padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3}.stat-number{font-size:3rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem;display:block}.stat-label{font-size:1.1rem;color:#fffc;font-weight:500}.llm-showcase-section{padding:100px 20px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f0f);position:relative}.llm-showcase-container{max-width:1400px;margin:0 auto;text-align:center}.llm-showcase-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,255,255,.3)}.llm-showcase-subtitle{font-size:1.3rem;color:#ffffffb3;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.llm-models-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:6rem}.llm-model-card{background:linear-gradient(135deg,#1e1e1ee6,#323232cc);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease;position:relative;overflow:hidden;height:280px;display:flex;flex-direction:column;justify-content:space-between}.llm-model-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}.llm-model-card:hover:before{left:100%}.llm-model-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #0006;border-color:#fff3}.llm-model-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.llm-model-icon{width:48px;height:48px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.llm-model-icon svg{width:100%;height:100%;fill:#fff}.llm-model-info h3{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .5rem}.llm-model-info .model-type{font-size:.9rem;color:#fff9;background:#ffffff1a;padding:4px 12px;border-radius:12px;display:inline-block}.llm-model-description{color:#fffc;line-height:1.6;font-size:1rem;flex-grow:1}.llm-model-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.feature-tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:500}.custom-ai-card{border:2px solid #f59e0b;background:linear-gradient(135deg,#f59e0b1a,#1e1e1ee6)}.custom-ai-card:hover{border-color:#fbbf24;box-shadow:0 25px 50px #f59e0b33}.custom-ai-card .llm-model-icon svg{fill:#f59e0b}.indian-ai-card{border:2px solid #10b981;background:linear-gradient(135deg,#10b9811a,#1e1e1ee6)}.indian-ai-card:hover{border-color:#34d399;box-shadow:0 25px 50px #10b98133}.indian-ai-card .llm-model-icon svg{fill:#10b981}.ai-features-section{margin-top:4rem}.ai-features-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.ai-feature-card{background:linear-gradient(135deg,#282828e6,#3c3c3ccc);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;position:relative;overflow:hidden}.ai-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#ffffff40}.ai-feature-icon{width:48px;height:48px;margin-bottom:1rem;display:block;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.ai-feature-icon svg{width:100%;height:100%;fill:#3b82f6}.ai-feature-title{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:1rem}.ai-feature-description{color:#fffc;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.llm-showcase-title{font-size:2.5rem}.llm-models-grid{grid-template-columns:1fr}.llm-model-card{height:auto;min-height:250px}}.footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-top:1px solid rgba(255,255,255,.1);padding:60px 20px 20px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#ffffffb3;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-section ul li a:hover{color:#3b82f6;transform:translate(5px)}.footer-section p{color:#ffffffb3;line-height:1.6;font-size:.95rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#3b82f633;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.social-link svg{width:20px;height:20px;fill:currentColor}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center}.footer-bottom p{color:#fff9;font-size:.9rem;margin:0}.made-by{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;text-shadow:0 0 20px rgba(59,130,246,.3)}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-logo svg{width:32px;height:32px;fill:#3b82f6}.footer-logo span{font-size:1.5rem;font-weight:700;color:#fff}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:2rem}.social-links{justify-content:center}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#2a2b2d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:#1a1a1a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a2b2d}::-webkit-scrollbar-thumb{background:#3a3b3d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4b4d}