@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--primary-gradient:linear-gradient(135deg,#2563eb,#3b82f6);--secondary-gradient:linear-gradient(135deg,#2563eb,#3b82f6);--success-gradient:linear-gradient(135deg,#2563eb,#3b82f6);--warning-gradient:linear-gradient(135deg,#2563eb,#3b82f6);--error-gradient:linear-gradient(135deg,#2563eb,#3b82f6);--bg-gradient:linear-gradient(135deg,#f8fafc,#f1f5f9);--surface-gradient:linear-gradient(135deg,#ffffffe6,#ffffffb3);--glass-bg:#ffffff40;--glass-border:#fff3;--glass-shadow:0 8px 32px #0000001a;--glass-backdrop:blur(20px);--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary:#2563eb;--success:#2563eb;--warning:#2563eb;--error:#2563eb;--background:#fafafb;--surface:#fffc;--surface-hover:#ffffffe6;--text:#1e293b;--text-secondary:#2563eb;--text-muted:#2563eb;--text-inverse:#fff;--border:#94a3b833;--border-hover:#94a3b84d;--divider:#94a3b826;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-glow:0 0 20px #6366f14d;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}.dark-mode{--primary-gradient:linear-gradient(135deg,#2563eb,#a855f7);--secondary-gradient:linear-gradient(135deg,#2563eb,#3b82f6);--success-gradient:linear-gradient(135deg,#22c55e,#4ade80);--warning-gradient:linear-gradient(135deg,#f97316,#fb923c);--error-gradient:linear-gradient(135deg,#f43f5e,#fb7185);--bg-gradient:linear-gradient(135deg,#0f172a,#1e293b);--surface-gradient:linear-gradient(135deg,#1e293be6,#1e293bb3);--glass-bg:#1e293b66;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d;--primary:#2563eb;--primary-light:#a855f7;--primary-dark:#6d28d9;--secondary:#2563eb;--success:#22c55e;--warning:#f97316;--error:#f43f5e;--background:#0f172a;--surface:#1e293bcc;--surface-hover:#1e293be6;--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#1e293b;--border:#cbd5e133;--border-hover:#cbd5e14d;--divider:#cbd5e11a;--shadow-xs:0 1px 2px #0000001a;--shadow-sm:0 1px 3px #0003,0 1px 2px #0000001a;--shadow-md:0 4px 6px #0003,0 2px 4px #0000001a;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #0000001a;--shadow-xl:0 20px 25px #0000004d,0 10px 10px #0000001a;--shadow-glow:0 0 20px #7c3aed66}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:var(--bg-gradient);color:#1e293b;color:var(--text);font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}body:before{background:radial-gradient(circle at 20% 20%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 60%,#06b6d40d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.app{position:relative}.glass{background:#ffffff40;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a;box-shadow:var(--glass-shadow)}.glass,.glass-card{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop)}.glass-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);background:var(--surface-gradient);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:0;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffffe6;background:var(--surface-hover);border-color:#94a3b84d;border-color:var(--border-hover);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:0;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;line-height:1.5;overflow:hidden;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:var(--primary-gradient);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse)}.btn-primary:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d,0 0 20px #6366f14d;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:var(--secondary-gradient);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse)}.btn-secondary:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-ghost{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#ffffff40;background:var(--glass-bg);border:1px solid #94a3b833;border:1px solid var(--border);color:#1e293b;color:var(--text)}.btn-ghost:hover{background:#ffffffe6;background:var(--surface-hover);border-color:#94a3b84d;border-color:var(--border-hover)}.input{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#ffffff40;background:var(--glass-bg);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:0;border-radius:var(--radius-md);color:#1e293b;color:var(--text);font-family:inherit;font-size:.875rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input:focus{background:#ffffffe6;background:var(--surface-hover);border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}a{color:#2563eb;color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:#3b82f6;color:var(--primary-light);text-decoration:underline}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--space-sm)}.gap-md{gap:1rem;gap:var(--space-md)}.gap-lg{gap:1.5rem;gap:var(--space-lg)}.text-center{text-align:center}.mt-xs{margin-top:.25rem;margin-top:var(--space-xs)}.mt-sm{margin-top:.5rem;margin-top:var(--space-sm)}.mt-md{margin-top:1rem;margin-top:var(--space-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-xl{margin-top:2rem;margin-top:var(--space-xl)}.mb-xs{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--space-xl)}.p-sm{padding:.5rem;padding:var(--space-sm)}.p-md{padding:1rem;padding:var(--space-md)}.p-lg{padding:1.5rem;padding:var(--space-lg)}.p-xl{padding:2rem;padding:var(--space-xl)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:#2563eb;color:var(--primary)}.text-secondary{color:#2563eb;color:var(--text-secondary)}.text-muted{color:#2563eb;color:var(--text-muted)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 30px #6366f180}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .5s ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--space-md)}.btn{font-size:.8rem;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md)}.text-4xl{font-size:1.875rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b833;background:var(--border);border-radius:0;border-radius:var(--radius-sm);-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b84d;background:var(--border-hover)}::selection{background:#6366f133;color:#1e293b;color:var(--text)}.navbar{align-items:center;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.navbar:hover{background:var(--surface-hover);box-shadow:var(--shadow-md)}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.logo a{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text);text-decoration:none;transition:opacity .2s ease}.logo a:hover{opacity:.8;text-decoration:none}.nav-links{align-items:center;display:flex;gap:var(--space-sm)}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;overflow:hidden;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link:before{background:var(--glass-bg);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:-1}.nav-link:hover{color:var(--text);transform:translateY(-1px)}.nav-link:hover:before{opacity:1}.nav-link.active{background:#2563eb;box-shadow:var(--shadow-sm);color:var(--text-inverse)}.nav-link.active:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-actions{align-items:center;display:flex;gap:var(--space-sm);margin-left:var(--space-md)}.login-button,.logout-button,.theme-button{align-items:center;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-xs);justify-content:center;min-width:80px;padding:var(--space-sm) var(--space-md);transition:all .2s cubic-bezier(.4,0,.2,1)}.login-button:hover,.logout-button:hover,.theme-button:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.login-button:active,.logout-button:active,.theme-button:active{transform:translateY(0)}.login-button{background:#3b82f61a;background:var(--primary-bg,#3b82f61a);border-color:#3b82f633;border-color:var(--primary-border,#3b82f633);color:#3b82f6;color:var(--primary-text,#3b82f6)}.login-button:hover{background:#3b82f633;background:var(--primary-hover,#3b82f633);border-color:#3b82f64d;border-color:var(--primary-border-hover,#3b82f64d)}.logout-button{background:#ef44441a;background:var(--danger-bg,#ef44441a);border-color:#ef444433;border-color:var(--danger-border,#ef444433);color:#ef4444;color:var(--danger-text,#ef4444)}.logout-button:hover{background:#ef444433;background:var(--danger-hover,#ef444433);border-color:#ef44444d;border-color:var(--danger-border-hover,#ef44444d)}.user-info{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-md)}.theme-button .icon{font-size:1rem;transition:transform .2s ease}.theme-button:hover .icon{transform:rotate(15deg)}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:none;font-size:1.5rem;padding:var(--space-xs);transition:all .2s ease}.mobile-menu-toggle:hover{background:var(--glass-bg)}.mobile-nav{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--surface);border:1px solid var(--border);border-top:none;box-shadow:var(--shadow-lg);display:none;left:0;position:absolute;right:0;top:100%;z-index:99}.mobile-nav.open{animation:slideDown .3s ease-out;display:block}.mobile-nav .nav-links{flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.mobile-nav .nav-link{padding:var(--space-md);text-align:center;width:100%}.mobile-nav .theme-toggle{display:flex;justify-content:center;margin:var(--space-md) 0 0 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar{padding:var(--space-sm) var(--space-md)}.nav-links,.theme-toggle{display:none}.mobile-menu-toggle{display:block}.logo{font-size:1.1rem}}@media (min-width:769px){.mobile-nav{display:none!important}.mobile-menu-toggle{display:none}}@media (prefers-contrast:high){.navbar{border-bottom:2px solid var(--border)}.nav-link{border:1px solid #0000}.nav-link.active,.nav-link:hover{border-color:var(--primary)}}@media (prefers-reduced-motion:reduce){.mobile-menu-toggle,.nav-link,.navbar,.theme-button{transition:none}.mobile-nav.open{animation:none}.theme-button:hover .icon{transform:none}}.hero{animation:fadeIn .8s ease-out;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--surface-gradient);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--space-2xl);overflow:hidden;padding:var(--space-3xl) var(--space-xl);position:relative;text-align:center}.hero-illustration{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:.45;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(15%);z-index:0}.hero-bg-illustration{filter:blur(.5px);height:auto;max-height:400px;max-width:600px;object-fit:contain;transform:scale(1.1);width:80%}.hero-content{position:relative;z-index:1}.hero:before{background:radial-gradient(circle at 30% 30%,#6366f11a 0,#0000 50%),radial-gradient(circle at 70% 70%,#8b5cf614 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:-1}.hero h1{color:#2563eb;font-size:clamp(4rem,8vw,6rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-lg)}.hero .subtitle{color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;line-height:1.6;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-2xl)}.cta-button{border-radius:var(--radius-lg);font-size:1rem;font-weight:600;min-width:160px;overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.cta-button:hover:before{left:100%}.cta-button.primary{background:var(--primary-gradient);box-shadow:var(--shadow-lg);color:var(--text-inverse)}.cta-button.primary:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-2px) scale(1.02)}.cta-button.secondary{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--border);color:var(--text)}.cta-button.secondary:hover{background:#2563eb;border-color:#2563eb;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.account-status{animation:slideIn .6s ease-out .2s both;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--surface-gradient);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl);padding:var(--space-xl);transition:all .3s ease}.account-status:hover{box-shadow:var(--shadow-xl);transform:translateY(-1px)}.account-status h2{color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg)}.account-status p{color:var(--text);line-height:1.6;margin-bottom:var(--space-md)}.account-status.loading{padding:var(--space-2xl);text-align:center}.upgrade-notice{background:linear-gradient(135deg,#ef44441a,#f871710d);border:1px solid #ef444433;border-radius:var(--radius-md)}.premium-notice,.upgrade-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:var(--space-lg);padding:var(--space-md)}.premium-notice{background:linear-gradient(135deg,#10b9811a,#34d3990d);border:1px solid #10b98133;border-radius:var(--radius-md)}.upgrade-link{color:var(--primary);display:inline-block;font-weight:600;margin-top:var(--space-sm);text-decoration:none;transition:color .2s ease}.upgrade-link:hover{color:var(--primary-light);text-decoration:underline}.features{animation:fadeIn .8s ease-out .4s both;margin-bottom:var(--space-2xl)}.features h2{-webkit-text-fill-color:#0000;background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:2rem;font-weight:700;margin-bottom:var(--space-xl);text-align:center}.feature-description{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:var(--space-xl);text-align:center}.feature-description p{color:var(--text);font-size:1.1rem;font-weight:400;line-height:1.7;margin:0}.feature-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--surface-gradient);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-card h3{color:var(--text);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md)}.feature-card p{color:var(--text-secondary);line-height:1.6}.api-guide{animation:fadeIn .8s ease-out .8s both;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--surface-gradient);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xl)}.api-guide,.api-guide h3{margin-bottom:var(--space-lg)}.api-guide h3{color:var(--text);font-size:1.25rem;font-weight:600}.api-guide ol{color:var(--text);padding-left:var(--space-lg)}.api-guide li{line-height:1.6;margin-bottom:var(--space-sm)}.api-guide a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s ease}.api-guide a:hover{color:var(--primary-light);text-decoration:underline}@media (max-width:768px){.home{padding:var(--space-md)}.hero{padding:var(--space-2xl) var(--space-lg)}.hero h1{font-size:2rem;margin-bottom:var(--space-md)}.hero .subtitle{font-size:1rem;margin-bottom:var(--space-lg)}.cta-buttons{flex-direction:column;gap:var(--space-md)}.cta-button{max-width:280px;width:100%}.feature-grid{gap:var(--space-lg);grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.account-status,.api-guide,.features,.hero{animation:none}.account-status,.cta-button,.feature-card{transition:none}}.chat-header{background:var(--surface-color);border-radius:0;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.topic-input{display:flex;gap:10px;margin-bottom:15px}.topic-input input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:0;color:var(--text-color);flex:1 1;padding:10px}.topic-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.suggestion-tag{background:var(--primary-color);border-radius:0;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:background-color .2s}.suggestion-tag:hover{background:var(--primary-dark)}.messages-container{background:var(--surface-color);border-radius:0;box-shadow:var(--shadow-sm);margin-bottom:20px;max-height:600px;min-height:400px;overflow-y:auto;padding:20px}.message{animation:fadeIn .3s ease;display:flex;margin-bottom:15px}.message-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;margin-right:10px;width:40px}.message-content{flex:1 1}.message-header{align-items:center;display:flex;margin-bottom:5px}.agent-name{font-weight:700;margin-right:10px}.agent-role{background:#0000001a;border-radius:0;color:var(--text-secondary);font-size:12px;padding:2px 6px}.message-text{color:var(--text-color);line-height:1.4}.message.system{justify-content:center}.message.system .message-content{color:var(--text-secondary);font-style:italic;text-align:center}.chat-controls{display:flex;gap:10px;justify-content:center;margin-top:20px}.chat-button{border:none;border-radius:0;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.chat-button.primary{background:var(--primary-color);color:#fff}.chat-button.primary:hover{background:var(--primary-dark)}.chat-button.secondary{background:var(--secondary-color);color:#fff}.chat-button.secondary:hover{background:var(--secondary-dark)}.chat-button:disabled{background:var(--disabled-color);cursor:not-allowed}.loading-indicator{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;gap:10px}.streaming-message{background:#4a6fa51a;border-left:3px solid var(--primary-color);border-radius:0 4px 4px 0;margin:10px 0;padding-left:10px}.typing-indicator{animation:blink 1s infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.sidebar{background:var(--surface-color);border-radius:0;box-shadow:var(--shadow-sm);padding:20px;width:300px}.chat-layout{display:flex;gap:20px}.chat-main{flex:1 1}.saved-discussions-toggle{margin-bottom:20px}.saved-discussions-toggle button{background:var(--secondary-color);border:none;border-radius:0;color:#fff;cursor:pointer;padding:8px 16px}.saved-discussions-toggle button:hover{background:var(--secondary-dark)}@media (max-width:1400px){.chat-room{padding:15px}}@media (max-width:1200px){.chat-room{padding:10px}}@media (min-width:1400px){.chat-main{margin-right:360px}}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.chat-room{padding:1.5rem}.messages-container{margin-right:20px}}.sidebar-floating{scrollbar-color:#0000004d #0000;scrollbar-width:thin}.sidebar-floating::-webkit-scrollbar{width:6px}.sidebar-floating::-webkit-scrollbar-track{background:#0000}.sidebar-floating::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:0}.sidebar-floating::-webkit-scrollbar-thumb:hover{background-color:#00000080}@media (min-width:900px){.sidebar-floating{padding-bottom:120px!important}}@media (max-width:899px){.sidebar-floating{display:none!important}}.account-settings h1{color:var(--text-color);margin-bottom:30px;text-align:center}.account-settings h2{border-bottom:1px solid var(--border-color);color:var(--text-color);margin-bottom:15px;padding-bottom:8px}.account-info-section,.agent-configs-section,.api-key-section,.model-access-section{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:0;margin-bottom:30px;padding:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:var(--text-color);font-weight:700}.form-group input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:0;color:var(--text-color);padding:10px}.form-group button{align-self:flex-start;background-color:var(--primary-color);border:none;border-radius:0;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.error-message{color:#ff6b6b}.account-details{display:flex;flex-direction:column;gap:15px}.info-item{align-items:center;display:flex}.info-item .label{font-weight:700;width:100px}.info-item .label,.info-item .value{color:var(--text-color)}.info-item .tier{font-weight:700}.upgrade-info{background-color:#ff6b6b1a;border-radius:0;margin-top:20px;padding:15px}.upgrade-info h3{color:var(--text-color);margin-bottom:10px}.upgrade-info p{color:var(--text-color);margin-bottom:15px}.upgrade-button{background-color:#ff6b6b;border:none;border-radius:0;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.model-access-table{border:1px solid var(--border-color);border-radius:0;overflow:hidden}.table-header{background-color:var(--secondary-color);color:#fff;font-weight:700}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:10px}.table-row{border-bottom:1px solid var(--border-color)}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background-color:#00000008}.access-status,.model-name,.required-tier{align-items:center;color:var(--text-color);display:flex}.available,.unavailable{color:#ff6b6b;font-weight:700}.button-group{display:flex;justify-content:center;margin-top:20px}.button-group button{background-color:var(--secondary-color);border:none;border-radius:0;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.agent-configs-section .no-configs{color:var(--text-color);padding:40px 20px;text-align:center}.agent-configs-section .no-configs p{font-size:16px;margin-bottom:20px}.create-config-button{background-color:var(--primary-color);border:none;border-radius:0;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:background-color .2s}.create-config-button:hover{background-color:var(--primary-hover)}.configs-header{display:flex;justify-content:flex-end;margin-bottom:20px}.configs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.config-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:0;padding:20px;transition:box-shadow .2s,transform .2s}.config-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.config-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.config-name{color:var(--text-color);flex:1 1;font-size:18px;font-weight:700;margin:0 10px 0 0}.config-actions{display:flex;gap:8px}.delete-button,.edit-button{background:none;border:none;border-radius:0;cursor:pointer;font-size:16px;padding:4px 8px;transition:background-color .2s}.delete-button:hover,.edit-button:hover{background-color:#ff6b6b1a}.config-description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:15px}.config-details{margin-bottom:15px}.detail-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-color);font-weight:600}.config-agents{margin-bottom:20px}.config-agents h4{color:var(--text-color);font-size:14px;font-weight:600;margin:0 0 10px}.agents-list{display:flex;flex-wrap:wrap;gap:6px}.agent-tag{background-color:var(--primary-color);border-radius:0;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.no-agents{color:var(--text-secondary);font-size:12px;font-style:italic}.use-config-button{background-color:var(--secondary-color);border:none;border-radius:0;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:background-color .2s;width:100%}.use-config-button:hover{background-color:var(--secondary-hover)}@media (max-width:600px){.account-settings{padding:10px}.form-group{flex-direction:column}.table-header,.table-row{gap:5px;grid-template-columns:1fr}.access-status,.model-name,.required-tier{padding:5px 0}.configs-grid{gap:15px;grid-template-columns:1fr}.config-card{padding:15px}.config-header{align-items:flex-start;flex-direction:column;gap:10px}.config-actions{align-self:flex-end}}.app{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px 0;width:100%}.dark-mode,.light-mode{background-color:var(--background-color);color:var(--text-color)}
/*# sourceMappingURL=main.a7eed4ab.css.map*/