.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);background-size:400% 400%;animation:gradientShift 12s ease infinite;padding:20px;position:relative}.auth-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,255,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,128,.1) 0%,transparent 60%);pointer-events:none}.auth-card{background:#1e1e32eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d,0 0 60px #00ffff26,0 0 100px #ff00ff1a;border:2px solid rgba(0,255,255,.3);position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.auth-logo .logo-icon{font-size:44px;filter:drop-shadow(0 0 10px rgba(0,255,128,.5))}.auth-logo .logo-icon-img{width:80px;height:80px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 15px rgba(0,255,255,.6)) drop-shadow(0 0 30px rgba(255,0,255,.4));animation:billGlow 3s ease-in-out infinite}@keyframes billGlow{0%,to{filter:drop-shadow(0 0 15px rgba(0,255,255,.6)) drop-shadow(0 0 30px rgba(255,0,255,.4))}50%{filter:drop-shadow(0 0 25px rgba(0,255,255,.8)) drop-shadow(0 0 50px rgba(255,0,255,.6))}}.auth-logo .logo-text{font-size:32px;font-weight:800;background:linear-gradient(135deg,#0f8,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,255,.5)}.auth-header h1{color:#fff;font-size:26px;margin:0 0 8px;text-shadow:0 0 20px rgba(255,255,255,.3)}.auth-header p{color:#ffffffb3;margin:0;font-size:14px}.auth-error{background:#ff646433;border:1px solid rgba(255,100,100,.5);color:#ff6b6b;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;box-shadow:0 0 20px #ff646433}.auth-success{background:#64ff9626;border:1px solid rgba(100,255,150,.4);color:#64ff96;padding:20px;border-radius:12px;margin-bottom:20px;text-align:center;box-shadow:0 0 20px #64ff9633}.auth-success p{margin:0 0 10px}.auth-success p:last-child{margin-bottom:0}.referral-bonus{color:#fc0!important;font-weight:600;text-shadow:0 0 10px rgba(255,200,0,.5)}.referral-banner{background:linear-gradient(135deg,#ffc80040,#ff64c840);border:1px solid rgba(255,200,0,.5);color:#fc0;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;text-align:center;box-shadow:0 0 20px #ffc80033}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#ffffffe6;font-size:14px;font-weight:500;display:flex;justify-content:space-between;align-items:center}.forgot-link{color:#0ff;font-size:12px;text-decoration:none;text-shadow:0 0 10px rgba(0,255,255,.5)}.forgot-link:hover{text-decoration:underline}.form-group input{background:#ffffff14;border:2px solid rgba(0,255,255,.3);border-radius:12px;padding:14px 16px;color:#fff;font-size:14px;transition:all .3s ease}.form-group input::placeholder{color:#fff6}.form-group input:focus{outline:none;border-color:#0ff;box-shadow:0 0 20px #00ffff4d,0 0 40px #00ffff1a;background:#ffffff1f}.auth-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;width:100%}.auth-button.primary{background:linear-gradient(135deg,#0ff,#0f8);color:#000;box-shadow:0 4px 20px #0ff6}.auth-button.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 40px #00ffff80,0 0 60px #00ffff4d}.auth-button.primary:disabled{opacity:.6;cursor:not-allowed}.auth-button.secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,0,255,.4);text-decoration:none}.auth-button.secondary:hover{background:#ff00ff26;border-color:#f0f9;box-shadow:0 0 20px #ff00ff4d}.auth-button.google{background:#fff;color:#333;box-shadow:0 4px 20px #00000026}.auth-button.google:hover{background:#f5f5f5;transform:translateY(-3px);box-shadow:0 10px 30px #0003}.auth-button.google svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent)}.auth-divider span{color:#ffffff80;font-size:12px;padding:0 16px}.auth-footer{text-align:center;color:#ffffffb3;font-size:14px;margin-top:24px}.auth-footer a{color:#0ff;text-decoration:none;font-weight:600;text-shadow:0 0 10px rgba(0,255,255,.5)}.auth-footer a:hover{text-decoration:underline}.privacy-notice{background:linear-gradient(135deg,#8b691433,#d4a57426);border:1px solid rgba(212,165,116,.4);border-radius:12px;padding:16px;margin-top:20px;display:flex;gap:12px;align-items:flex-start}.privacy-notice-icon{font-size:24px;flex-shrink:0}.privacy-notice-text{color:#ffffffd9;font-size:12px;line-height:1.5;margin:0}.privacy-notice-text strong{color:#d4a574}.privacy-notice-text em{color:#64ff96;font-style:normal;font-weight:600}.auth-terms{text-align:center;color:#ffffff80;font-size:12px;margin-top:16px}.auth-terms a{color:#ffffffb3;text-decoration:none}.auth-terms a:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:30px 24px}.auth-header h1{font-size:22px}.auth-logo .logo-text{font-size:26px}}.pricing-container{min-height:100vh;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);background-size:400% 400%;animation:gradientShift 12s ease infinite;padding:60px 20px;position:relative}.pricing-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,255,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,128,.1) 0%,transparent 60%);pointer-events:none}.pricing-header{text-align:center;margin-bottom:50px;position:relative;z-index:1}.pricing-header h1{font-size:48px;margin:0 0 16px;background:linear-gradient(135deg,#ff0080,#f80,#0f8,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,0,128,.3)}.pricing-header p{color:#333;font-size:18px;margin:0;font-weight:500}.pricing-error{max-width:600px;margin:0 auto 30px;background:#ff646433;border:2px solid rgba(255,100,100,.5);color:#c00;padding:12px 16px;border-radius:12px;text-align:center;position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.pricing-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;border:2px solid rgba(0,255,255,.3);position:relative;transition:all .3s ease;box-shadow:0 10px 40px #0000001a}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026,0 0 40px #0ff3}.pricing-card.highlight{border-color:#0ff;box-shadow:0 10px 40px #0000001a,0 0 50px #00ffff4d;background:#fffffff2}.pricing-card.current{border-color:#0f8;box-shadow:0 10px 40px #0000001a,0 0 40px #00ff804d}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0ff,#0f8);color:#000;padding:8px 20px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;box-shadow:0 4px 20px #0ff6}.current-badge{position:absolute;top:-14px;right:16px;background:linear-gradient(135deg,#64ff96,#0c6);color:#000;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;box-shadow:0 4px 15px #00ff8066}.pricing-card h2{color:#1a1a2e;font-size:26px;margin:0 0 16px}.pricing-price{margin-bottom:16px}.pricing-price .price{font-size:52px;font-weight:800;background:linear-gradient(135deg,#ff0080,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-price .period{color:#666;font-size:16px;margin-left:8px}.billing-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:12px}.billing-type-badge.one-time{background:linear-gradient(135deg,gold,#fa0);color:#333;box-shadow:0 2px 10px #ffaa004d}.billing-type-badge.subscription{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 2px 10px #a855f74d}.pricing-description{color:#555;font-size:14px;margin:0 0 24px}.pricing-features{list-style:none;padding:0;margin:0 0 32px}.pricing-features li{display:flex;align-items:flex-start;gap:10px;color:#333;font-size:14px;margin-bottom:12px}.pricing-features .check{color:#0c6;font-weight:700;flex-shrink:0;text-shadow:0 0 10px rgba(0,255,128,.5)}.pricing-button{width:100%;padding:16px 20px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.pricing-button.primary{background:linear-gradient(135deg,#0ff,#0f8);color:#000;box-shadow:0 4px 20px #0ff6}.pricing-button.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 40px #00ffff80,0 0 60px #00ffff4d}.pricing-button.secondary{background:#ff00ff1a;color:#ff0080;border:2px solid rgba(255,0,255,.3)}.pricing-button.secondary:hover:not(:disabled){background:#f0f3;border-color:#ff00ff80;box-shadow:0 0 20px #ff00ff4d}.pricing-button:disabled{opacity:.6;cursor:not-allowed}.pricing-faq{max-width:800px;margin:80px auto 0;position:relative;z-index:1}.pricing-faq h2{font-size:36px;text-align:center;margin-bottom:40px;background:linear-gradient(135deg,#ff0080,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-item{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:16px;border:1px solid rgba(0,255,255,.2);box-shadow:0 4px 20px #0000000d}.faq-item h3{color:#1a1a2e;font-size:18px;margin:0 0 12px}.faq-item p{color:#555;font-size:14px;margin:0;line-height:1.6}.pricing-footer{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid rgba(0,255,255,.2);position:relative;z-index:1}.pricing-footer p{color:#555;font-size:14px}.pricing-footer a{color:#0cc;text-decoration:none;font-weight:600}.pricing-footer a:hover{text-decoration:underline}@media(max-width:768px){.pricing-header h1{font-size:32px}.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-price .price{font-size:40px}}.credit-packs-section{margin-top:80px;padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #667eea4d}.section-header{text-align:center;margin-bottom:60px;color:#fff}.section-header h2{font-size:2.5rem;margin-bottom:16px;font-weight:700}.section-header p{font-size:1.2rem;opacity:.95}.section-header .subtitle{font-size:1.1rem;opacity:.85;margin-top:8px;font-style:italic}.pack-category{margin-bottom:60px}.pack-category:last-child{margin-bottom:0}.pack-category h3{font-size:1.8rem;margin-bottom:24px;color:#fff;text-align:center;font-weight:600}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.pack-card{background:#fff;border-radius:16px;padding:32px;position:relative;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.pack-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.pack-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pack-card h4{font-size:1.5rem;margin-bottom:16px;color:#333;font-weight:600}.pack-price{margin-bottom:12px}.pack-price .price{font-size:3rem;font-weight:700;color:#667eea}.pack-credits{font-size:1.2rem;color:#666;margin-bottom:8px;font-weight:500}.pack-credits div{margin-bottom:4px}.pack-per-credit{font-size:.9rem;color:#999;margin-bottom:16px}.pack-description{font-size:1rem;color:#666;margin-bottom:24px;min-height:48px;flex-grow:1}.pack-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .3s ease,transform .1s ease}.pack-button:hover:not(:disabled){opacity:.9}.pack-button:active:not(:disabled){transform:scale(.98)}.pack-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.credit-packs-section{margin-top:60px;padding:40px 16px;border-radius:16px}.section-header h2{font-size:2rem}.section-header p{font-size:1rem}.section-header .subtitle{font-size:.95rem}.pack-category{margin-bottom:40px}.pack-category h3{font-size:1.5rem;margin-bottom:20px}.pack-grid{grid-template-columns:1fr;gap:20px}.pack-card{padding:24px}.pack-card h4{font-size:1.3rem}.pack-price .price{font-size:2.5rem}}@media(min-width:769px)and (max-width:1024px){.pack-grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pack-card{animation:fadeInUp .5s ease-out}.pack-card:nth-child(1){animation-delay:.1s}.pack-card:nth-child(2){animation-delay:.2s}.pack-card:nth-child(3){animation-delay:.3s}.pack-button.loading{position:relative;color:transparent}.pack-button.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}.account-container{min-height:100vh;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);background-size:400% 400%;animation:gradientShift 12s ease infinite;padding:40px 20px;position:relative}.account-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,255,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,128,.1) 0%,transparent 60%);pointer-events:none}.account-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);color:#ff0080;font-size:18px;font-weight:600}.account-header{max-width:1000px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.account-header h1{font-size:36px;margin:0;background:linear-gradient(135deg,#ff0080,#f80,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sign-out-button{background:#ff646433;border:2px solid rgba(255,100,100,.5);color:#c00;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.sign-out-button:hover{background:#ff64644d;box-shadow:0 0 20px #ff64644d}.account-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;position:relative;z-index:1}.account-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:2px solid rgba(0,255,255,.3);box-shadow:0 10px 40px #0000001a}.account-card.wide{grid-column:span 2}.account-card h2{color:#1a1a2e;font-size:20px;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(0,255,255,.2)}.profile-info{display:flex;align-items:center;gap:16px}.profile-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#0ff,#f0f);display:flex;align-items:center;justify-content:center;font-size:36px;overflow:hidden;box-shadow:0 4px 20px #00ffff4d}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{color:#1a1a2e;font-size:20px;font-weight:700;margin:0 0 4px}.profile-email{color:#666;font-size:14px;margin:0}.subscription-info{margin-bottom:16px}.subscription-badge{display:inline-block;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:700}.subscription-badge[data-tier=free]{background:#c8c8c84d;color:#666}.subscription-badge[data-tier=daily],.subscription-badge[data-tier=weekly],.subscription-badge[data-tier=monthly]{background:linear-gradient(135deg,#0ff,#0f8);color:#000;box-shadow:0 4px 15px #00ffff4d}.subscription-expires{color:#666;font-size:13px;margin:12px 0 0}.subscription-actions{display:flex;gap:12px}.upgrade-button{background:linear-gradient(135deg,#0ff,#0f8);color:#000;border:none;padding:14px 28px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d}.upgrade-button:hover{transform:translateY(-3px);box-shadow:0 10px 40px #0ff6}.manage-button{background:#fffc;color:#333;border:2px solid rgba(0,255,255,.3);padding:14px 28px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.manage-button:hover:not(:disabled){background:#fff;border-color:#0ff;box-shadow:0 0 20px #0ff3}.manage-button:disabled{opacity:.6;cursor:not-allowed}.wallet-balance{text-align:center;margin-bottom:16px}.balance-number{display:block;font-size:56px;font-weight:800;background:linear-gradient(135deg,#f80,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-label{color:#666;font-size:14px}.use-pass-button{width:100%;background:linear-gradient(135deg,#f80,#ff0080);color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;cursor:pointer;margin-bottom:12px;transition:all .3s ease;box-shadow:0 4px 20px #ff80004d}.use-pass-button:hover{transform:translateY(-3px);box-shadow:0 10px 40px #ff800066}.wallet-hint{color:#888;font-size:12px;text-align:center;margin:0}.promo-form{display:flex;gap:12px}.promo-form input{flex:1;background:#ffffffe6;border:2px solid rgba(0,255,255,.3);border-radius:10px;padding:14px 18px;color:#333;font-size:14px;text-transform:uppercase;font-weight:600;transition:all .3s ease}.promo-form input::placeholder{color:#999;text-transform:none;font-weight:400}.promo-form input:focus{outline:none;border-color:#0ff;box-shadow:0 0 20px #0ff3}.promo-form button{background:linear-gradient(135deg,#0ff,#0f8);color:#000;border:none;padding:14px 28px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d}.promo-form button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 40px #0ff6}.promo-form button:disabled{opacity:.6;cursor:not-allowed}.promo-message{margin-top:12px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500}.promo-message.success{background:#64ff9633;border:2px solid rgba(100,255,150,.4);color:#0a4}.promo-message.error{background:#ff646433;border:2px solid rgba(255,100,100,.4);color:#c00}.referral-description{color:#555;font-size:14px;margin:0 0 20px}.referral-link-box{display:flex;gap:12px;margin-bottom:24px}.referral-link-box input{flex:1;background:#ffffffe6;border:2px solid rgba(0,255,255,.3);border-radius:10px;padding:14px 18px;color:#333;font-size:13px}.referral-link-box button{background:#fffc;color:#333;border:2px solid rgba(0,255,255,.3);padding:14px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.referral-link-box button:hover{background:#fff;border-color:#0ff;box-shadow:0 0 20px #0ff3}.referral-stats{display:flex;gap:24px}.referral-stats .stat{text-align:center}.referral-stats .stat-number{display:block;font-size:36px;font-weight:800;background:linear-gradient(135deg,#0ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.referral-stats .stat-label{color:#666;font-size:12px}.referral-stats .milestone .stat-number{background:linear-gradient(135deg,#f80,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.usage-item{background:#ffffff80;border-radius:12px;padding:16px;border:1px solid rgba(0,255,255,.2)}.usage-header{display:flex;justify-content:space-between;margin-bottom:10px}.usage-label{color:#333;font-size:13px;font-weight:600}.usage-count{color:#666;font-size:12px}.usage-bar{height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#0ff,#f0f);border-radius:4px;transition:width .3s ease}.usage-fill[data-unlimited=true]{background:linear-gradient(90deg,#0f8,#0c6)}.usage-hint{color:#888;font-size:12px;text-align:center;margin:0}@media(max-width:768px){.account-grid{grid-template-columns:1fr}.account-card.wide{grid-column:span 1}.usage-grid{grid-template-columns:repeat(2,1fr)}.referral-stats{flex-wrap:wrap}.account-header{flex-direction:column;gap:16px;text-align:center}}.admin-container{min-height:100vh;overflow-y:auto;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);background-size:400% 400%;animation:gradientShift 12s ease infinite;padding:40px 20px;position:relative}.admin-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,255,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,128,.1) 0%,transparent 60%);pointer-events:none}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);background-size:400% 400%;animation:gradientShift 12s ease infinite;color:#ff0080;font-size:20px;font-weight:600;text-shadow:0 0 20px rgba(255,0,128,.3)}.admin-loading:after{content:"";width:40px;height:40px;border:4px solid rgba(0,255,255,.3);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite;margin-top:20px}.admin-header{max-width:1200px;margin:0 auto 40px;position:relative;z-index:1}.admin-header h1{font-size:36px;margin:0 0 24px;background:linear-gradient(135deg,#ff0080,#f80,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-tabs{display:flex;gap:12px}.admin-tabs button{background:#ffffffb3;border:2px solid rgba(0,255,255,.3);color:#333;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-tabs button:hover{background:#ffffffe6;border-color:#00ffff80;box-shadow:0 0 20px #0ff3}.admin-tabs button.active{background:linear-gradient(135deg,#0ff,#0f8);color:#000;border-color:transparent;box-shadow:0 4px 20px #0ff6}.admin-section{max-width:1200px;margin:0 auto;position:relative;z-index:1}.admin-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:2px solid rgba(0,255,255,.3);margin-bottom:24px;box-shadow:0 10px 40px #0000001a}.admin-card h2{color:#1a1a2e;font-size:20px;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(0,255,255,.2)}.promo-create-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#555;font-size:13px;font-weight:600}.form-group input,.form-group select{background:#ffffffe6;border:2px solid rgba(0,255,255,.3);border-radius:10px;padding:12px 14px;color:#333;font-size:14px;transition:all .3s ease}.form-group input::placeholder{color:#999}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0ff;box-shadow:0 0 20px #0ff3}.form-group select{cursor:pointer}.form-group select option{background:#fff;color:#333}.form-group button{background:linear-gradient(135deg,#0ff,#0f8);color:#000;border:none;padding:14px 24px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d}.form-group button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 40px #0ff6}.form-group button:disabled{opacity:.6;cursor:not-allowed}.admin-message{margin-top:16px;padding:14px 18px;border-radius:10px;font-size:14px;font-weight:500}.admin-message.success{background:#64ff9633;border:2px solid rgba(100,255,150,.4);color:#0a4}.admin-message.error{background:#ff646433;border:2px solid rgba(255,100,100,.4);color:#c00}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(0,255,255,.2)}.admin-table th{color:#666;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-table td{color:#333;font-size:14px}.admin-table code{background:linear-gradient(135deg,#00ffff26,#ff00ff1a);color:#ff0080;padding:6px 10px;border-radius:6px;font-family:monospace;font-weight:600}.admin-table .empty-row{text-align:center;color:#888;padding:40px}.status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.active{background:linear-gradient(135deg,#64ff964d,#00ff8033);color:#0a4;box-shadow:0 0 10px #00ff8033}.status-badge.inactive{background:#c8c8c84d;color:#888}.plan-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:capitalize}.plan-badge.free{background:#c8c8c84d;color:#666}.plan-badge.daily,.plan-badge.weekly,.plan-badge.monthly{background:linear-gradient(135deg,#00ffff4d,#00ff8033);color:#0aa;box-shadow:0 0 10px #0ff3}.action-btn{background:#fffc;border:2px solid rgba(0,255,255,.3);color:#333;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;margin-right:8px;transition:all .3s ease}.action-btn:hover{background:#fff;border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.action-btn.delete{border-color:#ff646480;color:#c00}.action-btn.delete:hover{background:#ff64641a;border-color:#ff6b6b;box-shadow:0 0 15px #ff64644d}.admin-access-denied{max-width:400px;margin:100px auto;text-align:center;padding:40px;background:#ffffffe6;border-radius:20px;border:2px solid rgba(0,255,255,.3);box-shadow:0 10px 40px #0000001a;position:relative;z-index:1}.admin-access-denied h2{font-size:28px;margin-bottom:16px;color:#333}.admin-access-denied p{color:#666;margin-bottom:12px}.admin-email{font-size:14px;color:#999;margin-bottom:24px!important}.admin-login-btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#0ff,#0f8);color:#000;text-decoration:none;border-radius:12px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d}.admin-login-btn:hover{transform:translateY(-3px);box-shadow:0 10px 40px #0ff6}.admin-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.back-to-app{color:#0aa;text-decoration:none;font-weight:600;padding:8px 16px;border-radius:8px;background:#00ffff1a;transition:all .3s ease}.back-to-app:hover{background:#0ff3}.admin-welcome{color:#666;margin:0 0 24px;font-size:16px}.admin-error{max-width:1200px;margin:0 auto 20px;padding:16px 20px;background:#ff64641a;border:2px solid rgba(255,100,100,.3);border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#c00;position:relative;z-index:1}.admin-error button{padding:8px 16px;background:linear-gradient(135deg,#ff6b6b,#f88);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.create-btn{background:linear-gradient(135deg,#0ff,#0f8);color:#000;border:none;padding:14px 28px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d}.create-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 40px #0ff6}.create-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.form-row{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}}.model-insights{padding:20px;max-width:1200px;margin:0 auto}.insights-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.insights-header h2{margin:0;font-size:1.5rem;color:#fff}.insights-timestamp{color:#888;font-size:.85rem}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:transform .2s,box-shadow .2s}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.insights-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.summary-icon{font-size:2rem}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:1.5rem;font-weight:700;color:#fff}.summary-label{font-size:.85rem;color:#888}.insights-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.insights-tabs button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#888;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.insights-tabs button:hover{border-color:#fff6;color:#fff}.insights-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.insights-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:24px}.insights-section h3{margin:0 0 20px;color:#fff;font-size:1.2rem}.insights-section h4{margin:0 0 12px;color:#ddd;font-size:1rem}.section-desc{color:#888;font-size:.85rem;margin-bottom:16px}.no-data{color:#888;text-align:center;padding:40px;font-style:italic}.insights-table{width:100%;border-collapse:collapse;font-size:.9rem}.insights-table th{text-align:left;padding:12px;border-bottom:1px solid rgba(255,255,255,.1);color:#888;font-weight:500}.insights-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);color:#ddd}.insights-table tr:hover{background:#ffffff08}.insights-table tr.top-model{background:#667eea1a}.insights-table .rank{font-size:1.2rem;text-align:center;width:50px}.insights-table .model-name{font-weight:500;color:#fff}.insights-table.compact{font-size:.85rem}.insights-table.compact th,.insights-table.compact td{padding:8px 12px}.win-rate{padding:4px 8px;border-radius:4px;font-weight:500}.win-rate.high{background:#22c55e33;color:#22c55e}.win-rate.low{background:#ef444433;color:#ef4444}.win-rate-bar{display:flex;align-items:center;gap:8px;position:relative;background:#ffffff1a;border-radius:4px;height:24px;overflow:hidden}.win-rate-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s}.win-rate-bar span{position:relative;z-index:1;padding:0 8px;font-size:.8rem;font-weight:500}.category-group{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05)}.category-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.category-title{font-size:1.1rem!important;text-transform:capitalize}.best-by-category{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.category-badges{display:flex;flex-wrap:wrap;gap:12px}.category-badge{display:flex;flex-direction:column;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;min-width:120px}.badge-category{font-size:.75rem;color:#888;text-transform:uppercase;margin-bottom:4px}.badge-model{font-size:.9rem;color:#fff;font-weight:500}.complexity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.complexity-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.complexity-card.simple{border-color:#22c55e4d}.complexity-card.medium{border-color:#eab3084d}.complexity-card.complex{border-color:#ef44444d}.complexity-card h4{margin:0 0 16px}.complexity-models{display:flex;flex-direction:column;gap:8px}.complexity-model{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff08;border-radius:6px}.complexity-model .model-name{flex:1;font-size:.85rem;color:#ddd}.complexity-model .win-rate{font-weight:600;color:#667eea}.complexity-model .sample-size{font-size:.75rem;color:#666}.specialties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.specialty-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.specialty-card h4{margin:0 0 12px;font-size:.9rem;color:#fff}.specialty-tags{display:flex;flex-wrap:wrap;gap:8px}.specialty-tag{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);padding:4px 10px;border-radius:20px;font-size:.8rem;color:#ddd;text-transform:capitalize}.insights-loading,.insights-error,.insights-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888}.insights-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.insights-error button{margin-top:16px;background:#667eea;border:none;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer}@media(max-width:768px){.model-insights{padding:12px}.insights-header{flex-direction:column;align-items:flex-start}.insights-tabs{flex-wrap:wrap}.insights-tabs button{flex:1;min-width:100px}.insights-table{font-size:.8rem}.insights-table th,.insights-table td{padding:8px}}.legal-container{min-height:100vh;display:flex;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);background-size:400% 400%;animation:gradientShift 12s ease infinite}.legal-card{max-width:800px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #0000001a,0 0 40px #00ffff1a;padding:40px}.legal-back{display:inline-flex;align-items:center;gap:8px;color:#00bcd4;text-decoration:none;font-weight:600;margin-bottom:24px;transition:all .3s ease}.legal-back:hover{color:#00838f;transform:translate(-4px)}.legal-header{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid rgba(0,188,212,.2)}.legal-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.legal-logo .logo-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.legal-logo .logo-icon-img{width:64px;height:64px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 4px 12px rgba(0,188,212,.4))}.legal-logo .logo-text{font-size:32px;font-weight:700;background:linear-gradient(135deg,#00bcd4,#ff4081);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-header h1{font-size:28px;color:#1a1a2e;margin-bottom:8px}.legal-updated{color:#666;font-size:14px}.legal-content{line-height:1.8;color:#333}.legal-content section{margin-bottom:32px}.legal-content h2{font-size:20px;color:#1a1a2e;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(0,188,212,.3)}.legal-content h3{font-size:16px;color:#333;margin:16px 0 12px}.legal-content p{margin-bottom:12px}.legal-content ul{margin:12px 0;padding-left:24px}.legal-content li{margin-bottom:8px}.legal-content a{color:#00bcd4;text-decoration:none;font-weight:500}.legal-content a:hover{text-decoration:underline}.highlight-section{background:linear-gradient(135deg,#fef9e7,#fff8e1);border:2px solid #ffd700;border-radius:16px;padding:24px;margin:24px 0}.highlight-section h2{color:#8b6914;border-bottom-color:gold}.highlight-section h3{color:#5d4e37}.contact-info{background:#00bcd41a;padding:16px;border-radius:12px;border-left:4px solid #00bcd4}.legal-footer{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px;padding-top:24px;border-top:2px solid rgba(0,188,212,.2)}.legal-footer a{color:#00bcd4;text-decoration:none;font-weight:600;transition:color .3s ease}.legal-footer a:hover{color:#00838f}.legal-footer span{color:#ccc}@media(max-width:768px){.legal-container{padding:20px 16px}.legal-card{padding:24px;border-radius:16px}.legal-header h1{font-size:24px}.legal-content h2{font-size:18px}.highlight-section{padding:16px}}.landing-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(180deg,#0a0a1a,#1a1a3a,#0d0d2a 60%,#050510);overflow:hidden;display:flex;align-items:center;justify-content:center}.starfield{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#0ff,#f0f);border-radius:50%;animation:float-up 15s linear infinite;opacity:.6}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.doors-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:100;pointer-events:none}.door{width:100%;height:50%;transition:transform 1.5s cubic-bezier(.4,0,.2,1)}.door-top{transform:translateY(-100%)}.door-bottom{transform:translateY(100%)}.doors-container.open .door-top{transform:translateY(-100%)}.doors-container.open .door-bottom{transform:translateY(100%)}.doors-container.closing .door-top,.doors-container.closing .door-bottom,.doors-container.closed .door-top,.doors-container.closed .door-bottom{transform:translateY(0)}.doors-container.opening .door-top{transform:translateY(-100%)}.doors-container.opening .door-bottom{transform:translateY(100%)}.door-panel{width:100%;height:100%;background:linear-gradient(90deg,#2a2a4a,#1a1a3a 20%,#0f0f2a,#1a1a3a 80%,#2a2a4a);border:4px solid #3a3a5a;position:relative;overflow:hidden}.door-top .door-panel{border-bottom:8px solid #00ffff;box-shadow:inset 0 -20px 60px #00ffff4d,inset 0 0 100px #00000080}.door-bottom .door-panel{border-top:8px solid #ff00ff;box-shadow:inset 0 20px 60px #ff00ff4d,inset 0 0 100px #00000080}.door-rivets{position:absolute;left:0;width:100%;display:flex;flex-direction:row;justify-content:space-around;padding:0 40px}.door-top .door-rivets{bottom:30px}.door-bottom .door-rivets{top:30px}.rivet{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#5a5a7a,#2a2a4a);border-radius:50%;box-shadow:0 2px 4px #00000080,inset 0 -2px 4px #0000004d}.door-stripe{position:absolute;width:100%;height:40px;background:repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(255,200,0,.3) 30px,rgba(255,200,0,.3) 60px)}.door-top .door-stripe:nth-child(2){bottom:60px}.door-top .door-stripe:nth-child(3){bottom:120px}.door-bottom .door-stripe:nth-child(2){top:60px}.door-bottom .door-stripe:nth-child(3){top:120px}.door-glow{position:absolute;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,255,255,.1) 50%,transparent 100%);animation:door-pulse 2s ease-in-out infinite}@keyframes door-pulse{0%,to{opacity:.5}50%{opacity:1}}.door-seam{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:4px;background:linear-gradient(90deg,#0ff,#f0f,#0ff);box-shadow:0 0 30px #0ffc,0 0 60px #f0f9;animation:seam-glow 1.5s ease-in-out infinite}.doors-container.opening .door-seam{opacity:0;transition:opacity .5s ease}@keyframes seam-glow{0%,to{box-shadow:0 0 30px #0ffc,0 0 60px #f0f9}50%{box-shadow:0 0 50px #0ff,0 0 100px #f0fc}}.landing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:50;transition:opacity .5s ease,transform .5s ease}.landing-content.fading{opacity:0;transform:scale(1.1)}.bill-container{position:relative;margin-bottom:20px}.bill-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,255,.4) 0%,rgba(255,0,255,.2) 40%,transparent 70%);animation:bill-glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes bill-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.bill-image{width:420px;height:420px;object-fit:cover;border-radius:24px;border:5px solid transparent;background:linear-gradient(#0a0a1a,#0a0a1a) padding-box,linear-gradient(135deg,#0ff,#f0f,#0f8) border-box;box-shadow:0 30px 80px #0009,0 0 60px #0ff6,0 0 120px #ff00ff4d;animation:bill-float 4s ease-in-out infinite}@keyframes bill-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.bill-reflection{position:absolute;bottom:-80px;left:50%;transform:translate(-50%) scaleY(-.3);width:420px;height:140px;background:linear-gradient(180deg,rgba(0,255,255,.2) 0%,transparent 100%);filter:blur(15px);opacity:.5}.landing-text{max-width:700px}.landing-title{font-size:80px;font-weight:900;margin:0 0 10px;letter-spacing:6px}.title-morgus{background:linear-gradient(135deg,#0ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,255,255,.5);filter:drop-shadow(0 0 20px rgba(0,255,255,.5))}.title-ai{background:linear-gradient(135deg,#f0f,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,0,255,.5))}.landing-tagline{font-size:26px;color:#ffffffe6;margin:0 0 12px;text-shadow:0 0 20px rgba(255,255,255,.3)}.landing-subtitle{font-size:17px;color:#fff9;margin:0 0 35px;line-height:1.6}.enter-button{position:relative;display:inline-flex;align-items:center;gap:12px;padding:20px 50px;font-size:20px;font-weight:700;color:#000;background:linear-gradient(135deg,#0ff,#0f8);border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 40px #0ff6,0 0 60px #0ff3}.enter-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 60px #00ffff80,0 0 100px #00ffff4d}.enter-button:active{transform:translateY(-2px) scale(1.02)}.button-text{position:relative;z-index:1}.button-icon{font-size:28px;animation:rocket-shake .5s ease-in-out infinite}@keyframes rocket-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-5deg)}75%{transform:translate(2px) rotate(5deg)}}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:button-shine 2s ease-in-out infinite}@keyframes button-shine{0%{left:-100%}50%,to{left:100%}}.portal-light{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200vmax;height:200vmax;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(0,255,255,.8) 20%,rgba(255,0,255,.4) 40%,transparent 60%);animation:portal-expand 1s ease-out forwards;z-index:200}@keyframes portal-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.neon-frame{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.neon-corner{position:absolute;width:100px;height:100px;border:3px solid transparent}.neon-corner.top-left{top:20px;left:20px;border-top-color:#0ff;border-left-color:#0ff;box-shadow:-5px -5px 20px #00ffff80}.neon-corner.top-right{top:20px;right:20px;border-top-color:#f0f;border-right-color:#f0f;box-shadow:5px -5px 20px #ff00ff80}.neon-corner.bottom-left{bottom:20px;left:20px;border-bottom-color:#f0f;border-left-color:#f0f;box-shadow:-5px 5px 20px #ff00ff80}.neon-corner.bottom-right{bottom:20px;right:20px;border-bottom-color:#0ff;border-right-color:#0ff;box-shadow:5px 5px 20px #00ffff80}@media(max-width:768px){.bill-image{width:280px;height:280px}.bill-glow{width:380px;height:380px}.landing-title{font-size:52px}.landing-tagline{font-size:20px}.landing-subtitle{font-size:14px;padding:0 20px}.enter-button{padding:16px 36px;font-size:17px}.neon-corner{width:60px;height:60px}.door-rivets{display:none}}@media(max-width:480px){.landing-title{font-size:40px}.bill-image{width:220px;height:220px}}.knowledge-base-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);padding:40px;color:#fff}.kb-page-header{max-width:1200px;margin:0 auto 40px;text-align:center}.back-button{position:absolute;top:20px;left:20px;padding:10px 20px;border:1px solid rgba(0,255,255,.3);border-radius:10px;background:#00ffff1a;color:#0ff;font-size:14px;cursor:pointer;transition:all .2s}.back-button:hover{background:#0ff3;transform:translate(-5px)}.kb-page-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.kb-page-icon{font-size:48px}.kb-page-title h1{margin:0;font-size:36px;font-weight:700;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kb-page-subtitle{margin:0;font-size:16px;color:#888}.kb-page-content{max-width:1200px;margin:0 auto;background:#ffffff08;border-radius:20px;border:1px solid rgba(0,255,255,.2);overflow:hidden}.kb-tabs{display:flex;gap:8px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.kb-tab{padding:12px 24px;border:none;border-radius:10px;background:#ffffff0d;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.kb-tab:hover{background:#ffffff1a;color:#fff}.kb-tab.active{background:linear-gradient(135deg,#0ff3,#f0f3);color:#fff;border:1px solid rgba(0,255,255,.3)}.kb-alert{display:flex;align-items:center;gap:10px;margin:20px 24px 0;padding:14px 18px;border-radius:12px;font-size:14px}.kb-alert.error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.kb-alert.success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.kb-alert button{margin-left:auto;background:none;border:none;color:inherit;font-size:20px;cursor:pointer;opacity:.7}.kb-alert button:hover{opacity:1}.kb-documents{padding:24px}.kb-search{margin-bottom:24px}.kb-search input{width:100%;padding:14px 20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:15px;transition:all .2s}.kb-search input:focus{outline:none;border-color:#00ffff80;box-shadow:0 0 20px #0ff3}.kb-search input::placeholder{color:#666}.kb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:#888}.kb-spinner{width:50px;height:50px;border:4px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.kb-empty{text-align:center;padding:80px 20px;color:#888}.empty-icon{font-size:80px;display:block;margin-bottom:20px}.kb-empty h3{margin:0 0 12px;color:#fff;font-size:22px}.kb-empty p{font-size:15px;max-width:400px;margin:0 auto 30px}.kb-empty button{padding:14px 28px;border:none;border-radius:12px;background:linear-gradient(135deg,#0ff,#0c8);color:#000;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.kb-empty button:hover{transform:scale(1.05);box-shadow:0 0 30px #0ff6}.kb-document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.kb-document-card{display:flex;flex-direction:column;padding:20px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .2s;position:relative}.kb-document-card:hover{background:#ffffff0f;border-color:#00ffff4d;transform:translateY(-2px)}.kb-document-card.processing{border-color:#ffcc004d;background:#ffcc000d}.kb-document-card.failed{border-color:#ff6b6b4d;background:#ff6b6b0d}.kb-document-card.completed{border-color:#0f83}.doc-icon{font-size:40px;margin-bottom:16px}.doc-info h4{margin:0 0 12px;font-size:16px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;margin-bottom:12px}.doc-meta span{padding:4px 10px;border-radius:8px;background:#ffffff1a;color:#888}.doc-status{font-size:13px;font-weight:500;padding:6px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;width:fit-content}.doc-status.completed{background:#00ff881a;color:#0f8}.doc-status.processing{background:#ffcc001a;color:#fc0}.doc-status.pending{background:#8888881a;color:#888}.doc-status.failed{background:#ff6b6b1a;color:#ff6b6b}.doc-error{margin:12px 0 0;font-size:12px;color:#ff6b6b}.doc-delete{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;cursor:pointer;padding:8px;opacity:.3;transition:all .2s}.doc-delete:hover{opacity:1;transform:scale(1.1)}.kb-add{padding:24px}.add-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.add-card{padding:30px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1);text-align:center}.add-card.full-width{grid-column:1 / -1}.add-card-icon{font-size:48px;margin-bottom:16px}.add-card h3{margin:0 0 8px;font-size:18px;color:#fff}.add-card p{margin:0 0 20px;font-size:14px;color:#888}.upload-button{width:100%;padding:24px;border:2px dashed rgba(0,255,255,.3);border-radius:14px;background:#00ffff0d;color:#0ff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.upload-button:hover:not(:disabled){border-color:#00ffff80;background:#00ffff1a}.upload-button:disabled{opacity:.7;cursor:not-allowed}.upload-progress{margin-top:16px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.upload-progress .progress-fill{height:100%;background:linear-gradient(90deg,#0ff,#f0f);border-radius:4px;transition:width .3s ease-out}.url-input-group{display:flex;gap:12px}.url-input-group input{flex:1;padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:14px}.url-input-group input:focus{outline:none;border-color:#00ffff80}.url-input-group button{padding:14px 28px;border:none;border-radius:12px;background:linear-gradient(135deg,#0ff,#0c8);color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.url-input-group button:hover:not(:disabled){transform:scale(1.02)}.url-input-group button:disabled{opacity:.5;cursor:not-allowed}.text-title-input{width:100%;padding:14px 18px;margin-bottom:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:14px}.text-title-input:focus{outline:none;border-color:#00ffff80}.add-card textarea{width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:14px;resize:vertical;min-height:150px}.add-card textarea:focus{outline:none;border-color:#00ffff80}.add-text-button{margin-top:16px;padding:14px 28px;border:none;border-radius:12px;background:linear-gradient(135deg,#f0f,#c0f);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-text-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 30px #f0f6}.add-text-button:disabled{opacity:.5;cursor:not-allowed}.kb-page-footer{max-width:1200px;margin:40px auto 0;text-align:center}.kb-stats{display:flex;justify-content:center;gap:60px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:36px;font-weight:700;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:14px;color:#888;margin-top:4px}.kb-hint{margin:0;font-size:14px;color:#666}:root:not(.dark) .knowledge-base-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef,#dee2e6);color:#333}:root:not(.dark) .back-button{border-color:#0088aa4d;background:#0088aa1a;color:#08a}:root:not(.dark) .kb-page-title h1{background:linear-gradient(90deg,#08a,#a08);-webkit-background-clip:text;background-clip:text}:root:not(.dark) .kb-page-content{background:#fffc;border-color:#08a3}:root:not(.dark) .kb-tabs{background:#0000000d}:root:not(.dark) .kb-tab{background:#0000000d;color:#666}:root:not(.dark) .kb-tab.active{background:linear-gradient(135deg,#08a3,#a083);color:#333;border-color:#0088aa4d}:root:not(.dark) .kb-search input,:root:not(.dark) .url-input-group input,:root:not(.dark) .text-title-input,:root:not(.dark) .add-card textarea{background:#0000000d;border-color:#0000001a;color:#333}:root:not(.dark) .kb-document-card,:root:not(.dark) .add-card{background:#fffc;border-color:#0000001a}:root:not(.dark) .doc-info h4,:root:not(.dark) .add-card h3{color:#333}:root:not(.dark) .kb-empty h3{color:#333}:root:not(.dark) .stat-value{background:linear-gradient(90deg,#08a,#a08);-webkit-background-clip:text;background-clip:text}@media(max-width:768px){.knowledge-base-page{padding:20px}.back-button{position:relative;top:0;left:0;margin-bottom:20px}.kb-page-title h1{font-size:28px}.kb-page-icon{font-size:36px}.add-cards{grid-template-columns:1fr}.kb-stats{gap:30px}.stat-value{font-size:28px}}.creator-nav{display:flex;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;margin-bottom:2rem}.creator-nav-item{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff}.creator-nav-item:hover{background:#ffffff1a;border-color:#00d4aa80;transform:translateY(-2px)}.creator-nav-item.active{background:linear-gradient(135deg,#00d4aa33,#00b4d833);border-color:#00d4aa}.creator-nav-icon{font-size:2rem;flex-shrink:0}.creator-nav-content{flex:1}.creator-nav-label{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.creator-nav-description{font-size:.9rem;opacity:.7}@media(max-width:768px){.creator-nav{flex-direction:column}.creator-nav-icon{font-size:1.5rem}.creator-nav-label{font-size:1rem}.creator-nav-description{font-size:.85rem}}.stats-dashboard{background:#ffffff0d;border-radius:16px;padding:2rem;margin-bottom:2rem}.stats-dashboard.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stats-header h2{margin:0;font-size:1.5rem}.creator-tier{padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stats-notice{background:#00b4d833;border:1px solid rgba(0,180,216,.4);border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stat-card.highlight{background:linear-gradient(135deg,#00d4aa33,#00b4d833);border-color:#00d4aa66}.stat-icon{font-size:2.5rem;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem;background:linear-gradient(135deg,#00d4aa,#00b4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.stats-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.stats-footer p{margin:0;opacity:.8}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#00d4aa;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.stats-dashboard{padding:1.5rem}.stats-header{flex-direction:column;gap:1rem;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}}.quick-actions-panel{background:#ffffff0d;border-radius:16px;padding:2rem;margin-bottom:2rem}.quick-actions-panel h3{margin:0 0 1.5rem;font-size:1.3rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;color:#fff;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--action-color, #00d4aa) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.quick-action-card:hover:before{opacity:.1}.quick-action-card:hover{border-color:var(--action-color, #00d4aa);transform:translate(4px);box-shadow:0 4px 12px #0003}.quick-action-icon{font-size:2.5rem;flex-shrink:0;z-index:1}.quick-action-content{flex:1;z-index:1}.quick-action-title{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.quick-action-description{font-size:.9rem;opacity:.7}.quick-action-arrow{font-size:1.5rem;opacity:.5;transition:all .3s ease;z-index:1}.quick-action-card:hover .quick-action-arrow{opacity:1;transform:translate(4px)}@media(max-width:768px){.quick-actions-panel{padding:1.5rem}.quick-actions-grid{grid-template-columns:1fr}.quick-action-icon{font-size:2rem}.quick-action-title{font-size:1rem}.quick-action-description{font-size:.85rem}}.notebooks-panel{display:flex;flex-direction:column;flex:0 0 auto;height:300px;max-height:300px;background:linear-gradient(135deg,#fffffff2,#f0fffaf2);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-radius:12px;overflow:hidden;margin-bottom:16px;border:2px solid rgba(0,255,200,.3);box-shadow:0 4px 20px #00ffc833,0 0 30px #ff00ff1a}.notebooks-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:2px solid rgba(0,255,200,.3);background:linear-gradient(135deg,#00ffc826,#ff00ff1a);flex-shrink:0}.notebooks-header h3{margin:0;font-size:18px;font-weight:700;color:#0c9;text-shadow:0 0 10px rgba(0,255,200,.3)}.daily-limit{font-size:12px;color:#666;background:#fffc;padding:4px 8px;border-radius:12px;border:1px solid rgba(0,255,200,.3)}.back-btn{background:transparent;border:none;color:#0c9;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .2s}.back-btn:hover{background:#00ffc833;color:#0f9}.notebooks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px;text-align:center;color:#666}.notebooks-empty p{margin:8px 0}.empty-hint{font-size:12px;opacity:.7}.notebooks-list{flex:1;overflow-y:auto;padding:8px}.notebook-item{display:flex;align-items:flex-start;gap:12px;padding:12px;margin-bottom:8px;background:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;border:1px solid rgba(0,255,200,.2)}.notebook-item:hover{background:#00ffc826;transform:translate(2px);border-color:#00ffc866;box-shadow:0 2px 10px #00ffc833}.notebook-icon{font-size:24px;flex-shrink:0}.notebook-content{flex:1;min-width:0}.notebook-title{font-size:14px;font-weight:600;color:#0c9;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#666;margin-bottom:4px}.notebook-purpose{text-transform:capitalize;background:var(--accent-color, #4a9eff);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px}.notebook-date{opacity:.7}.notebook-summary{font-size:12px;color:#555;line-height:1.4;margin-top:4px}.delete-notebook-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:16px;cursor:pointer;opacity:0;transition:opacity .2s;padding:4px}.notebook-item:hover .delete-notebook-btn{opacity:.6}.delete-notebook-btn:hover{opacity:1!important}.notebook-detail-view{background:var(--bg-primary, #0f0f0f)}.notebook-detail{flex:1;overflow-y:auto;padding:16px}.notebook-meta-detail{display:flex;align-items:center;gap:8px;margin-bottom:16px}.purpose-badge,.date-badge{font-size:11px;padding:4px 8px;border-radius:4px}.purpose-badge{background:var(--accent-color, #4a9eff);color:#fff;text-transform:capitalize}.date-badge{background:var(--bg-tertiary, #2a2a2a);color:var(--text-secondary, #999)}.notebook-summary-full{margin-bottom:24px}.notebook-summary-full h4{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:8px}.notebook-summary-full p{font-size:13px;line-height:1.6;color:var(--text-secondary, #ccc)}.notebook-sections{margin-bottom:24px}.notebook-sections h4{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:12px}.notebook-section{margin-bottom:16px;padding:12px;background:var(--bg-secondary, #1a1a1a);border-radius:6px;border-left:3px solid var(--accent-color, #4a9eff)}.notebook-section h5{font-size:13px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:8px}.notebook-section ul{margin:0;padding-left:20px}.notebook-section li{font-size:12px;line-height:1.6;color:var(--text-secondary, #ccc);margin-bottom:4px}.notebook-assets{margin-bottom:24px}.notebook-assets h4{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:12px}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.asset-item{background:var(--bg-secondary, #1a1a1a);border-radius:6px;padding:12px;border:1px solid var(--border-color, #333)}.asset-label{font-size:11px;font-weight:600;color:var(--text-secondary, #999);margin-bottom:8px;text-transform:uppercase}.asset-svg,.asset-image{width:100%;height:auto;border-radius:4px}.notebook-mindmap,.notebook-flowchart{margin-bottom:24px}.notebook-mindmap h4,.notebook-flowchart h4{font-size:14px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:12px}.mindmap-placeholder,.flowchart-placeholder{background:var(--bg-secondary, #1a1a1a);border:2px dashed var(--border-color, #333);border-radius:6px;padding:32px;text-align:center;color:var(--text-secondary, #999);font-size:12px}.notebooks-list::-webkit-scrollbar,.notebook-detail::-webkit-scrollbar{width:6px}.notebooks-list::-webkit-scrollbar-track,.notebook-detail::-webkit-scrollbar-track{background:transparent}.notebooks-list::-webkit-scrollbar-thumb,.notebook-detail::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #2a2a2a);border-radius:3px}.notebooks-list::-webkit-scrollbar-thumb:hover,.notebook-detail::-webkit-scrollbar-thumb:hover{background:var(--border-color, #333)}.notebooks-tabs{display:flex;gap:0;border-bottom:2px solid rgba(0,255,200,.3);margin-bottom:0;flex-shrink:0}.notebooks-tabs .tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .2s ease}.notebooks-tabs .tab:hover{background:#00ffc81a;color:#0c9}.notebooks-tabs .tab.active{color:#0c9;border-bottom-color:#0c9;font-weight:600;background:#00ffc80d}.notebooks-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.notebooklm-item{cursor:pointer}.notebooklm-item:hover{background:#00ffc826;transform:translate(2px)}.open-external-btn{padding:.5rem;background:#0c9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;position:absolute;top:8px;right:8px}.open-external-btn:hover{background:#0f9;transform:scale(1.1);box-shadow:0 0 10px #00ffc880}.create-notebook-btn{padding:.5rem 1rem;background:#0c9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.create-notebook-btn:hover{background:#0f9;box-shadow:0 0 10px #00ffc880}.create-notebook-btn-large{padding:.75rem 1.5rem;background:#0c9;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;transition:all .2s ease}.create-notebook-btn-large:hover{background:#0f9;transform:translateY(-2px);box-shadow:0 4px 12px #00ffc84d}.notebooklm-hint{margin-top:1.5rem;padding:1rem;background:#00ffc81a;border-radius:8px;border-left:4px solid #00cc99}.notebooklm-hint p{margin:0 0 .5rem;font-weight:600;color:#0c9}.notebooklm-hint ul{margin:0;padding-left:1.5rem;list-style:none}.notebooklm-hint li{margin:.5rem 0;color:#666;position:relative;font-size:.9rem}.notebooklm-hint li:before{content:"→";position:absolute;left:-1.5rem;color:#0c9;font-weight:700}.notebooklm-hint strong{color:#0c9;font-weight:600}.notebook-sources{font-size:.85rem;color:#666}.voice-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #667eea4d}.voice-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}.voice-button.listening{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f5576c4d}50%{transform:scale(1.1);box-shadow:0 4px 16px #f5576c99}}.moe-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #333;animation:moe-fade-in .5s ease}@keyframes moe-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.moe-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.moe-responded-count{font-size:11px;font-weight:400;color:#888;margin-left:auto}.moe-models{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}@media(max-width:768px){.moe-models{grid-template-columns:1fr}}.moe-model-card{background:#252525;border-radius:8px;padding:12px;text-align:center;border:2px solid transparent;transition:all .3s ease}.moe-model-card.winner{border-color:gold;background:linear-gradient(135deg,#2a2200,#252525);box-shadow:0 0 20px #ffd7004d;animation:moe-winner-pulse 2s ease-in-out infinite}@keyframes moe-winner-pulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080}}.moe-model-card.too-slow{border-color:#ff6b6b;background:linear-gradient(135deg,#2a1515,#252525);opacity:.7}.moe-model-card.too-slow .moe-model-name{color:#ff6b6b}.too-slow-badge{font-size:12px!important;font-weight:600!important;color:#ff6b6b!important;background:#ff6b6b33;padding:4px 8px;border-radius:4px;display:inline-block}.moe-model-name{font-size:12px;font-weight:600;color:#aaa;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.moe-model-card.winner .moe-model-name{color:gold}.moe-model-score{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.moe-model-card.winner .moe-model-score{color:gold}.moe-model-stats{font-size:11px;color:#666}.moe-model-stats div{margin-bottom:2px}.moe-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#666;padding-top:8px;border-top:1px solid #333}.moe-expand-btn{background:#333;border:none;color:#aaa;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s ease;font-family:inherit}.moe-expand-btn:hover{background:#444;color:#fff}.moe-expand-btn:active{transform:scale(.95)}.moe-explanation{margin-top:12px;padding:12px;background:#1a1a1a;border-radius:6px;font-size:12px;color:#aaa;line-height:1.6;white-space:pre-wrap;animation:moe-slide-down .3s ease}@keyframes moe-slide-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.moe-leaderboard-box{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,#a855f7,#ec4899,#f97316);border-radius:12px;box-shadow:0 4px 16px #a855f766;margin:0 auto}.leaderboard-title{font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.3)}.leaderboard-grid{display:flex;gap:8px}.leaderboard-row{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fffffff2;border-radius:8px;transition:all .2s ease}.leaderboard-row:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.leaderboard-row.rank-1{border-left:3px solid #FFD700;box-shadow:0 0 12px #ffd70066}.leaderboard-row.rank-2{border-left:3px solid #C0C0C0;box-shadow:0 0 12px #c0c0c066}.leaderboard-row.rank-3{border-left:3px solid #CD7F32;box-shadow:0 0 12px #cd7f3266}.rank-badge{font-size:1.2rem;line-height:1}.model-info{display:flex;flex-direction:column;gap:2px}.model-name-short{font-weight:700;color:#1a1a1a;font-size:.75rem;white-space:nowrap}.win-rate-badge{font-size:.65rem;color:#10b981;font-weight:700;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:2px 6px;border-radius:6px;display:inline-block;width:fit-content;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media(max-width:768px){.moe-leaderboard-box{flex-direction:column;align-items:flex-start;padding:8px;width:100%;border-radius:0;margin:0}.leaderboard-title{margin-bottom:4px;font-size:.9rem}.leaderboard-grid{width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.leaderboard-row{display:inline-flex;flex-shrink:0;padding:8px 12px}.model-name-short{font-size:.8rem}.win-rate-badge{font-size:.7rem}}.thinking-indicator{display:flex;flex-direction:column;gap:8px;padding:16px 20px;margin:12px 0;font-size:14px;color:#555;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:12px;box-shadow:0 2px 12px #667eea26;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.thinking-main{display:flex;align-items:center;gap:12px}.thinking-spinner{position:relative;width:24px;height:24px}.spinner-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(1){border-top-color:#667eea;animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:#764ba2;animation-delay:.15s;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){border-bottom-color:#f093fb;animation-delay:.3s;width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thinking-content{display:flex;flex-direction:column;gap:2px;flex:1}.thinking-text{font-weight:500;color:#444;animation:textFade 4s ease-in-out infinite}@keyframes textFade{0%,to{opacity:1}50%{opacity:.7}}.thinking-time{font-size:12px;color:#888;font-family:SF Mono,Monaco,Consolas,monospace}.thinking-dots{display:flex;gap:4px;align-items:center}.thinking-dots .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:bounce 1.4s infinite ease-in-out both}.thinking-dots .dot:nth-child(1){animation-delay:-.32s}.thinking-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.thinking-encouragement{font-size:12px;color:#666;font-style:italic;padding-left:36px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.thinking-research-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#00d4ff;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:20px;padding:4px 12px;margin-left:36px;width:fit-content}.thinking-indicator.deep-research{background:linear-gradient(135deg,#00d4ff1a,#ff00ff1a);border-color:#00d4ff66;box-shadow:0 0 20px #00d4ff33,0 2px 12px #ff00ff26}.thinking-indicator.deep-research .spinner-ring:nth-child(1){border-top-color:#00d4ff}.thinking-indicator.deep-research .spinner-ring:nth-child(2){border-right-color:#f0f}.thinking-indicator.deep-research .spinner-ring:nth-child(3){border-bottom-color:#0f8}.thinking-indicator.deep-research .thinking-dots .dot{background:linear-gradient(135deg,#00d4ff,#f0f)}.app.dark-mode .thinking-indicator{color:#ccc;background:linear-gradient(135deg,#ff00ff26,#00d4ff26);border:1px solid rgba(255,0,255,.4);box-shadow:0 0 20px #ff00ff4d,0 2px 12px #f0f3}.app.dark-mode .thinking-text{color:#fff}.app.dark-mode .thinking-time{color:#aaa}.app.dark-mode .thinking-encouragement{color:#999}.app.dark-mode .spinner-ring:nth-child(1){border-top-color:#f0f}.app.dark-mode .spinner-ring:nth-child(2){border-right-color:#00d4ff}.app.dark-mode .spinner-ring:nth-child(3){border-bottom-color:#0f8}.app.dark-mode .thinking-dots .dot{background:linear-gradient(135deg,#f0f,#00d4ff);box-shadow:0 0 8px #f0f9}.app.dark-mode .thinking-indicator.deep-research{border-color:#00d4ff80;box-shadow:0 0 25px #00d4ff4d,0 0 15px #ff00ff4d}.app.dark-mode .thinking-research-badge{color:#0ff;background:#00ffff26;border-color:#0ff6;box-shadow:0 0 10px #00ffff4d}.browser-view-container{margin:16px 0;border:2px solid #8b5cf6;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px #8b5cf64d;max-width:100%}.browser-view-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.browser-view-title{font-weight:600;color:#fff;font-size:13px;display:flex;align-items:center;gap:6px}.browser-view-controls{display:flex;gap:6px}.browser-view-btn{width:28px;height:28px;border-radius:6px;border:none;background:#ffffff26;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s}.browser-view-btn:hover{background:#ffffff40;transform:scale(1.05)}.browser-view-close:hover{background:#ff646480}.browser-view-close:disabled{opacity:.5;cursor:not-allowed}.browser-view-iframe-container{background:#fff;position:relative}.browser-view-iframe{width:100%;height:350px;border:none;display:block;transform-origin:top left}.browser-view-footer{padding:8px 12px;background:#0000000d;color:#666;font-size:12px;text-align:center;border-top:1px solid rgba(0,0,0,.1)}.browser-view-takeover{display:block;margin-top:4px;color:#8b5cf6;font-weight:500}.browser-view-closed{margin:12px 0;padding:12px 16px;background:#0000000d;border-radius:8px;color:#666;font-size:13px;text-align:center}@media(max-width:768px){.browser-view-iframe{height:280px}}.settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{background:var(--bg-secondary, #1a1a2e);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-color, #333)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #333)}.settings-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #fff)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary, #888);padding:4px 8px;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff)}.settings-tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid var(--border-color, #333);background:var(--bg-tertiary, #151525)}.settings-tabs .tab{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary, #888);cursor:pointer;border-radius:8px;font-size:14px;transition:all .2s}.settings-tabs .tab:hover{background:var(--bg-secondary, #1a1a2e);color:var(--text-primary, #fff)}.settings-tabs .tab.active{background:var(--accent-color, #ff1493);color:#fff}.settings-content{flex:1;overflow-y:auto;padding:24px}.general-settings{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary, #151525);border-radius:12px;border:1px solid var(--border-color, #333)}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-label{font-weight:600;color:var(--text-primary, #fff)}.setting-description{font-size:13px;color:var(--text-secondary, #888)}.version-badge{background:var(--accent-color, #ff1493);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary, #333);transition:.3s;border-radius:26px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--accent-color, #ff1493)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.mcp-settings{display:flex;flex-direction:column;gap:20px}.mcp-info{padding:12px 16px;background:var(--bg-tertiary, #151525);border-radius:8px;border-left:3px solid var(--accent-color, #ff1493)}.mcp-info p{margin:0;color:var(--text-secondary, #888);font-size:14px}.add-server-form{display:flex;gap:8px;flex-wrap:wrap}.add-server-form input{flex:1;min-width:150px;padding:10px 14px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-tertiary, #151525);color:var(--text-primary, #fff);font-size:14px}.add-server-form input:focus{outline:none;border-color:var(--accent-color, #ff1493)}.add-server-form button{padding:10px 20px;background:var(--accent-color, #ff1493);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.add-server-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff14934d}.add-server-form button:disabled{opacity:.5;cursor:not-allowed}.servers-list{display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary, #888)}.empty-state .hint{font-size:13px;margin-top:8px}.server-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary, #151525);border-radius:12px;border:1px solid var(--border-color, #333)}.server-info{display:flex;flex-direction:column;gap:4px}.server-name{font-weight:600;color:var(--text-primary, #fff)}.server-url{font-size:12px;color:var(--text-secondary, #888);font-family:monospace}.status-badge{font-size:12px;margin-top:4px}.server-actions{display:flex;align-items:center;gap:12px}.remove-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;opacity:.6;transition:opacity .2s}.remove-btn:hover{opacity:1}.skills-settings{display:flex;flex-direction:column;gap:20px}.skills-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.skills-header p{margin:0;color:var(--text-secondary, #888);font-size:14px}.bulk-actions{display:flex;gap:8px}.bulk-actions button{padding:6px 12px;background:var(--bg-tertiary, #151525);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333);border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.bulk-actions button:hover{background:var(--bg-secondary, #1a1a2e);border-color:var(--accent-color, #ff1493)}.skill-category{margin-bottom:16px}.skill-category h3{font-size:14px;color:var(--accent-color, #ff1493);margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.skills-list{display:flex;flex-direction:column;gap:8px}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary, #151525);border-radius:8px;border:1px solid var(--border-color, #333);transition:all .2s}.skill-item.disabled{opacity:.5}.skill-item:hover{border-color:var(--accent-color, #ff1493)}.skill-info{display:flex;flex-direction:column;gap:2px}.skill-name{font-weight:500;color:var(--text-primary, #fff);font-size:14px}.skill-description{font-size:12px;color:var(--text-secondary, #888)}:root:not(.dark) .settings-panel{background:#fff}:root:not(.dark) .settings-header{border-color:#e0e0e0}:root:not(.dark) .settings-header h2{color:#1a1a2e}:root:not(.dark) .close-btn{color:#666}:root:not(.dark) .close-btn:hover{background:#f0f0f0;color:#333}:root:not(.dark) .settings-tabs{background:#f5f5f5;border-color:#e0e0e0}:root:not(.dark) .settings-tabs .tab{color:#666}:root:not(.dark) .settings-tabs .tab:hover{background:#e8e8e8;color:#333}:root:not(.dark) .setting-item,:root:not(.dark) .server-item,:root:not(.dark) .skill-item,:root:not(.dark) .mcp-info{background:#f5f5f5;border-color:#e0e0e0}:root:not(.dark) .skill-name,:root:not(.dark) .setting-label,:root:not(.dark) .server-name{color:#1a1a2e}:root:not(.dark) .skill-description,:root:not(.dark) .setting-description,:root:not(.dark) .server-url{color:#555}:root:not(.dark) .section-title{color:#08a}:root:not(.dark) .skill-category h3{color:#d81b60}:root:not(.dark) .account-btn{background:#0000000d;color:#333;border-color:#ddd}:root:not(.dark) .account-btn:hover{background:#0088aa1a;border-color:#08a;color:#08a}:root:not(.dark) .account-btn.logout{color:#d32f2f;border-color:#d32f2f4d}:root:not(.dark) .account-btn.logout:hover{background:#d32f2f1a;border-color:#d32f2f}:root:not(.dark) .account-btn.admin{color:#b8860b;border-color:#b8860b4d}:root:not(.dark) .bulk-actions button:hover{background:#f5f5f5;border-color:#d81b60;color:#d81b60}:root:not(.dark) .add-server-form input::placeholder{color:#999}.setting-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #333)}.section-title{font-size:14px;color:#0ff;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}.plan-badge{background:linear-gradient(135deg,#0ff,#0cc);color:#000;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.plan-badge.admin-badge{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e;box-shadow:0 0 12px #ffd70066;animation:adminGlow 2s ease-in-out infinite}@keyframes adminGlow{0%,to{box-shadow:0 0 12px #ffd70066}50%{box-shadow:0 0 20px #ffd70099}}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.account-btn{padding:10px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:6px}.account-btn:hover{background:#ffffff26;border-color:#0ff;color:#0ff}.account-btn.primary{background:linear-gradient(135deg,#0ff,#0cc);color:#000;border:none;font-weight:600}.account-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0ff6}.account-btn.admin{border-color:#ffd70066;color:gold}.account-btn.admin:hover{background:#ffd7001a;border-color:gold}.account-btn.logout{border-color:#ff646466;color:#ff6b6b}.account-btn.logout:hover{background:#ff64641a;border-color:#ff6b6b}.setting-item.privacy-toggle{background:linear-gradient(135deg,#ffd7001a,#8b45131a);border:1px solid rgba(255,215,0,.3);position:relative;overflow:hidden}.setting-item.privacy-toggle:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20,50 Q30,40 40,50 T60,50 T80,50' stroke='%23ffd700' stroke-width='2' fill='none' opacity='0.1'/%3E%3C/svg%3E") repeat;opacity:.3;pointer-events:none}.snake-icon{font-size:1.2em;margin-right:4px;animation:snake-wiggle 3s ease-in-out infinite}@keyframes snake-wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.toggle-switch.privacy .slider.privacy-slider{background-color:#8b4513}.toggle-switch.privacy input:checked+.slider.privacy-slider{background:linear-gradient(135deg,gold,#daa520)}.toggle-switch.privacy input:checked+.slider.privacy-slider:before{content:"🐍";display:flex;align-items:center;justify-content:center;font-size:12px;background:#fff}.setting-item.privacy-toggle .setting-description{font-style:italic;color:#daa520}:root:not(.dark) .setting-item.privacy-toggle{background:linear-gradient(135deg,#ffd70033,#8b451326);border-color:#ffd70080}:root:not(.dark) .setting-item.privacy-toggle .setting-description{color:#8b4513}.referral-section{margin-top:16px;padding:16px;background:linear-gradient(135deg,#00ff881a,#00ffff1a);border:1px solid rgba(0,255,136,.3);border-radius:12px}.referral-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.referral-icon{font-size:1.4em}.referral-title{font-weight:700;font-size:16px;color:#0f8}.referral-description{font-size:13px;color:var(--text-secondary, #888);margin:0 0 12px}.referral-code-box{display:flex;align-items:center;gap:8px;margin-bottom:12px}.referral-code{flex:1;padding:12px 16px;background:var(--bg-tertiary, #151525);border:2px dashed rgba(0,255,136,.5);border-radius:8px;font-family:monospace;font-size:18px;font-weight:700;color:#0f8;letter-spacing:2px;text-align:center}.copy-code-btn{padding:12px 16px;background:linear-gradient(135deg,#0f8,#0cc);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-code-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0f86}.share-link-btn{width:100%;padding:12px 16px;background:#00ffff1a;color:#0ff;border:1px solid rgba(0,255,255,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.share-link-btn:hover{background:#0ff3;border-color:#0ff}:root:not(.dark) .referral-section{background:linear-gradient(135deg,#00c8641a,#00b4c81a);border-color:#00b46466}:root:not(.dark) .referral-title{color:#0a6}:root:not(.dark) .referral-description{color:#555}:root:not(.dark) .referral-code{background:#f5f5f5;border-color:#00b46480;color:#0a6}:root:not(.dark) .share-link-btn{color:#08a;border-color:#0088aa4d}:root:not(.dark) .share-link-btn:hover{background:#0088aa1a;border-color:#08a}:root:not(.dark) .account-btn.admin:hover{background:#b8860b1a;border-color:#b8860b}:root:not(.dark) .add-server-form input{background:#fff;border-color:#ddd;color:#333}:root:not(.dark) .add-server-form input:focus{border-color:#08a}:root:not(.dark) .toggle-switch .slider{background-color:#ccc}:root:not(.dark) .plan-badge{background:#e0e0e0;color:#333}:root:not(.dark) .bulk-actions button{background:#fff;color:#333;border-color:#ddd}:root:not(.dark) .bulk-actions button:hover{background:#f0f0f0;border-color:#08a}:root:not(.dark) .empty-state{color:#666}:root:not(.dark) .mcp-info p{color:#555}:root:not(.dark) .skills-header p{color:#555}.manual-server-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.manual-server-section h4{margin:0 0 .5rem;font-size:.95rem;color:var(--text-primary, #fff)}.manual-hint{font-size:.8rem;opacity:.6;margin:0 0 1rem;color:var(--text-secondary, #888)}.custom-servers-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.custom-servers-section h4{margin:0 0 .75rem;font-size:.95rem;color:var(--text-primary, #fff)}:root:not(.dark) .manual-server-section,:root:not(.dark) .custom-servers-section{border-top-color:#0000001a}:root:not(.dark) .manual-server-section h4,:root:not(.dark) .custom-servers-section h4{color:#1a1a2e}:root:not(.dark) .manual-hint{color:#666}@media(max-width:768px){.settings-panel{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;border:none}.settings-header{padding:16px;position:sticky;top:0;background:var(--bg-secondary, #1a1a2e);z-index:10}.settings-header h2{font-size:1.2rem}.close-btn{font-size:28px;padding:8px 12px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.settings-tabs{padding:8px 16px;position:sticky;top:57px;background:var(--bg-tertiary, #151525);z-index:9}.settings-tabs .tab{padding:10px 14px;font-size:13px;min-height:44px}.settings-content{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.setting-item{padding:14px 0}.setting-item label{font-size:14px}.setting-item input,.setting-item select,.setting-item button{font-size:15px;min-height:44px}}.learning-settings{display:flex;flex-direction:column;gap:16px}.section-description{font-size:13px;color:var(--text-secondary, #888);margin:0 0 16px}.learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{background:var(--bg-tertiary, #151525);border:1px solid var(--border-color, #333);border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:28px;font-weight:700;color:#0ff}.stat-label{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.preference-list{display:flex;flex-direction:column;gap:8px}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary, #151525);border:1px solid var(--border-color, #333);border-radius:8px}.preference-label{font-size:14px;color:var(--text-primary, #fff)}.preference-value{font-size:13px;color:#0ff;font-weight:500}.insights-empty{padding:32px;text-align:center;background:var(--bg-tertiary, #151525);border:1px dashed var(--border-color, #333);border-radius:12px;color:var(--text-secondary, #888);font-size:14px}.data-actions{display:flex;gap:12px;flex-wrap:wrap}.data-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.data-btn.export{background:#00ffff1a;color:#0ff;border:1px solid rgba(0,255,255,.3)}.data-btn.export:hover{background:#0ff3;border-color:#0ff}.data-btn.clear{background:#ff64641a;color:#ff6b6b;border:1px solid rgba(255,100,100,.3)}.data-btn.clear:hover{background:#ff646433;border-color:#ff6b6b}:root:not(.dark) .stat-card{background:#f5f5f5;border-color:#e0e0e0}:root:not(.dark) .stat-value{color:#08a}:root:not(.dark) .preference-item{background:#f5f5f5;border-color:#e0e0e0}:root:not(.dark) .preference-label{color:#333}:root:not(.dark) .preference-value{color:#08a}:root:not(.dark) .insights-empty{background:#f5f5f5;border-color:#ddd;color:#666}:root:not(.dark) .data-btn.export{background:#0088aa1a;color:#08a;border-color:#0088aa4d}:root:not(.dark) .data-btn.export:hover{background:#08a3;border-color:#08a}:root:not(.dark) .data-btn.clear{background:#d32f2f1a;color:#d32f2f;border-color:#d32f2f4d}:root:not(.dark) .data-btn.clear:hover{background:#d32f2f33;border-color:#d32f2f}@media(max-width:768px){.learning-stats{grid-template-columns:1fr}.data-actions{flex-direction:column}.data-btn{width:100%;justify-content:center}}.mcp-server-browser{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto}.mcp-browser-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,200,200,.2);border-top-color:#00c8c8;border-radius:50%;animation:spin 1s linear infinite}.browser-header{display:flex;justify-content:center;margin-bottom:.5rem}.view-toggle{display:flex;background:#0003;border-radius:8px;padding:4px}.toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:inherit;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.toggle-btn:hover{background:#00c8c81a}.toggle-btn.active{background:linear-gradient(135deg,#00c8c8,#00a0a0);color:#fff}.browser-controls{display:flex;flex-direction:column;gap:.75rem}.search-box{display:flex;align-items:center;background:#0003;border-radius:8px;padding:.5rem 1rem;border:1px solid rgba(0,200,200,.2)}.search-box:focus-within{border-color:#00c8c8}.search-icon{margin-right:.5rem;opacity:.6}.search-box input{flex:1;background:transparent;border:none;color:inherit;font-size:.95rem;outline:none}.search-box input::placeholder{color:inherit;opacity:.5}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.4rem .8rem;border:1px solid rgba(0,200,200,.3);background:transparent;color:inherit;border-radius:20px;cursor:pointer;font-size:.8rem;transition:all .2s;text-transform:capitalize}.category-btn:hover{border-color:#00c8c8;background:#00c8c81a}.category-btn.active{background:linear-gradient(135deg,#00c8c8,#00a0a0);border-color:transparent;color:#fff}.featured-section{margin-bottom:1rem}.featured-section h3{font-size:1rem;margin-bottom:.75rem;color:gold}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.featured-card{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:1px solid rgba(255,215,0,.3);border-radius:12px;cursor:pointer;transition:all .2s}.featured-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70033}.featured-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffd70033;border-radius:10px;font-size:1.5rem}.featured-icon img{width:100%;height:100%;object-fit:cover;border-radius:10px}.featured-info h4{margin:0 0 .25rem;font-size:.95rem}.featured-info p{margin:0;font-size:.8rem;opacity:.7;line-height:1.3}.featured-meta{display:flex;gap:.5rem;margin-top:.5rem}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.server-card{background:#0003;border:1px solid rgba(0,200,200,.2);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s}.server-card:hover{border-color:#00c8c8;transform:translateY(-2px);box-shadow:0 4px 12px #00c8c833}.server-card.installed{border-color:#4ade80;background:#4ade800d}.server-header{display:flex;gap:.75rem;margin-bottom:.75rem}.server-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00c8c81a;border-radius:8px;font-size:1.25rem}.server-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}.server-title h4{margin:0;font-size:.95rem}.server-author{font-size:.75rem;opacity:.6}.server-description{font-size:.85rem;opacity:.8;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.server-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.server-rating{display:flex;align-items:center;gap:.25rem}.star{color:#666;font-size:.9rem}.star.filled{color:gold}.rating-count{font-size:.75rem;opacity:.6;margin-left:.25rem}.install-count{font-size:.8rem;opacity:.6}.server-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.badge.official{background:linear-gradient(135deg,gold,orange);color:#000}.badge.verified{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.badge.category{background:#00c8c81a;color:#00c8c8;border:1px solid rgba(0,200,200,.2);text-transform:capitalize}.server-actions{display:flex;justify-content:flex-end}.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.action-btn.install{background:linear-gradient(135deg,#00c8c8,#00a0a0);color:#fff}.action-btn.install:hover{transform:scale(1.05)}.action-btn.install:disabled{opacity:.6;cursor:not-allowed}.action-btn.installed{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;grid-column:1 / -1}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{opacity:.7;margin:0}.browse-btn{margin-top:1rem;padding:.5rem 1.5rem;background:linear-gradient(135deg,#00c8c8,#00a0a0);border:none;border-radius:6px;color:#fff;cursor:pointer}.installed-list{display:flex;flex-direction:column;gap:.75rem}.installed-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border:1px solid rgba(0,200,200,.2);border-radius:10px;transition:all .2s}.installed-item.enabled{border-color:#4ade804d}.installed-item.disabled{opacity:.6}.installed-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00c8c81a;border-radius:10px;font-size:1.5rem}.installed-icon img{width:100%;height:100%;object-fit:cover;border-radius:10px}.installed-info{flex:1}.installed-info h4{margin:0 0 .25rem;font-size:1rem}.installed-info p{margin:0 0 .5rem;font-size:.85rem;opacity:.7}.installed-meta{display:flex;gap:1rem;font-size:.8rem}.status{text-transform:capitalize}.status.connected{color:#4ade80}.status.error{color:#f87171}.status.pending{color:#fbbf24}.version{opacity:.6}.installed-actions{display:flex;align-items:center;gap:.75rem}.uninstall-btn{padding:.5rem;background:transparent;border:1px solid rgba(248,113,113,.3);border-radius:6px;cursor:pointer;opacity:.6;transition:all .2s}.uninstall-btn:hover{opacity:1;background:#f871711a;border-color:#f87171}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background:#0000004d;border-radius:24px;transition:.3s}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.slider{background:linear-gradient(135deg,#00c8c8,#00a0a0)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}.server-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.server-modal{background:#1a1a2e;border:1px solid rgba(0,200,200,.3);border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#fff3}.modal-header{display:flex;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#00c8c81a;border-radius:12px;font-size:2rem}.modal-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.default-icon.large{font-size:2rem}.modal-title h2{margin:0 0 .25rem;font-size:1.25rem}.modal-author{font-size:.9rem;opacity:.6}.modal-badges{display:flex;gap:.5rem;margin-top:.5rem}.modal-stats{display:flex;justify-content:space-around;padding:1rem;background:#0003}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1rem;font-weight:600}.stat-label{font-size:.75rem;opacity:.6}.modal-description{padding:1rem 1.5rem}.modal-description h3{margin:0 0 .5rem;font-size:.9rem;opacity:.8}.modal-description p{margin:0;font-size:.9rem;line-height:1.6;opacity:.9}.modal-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1rem}.tag{padding:.25rem .75rem;background:#00c8c81a;border:1px solid rgba(0,200,200,.2);border-radius:20px;font-size:.8rem;color:#00c8c8}.modal-links{display:flex;flex-wrap:wrap;gap:1rem;padding:0 1.5rem 1rem}.modal-links a{color:#00c8c8;text-decoration:none;font-size:.9rem}.modal-links a:hover{text-decoration:underline}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.modal-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.modal-btn.primary{background:linear-gradient(135deg,#00c8c8,#00a0a0);color:#fff}.modal-btn.primary:hover{transform:scale(1.02)}.modal-btn.primary.installed{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.modal-btn.secondary{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.3)}.modal-btn.secondary:hover{background:#f8717133}[data-theme=light] .mcp-server-browser,.light-mode .mcp-server-browser{color:#1a1a2e}[data-theme=light] .search-box,.light-mode .search-box{background:#0000000d;border-color:#0000001a}[data-theme=light] .server-card,.light-mode .server-card,[data-theme=light] .installed-item,.light-mode .installed-item{background:#fff;border-color:#0000001a}[data-theme=light] .server-modal,.light-mode .server-modal{background:#fff;color:#1a1a2e}[data-theme=light] .view-toggle,.light-mode .view-toggle{background:#0000000d}@media(max-width:600px){.servers-grid,.featured-grid{grid-template-columns:1fr}.category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.category-btn{white-space:nowrap}}.learning-insights{padding:1rem}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.insights-header h3{margin:0;font-size:1.1rem}.refresh-btn{background:var(--bg-secondary, #f0f0f0);border:1px solid var(--border-color, #ddd);border-radius:6px;padding:.4rem .8rem;cursor:pointer;font-size:.85rem;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--bg-hover, #e0e0e0)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.section-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color, #ddd);padding-bottom:.5rem}.section-tab{background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-size:.85rem;border-radius:6px;transition:all .2s;color:var(--text-secondary, #666)}.section-tab:hover{background:var(--bg-secondary, #f0f0f0)}.section-tab.active{background:var(--primary-color, #6366f1);color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;padding:2rem;color:var(--text-secondary, #666)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #ddd);border-top-color:var(--primary-color, #6366f1);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary, #f8f9fa);border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-icon{font-size:1.5rem;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color, #6366f1)}.stat-label{font-size:.75rem;color:var(--text-secondary, #666)}.preferences-summary{background:var(--bg-secondary, #f8f9fa);border-radius:10px;padding:1rem;margin-bottom:1rem}.preferences-summary h4{margin:0 0 .75rem;font-size:.95rem}.pref-item{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border-color, #eee)}.pref-item:last-child{border-bottom:none}.pref-label{color:var(--text-secondary, #666);font-size:.85rem}.pref-value{font-weight:500;font-size:.85rem;text-transform:capitalize}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary, #666)}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-state h4{margin:0 0 .5rem}.empty-state p{margin:0;font-size:.9rem}.no-user-message{text-align:center;padding:2rem;color:var(--text-secondary, #666)}.no-user-message .icon{font-size:2rem;display:block;margin-bottom:.5rem}.lessons-list{display:flex;flex-direction:column;gap:.75rem}.lesson-card{background:var(--bg-secondary, #f8f9fa);border-radius:10px;padding:1rem;border-left:4px solid var(--border-color, #ddd)}.lesson-card.positive{border-left-color:#22c55e}.lesson-card.negative{border-left-color:#ef4444}.lesson-card.glitch{border-left-color:#f97316}.lesson-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.feedback-emoji{font-size:1.2rem}.task-type{background:var(--primary-color, #6366f1);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;text-transform:capitalize}.model-badge{background:var(--bg-tertiary, #e5e7eb);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-family:monospace}.lesson-date{margin-left:auto;font-size:.75rem;color:var(--text-secondary, #666)}.lesson-content{font-size:.9rem}.lesson-text{margin:0 0 .5rem}.what-worked,.what-failed{margin:.25rem 0;font-size:.85rem;padding-left:.5rem}.what-worked{color:#22c55e}.what-failed{color:#ef4444}.applied-count{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary, #666);font-style:italic}.patterns-list{display:flex;flex-direction:column;gap:.75rem}.pattern-card{background:var(--bg-secondary, #f8f9fa);border-radius:10px;padding:1rem}.pattern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pattern-type{background:var(--primary-color, #6366f1);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;text-transform:capitalize}.occurrence-count{font-size:.85rem;color:var(--text-secondary, #666)}.pattern-content{margin-bottom:.75rem}.pattern-key{font-weight:500;margin-right:.5rem}.pattern-value{color:var(--text-secondary, #666)}.pattern-confidence{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.confidence-label{font-size:.8rem;color:var(--text-secondary, #666)}.confidence-bar{flex:1;height:8px;background:var(--bg-tertiary, #e5e7eb);border-radius:4px;position:relative;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.confidence-text{font-size:.75rem;font-weight:500;min-width:35px;text-align:right}.pattern-date{font-size:.75rem;color:var(--text-secondary, #666)}:root[data-theme=dark] .stat-card,:root[data-theme=dark] .preferences-summary,:root[data-theme=dark] .lesson-card,:root[data-theme=dark] .pattern-card{background:#2d2d2d}:root[data-theme=dark] .model-badge{background:#404040}:root[data-theme=dark] .confidence-bar{background:#404040}:root[data-theme=dark] .error-message{background:#4a1515;color:#fca5a5}.morgy-pen{position:fixed;left:0;top:0;width:320px;height:100vh;background:linear-gradient(180deg,#1a1a2e,#16213e);border-right:1px solid rgba(0,255,255,.2);display:flex;flex-direction:column;z-index:100;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.morgy-pen-header{display:flex;align-items:center;padding:16px 20px;background:#0000004d;border-bottom:1px solid rgba(0,255,255,.1)}.morgy-pen-icon{font-size:24px;margin-right:10px;filter:drop-shadow(0 0 8px rgba(255,0,255,.5))}.morgy-pen-title{font-size:20px;font-weight:600;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);flex:1}.morgy-pen-menu{color:#ffffff80;font-size:20px;cursor:pointer}.morgy-how-to-call{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00ffff1a;border-bottom:1px solid rgba(0,255,255,.1)}.how-to-icon{font-size:14px}.how-to-text{font-size:12px;color:#ffffffb3}.morgy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;flex:1;overflow-y:auto;align-content:start}.morgy-card{background:#0006;border:2px solid var(--morgy-border, #00ffff);border-radius:14px;padding:14px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;min-height:220px}.morgy-card:hover{transform:translateY(-3px);box-shadow:0 0 25px #0ff6}.morgy-card.active{box-shadow:0 0 30px var(--morgy-color, #00ffff);border-color:var(--morgy-color, #00ffff);background:#00ffff1a}.morgy-avatar{width:100px;height:100px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:#0000004d}.morgy-avatar img{width:100%;height:100%;object-fit:cover;border-radius:10px}.morgy-full-name{font-size:12px;font-weight:600;color:#fff;text-align:center;margin-bottom:4px;line-height:1.3}.morgy-handle{font-size:10px;color:var(--morgy-color, #00ffff);margin-bottom:8px;font-family:monospace}.morgy-level-badge{position:absolute;top:10px;right:10px;background:#0009;border:1px solid var(--morgy-color, #00ffff);border-radius:8px;padding:2px 8px}.level-text{font-size:10px;font-weight:600;color:var(--morgy-color, #00ffff)}.morgy-xp-bar{width:100%;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:10px}.morgy-xp-fill{height:100%;border-radius:3px;transition:width .5s ease}.morgy-specialty-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000f2;border:1px solid var(--morgy-color, #00ffff);border-radius:8px;padding:10px 12px;width:200px;z-index:10;margin-bottom:8px;box-shadow:0 4px 20px #00000080}.morgy-specialty-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--morgy-color, #00ffff)}.specialty-label{display:block;font-size:10px;color:var(--morgy-color, #00ffff);font-weight:600;margin-bottom:4px}.specialty-text{display:block;font-size:11px;color:#ffffffe6;line-height:1.4}.tools-label{margin-top:8px}.specialty-tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tool-badge{background:#ff00ff4d;border:1px solid rgba(255,0,255,.5);border-radius:4px;padding:2px 6px;font-size:9px;color:#f0f;text-transform:capitalize}.tool-more{font-size:9px;color:#fff9;padding:2px 4px}.morgy-actions{display:flex;gap:8px;width:100%;justify-content:center}.morgy-action-btn{width:38px;height:38px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .2s ease}.morgy-action-btn.mention{background:linear-gradient(135deg,#ff00ff4d,#00ffff4d);color:#fff;border:1px solid rgba(255,255,255,.3)}.morgy-action-btn.mention:hover{background:linear-gradient(135deg,#ff00ff80,#00ffff80);transform:scale(1.1);box-shadow:0 0 15px #f0f6}.morgy-action-btn.activate{background:#0ff3;color:#0ff}.morgy-action-btn.activate:hover{background:#0ff6}.add-morgy-card{border:2px dashed rgba(0,255,255,.4);background:transparent;min-height:220px;justify-content:center}.add-morgy-card:hover{border-color:#0ff;background:#00ffff0d}.add-morgy-content{display:flex;flex-direction:column;align-items:center;gap:8px}.add-morgy-icon{font-size:36px;color:#0ff;font-weight:300}.add-morgy-text{font-size:14px;color:#0ff;font-weight:500}.morgy-pen-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0000004d;border-top:1px solid rgba(0,255,255,.1)}.sounder-label{font-size:14px;color:#fff9}.sounder-count{font-size:14px;color:#0f8;font-weight:600}.morgy-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.morgy-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00ffff;border-radius:16px;padding:32px;text-align:center;max-width:400px;box-shadow:0 0 40px #00ffff4d}.morgy-modal h3{color:#0ff;font-size:24px;margin-bottom:12px}.morgy-modal p{color:#ffffffb3;margin-bottom:20px}.modal-coming-soon{color:#f0f;font-size:18px;font-weight:600;margin-bottom:20px}.sparkle{margin:0 8px}.morgy-modal button{background:linear-gradient(135deg,#0ff,#0f8);border:none;border-radius:8px;padding:12px 32px;color:#1a1a2e;font-weight:600;cursor:pointer;transition:all .3s ease}.morgy-modal button:hover{transform:scale(1.05);box-shadow:0 0 20px #00ffff80}.morgy-grid::-webkit-scrollbar{width:6px}.morgy-grid::-webkit-scrollbar-track{background:#0003}.morgy-grid::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.morgy-grid::-webkit-scrollbar-thumb:hover{background:#00ffff80}.morgy-pen-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;margin-left:auto;flex-shrink:0}.morgy-pen-close:hover{background:#fff3;color:#fff;border-color:#fff6}@media(max-width:768px){.morgy-pen{width:100%;z-index:1001;border-right:none}.morgy-pen-header{padding:14px 16px}.morgy-pen-close{width:48px!important;height:48px!important;font-size:36px!important;background:#ffffff26!important;border:2px solid rgba(255,255,255,.3)!important}.morgy-pen-menu{display:none}.morgy-grid{grid-template-columns:1fr;gap:12px;padding:16px}.morgy-card{padding:14px}.morgy-card-header{gap:10px}.morgy-avatar{width:50px;height:50px}.morgy-name{font-size:16px}.morgy-title,.morgy-specialty{font-size:12px}.morgy-tools{font-size:11px}}.morgy-autocomplete{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(0,255,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 20px #00ffff1a;overflow:hidden;min-width:300px;max-width:400px;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.autocomplete-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#00ffff1a;border-bottom:1px solid rgba(0,255,255,.2);font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.autocomplete-icon{font-size:16px}.autocomplete-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-left:3px solid transparent;transition:all .15s ease}.autocomplete-item:hover,.autocomplete-item.selected{background:#ffffff14}.autocomplete-item.selected{border-left-width:3px}.autocomplete-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.autocomplete-info{display:flex;flex-direction:column;gap:2px}.autocomplete-name{font-size:14px;font-weight:600;color:#fff}.autocomplete-handle{font-size:12px;font-family:Monaco,Menlo,monospace}.autocomplete-hint{display:flex;justify-content:center;gap:16px;padding:8px 14px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:#fff6}.autocomplete-hint span{display:flex;align-items:center;gap:4px}.light-mode .morgy-autocomplete{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#0080804d;box-shadow:0 8px 32px #00000026,0 0 20px #0080801a}.light-mode .autocomplete-header{background:#0080801a;border-bottom-color:#00808033;color:#0009}.light-mode .autocomplete-item:hover,.light-mode .autocomplete-item.selected{background:#0000000d}.light-mode .autocomplete-name{color:#1a1a1a}.light-mode .autocomplete-hint{background:#0000000d;border-top-color:#0000001a;color:#0006}.deep-research-panel{position:fixed;right:20px;top:80px;width:400px;max-height:calc(100vh - 160px);background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(0,255,255,.3);box-shadow:0 8px 32px #0006,0 0 20px #00ffff1a,inset 0 1px #ffffff1a;overflow:hidden;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.research-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(90deg,#00ffff1a,#ff00ff1a);border-bottom:1px solid rgba(0,255,255,.2)}.research-title{display:flex;align-items:center;gap:10px}.research-icon{font-size:24px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.research-title h3{margin:0;font-size:16px;font-weight:600;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-research{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-research:hover{color:#ff6b6b}.research-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#888}.research-spinner{width:40px;height:40px;border:3px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.research-question{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.research-question .label{font-size:11px;text-transform:uppercase;color:#888;letter-spacing:1px}.research-question p{margin:8px 0 0;color:#fff;font-size:14px;line-height:1.5}.research-status{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0003}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#00ffff1a;color:#0ff;border:1px solid rgba(0,255,255,.3)}.status-badge[data-status=completed]{background:#00ff881a;color:#0f8;border-color:#00ff884d}.status-badge[data-status=failed]{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}.progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0ff,#f0f);border-radius:3px;transition:width .5s ease-out}.progress-text{font-size:12px;color:#888;min-width:40px;text-align:right}.research-steps{padding:16px 20px;max-height:300px;overflow-y:auto}.research-steps h4{margin:0 0 12px;font-size:13px;color:#888;font-weight:500}.no-steps{text-align:center;padding:20px;color:#888}.no-steps p{margin:0;font-size:14px}.steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.step-item{background:#ffffff0d;border-radius:10px;padding:12px;border-left:3px solid rgba(0,255,255,.5);transition:all .3s}.step-item.in_progress{border-left-color:#fc0;background:#ffcc000d}.step-item.completed{border-left-color:#0f8;background:#00ff880d}.step-item.failed{border-left-color:#ff6b6b;background:#ff6b6b0d}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.step-number{font-size:11px;font-weight:600;color:#0ff}.step-type{font-size:11px;color:#888;background:#ffffff1a;padding:2px 8px;border-radius:10px}.step-status{margin-left:auto;font-size:14px}.step-question{margin:0;font-size:13px;color:#ddd;line-height:1.4}.step-answer{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.answer-label{font-size:10px;text-transform:uppercase;color:#0f8;letter-spacing:1px}.step-answer p{margin:6px 0 0;font-size:12px;color:#aaa;line-height:1.5}.confidence{display:inline-block;margin-top:8px;font-size:11px;color:#888;background:#00ff881a;padding:2px 8px;border-radius:10px}.research-final-answer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#00ff880d}.research-final-answer h4{margin:0 0 12px;font-size:14px;color:#0f8}.final-answer-content{font-size:13px;color:#ddd;line-height:1.6;max-height:200px;overflow-y:auto}.research-empty{padding:40px;text-align:center;color:#888}:root:not(.dark) .deep-research-panel{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#0088aa4d;box-shadow:0 8px 32px #0000001a,0 0 20px #0088aa1a}:root:not(.dark) .research-header{background:linear-gradient(90deg,#0088aa1a,#aa00881a);border-bottom-color:#08a3}:root:not(.dark) .research-title h3{background:linear-gradient(90deg,#08a,#a08);-webkit-background-clip:text;background-clip:text}:root:not(.dark) .research-question p{color:#333}:root:not(.dark) .step-question{color:#444}:root:not(.dark) .step-answer p{color:#666}:root:not(.dark) .final-answer-content{color:#333}.research-steps::-webkit-scrollbar,.final-answer-content::-webkit-scrollbar{width:6px}.research-steps::-webkit-scrollbar-track,.final-answer-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.research-steps::-webkit-scrollbar-thumb,.final-answer-content::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.research-steps::-webkit-scrollbar-thumb:hover,.final-answer-content::-webkit-scrollbar-thumb:hover{background:#00ffff80}@media(max-width:768px){.deep-research-panel{right:10px;left:10px;width:auto;top:60px;max-height:calc(100vh - 120px)}}.pwa-install-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 40px #0006;z-index:10000;max-width:400px;width:calc(100% - 40px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pwa-install-content{display:flex;align-items:center;gap:12px}.pwa-install-icon{width:48px;height:48px;border-radius:12px;object-fit:cover}.pwa-install-text{display:flex;flex-direction:column;gap:2px}.pwa-install-text strong{color:#fff;font-size:14px;font-weight:600}.pwa-install-text span{color:#fff9;font-size:12px}.pwa-install-actions{display:flex;align-items:center;gap:8px}.pwa-install-btn{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pwa-install-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ec489966}.pwa-dismiss-btn{background:transparent;color:#ffffff80;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pwa-dismiss-btn:hover{background:#ffffff1a;color:#fffc}.pwa-ios-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pwa-ios-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 24px;max-width:340px;width:100%;text-align:center;position:relative;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pwa-ios-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff9;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;transition:all .2s ease}.pwa-ios-close:hover{background:#fff3;color:#fff}.pwa-ios-icon{width:80px;height:80px;border-radius:20px;margin-bottom:16px;object-fit:cover}.pwa-ios-modal h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 24px}.pwa-ios-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.pwa-ios-step{display:flex;align-items:center;gap:12px;text-align:left;color:#fffc;font-size:14px}.step-number{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.ios-share-icon{font-size:16px}.pwa-ios-done{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.pwa-ios-done:hover{transform:scale(1.02);box-shadow:0 4px 16px #ec489966}@media(max-width:480px){.pwa-install-banner{bottom:10px;padding:10px 12px;gap:12px}.pwa-install-icon{width:40px;height:40px}.pwa-install-text strong{font-size:13px}.pwa-install-text span{font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100vh;width:100%;max-width:100vw;display:flex;overflow:hidden;background:linear-gradient(135deg,#e0f7ff,#d0fff0,#e8ffcc 30%,#fffacd,#ffe4f0 70%,#f0e0ff,#e0f0ff);background-size:400% 400%;animation:gradientShift 12s ease infinite}.app:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,128,.08) 0%,transparent 60%);pointer-events:none;z-index:0}.sidebar{width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-right:3px solid rgba(255,0,255,.3);display:flex;flex-direction:column;box-shadow:8px 0 32px #f0f3}.sidebar-header{padding:24px 20px;border-bottom:2px solid rgba(255,136,0,.3);background:linear-gradient(135deg,#ffff001a,#00ff001a)}.logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,#0f0,#0ff);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 20px #00ff0080,0 0 40px #00ffff4d;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 6px 20px #00ff0080,0 0 40px #00ffff4d}50%{box-shadow:0 8px 30px #0f0c,0 0 60px #00ffff80}}.logo h1,.logo-text{font-size:26px;font-weight:800;background:linear-gradient(135deg,#ff0080,#f80,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,0,128,.3)}.status,.status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:#0f0;font-weight:600;margin-left:56px;text-shadow:0 0 10px rgba(0,255,0,.5)}.status-dot{width:10px;height:10px;background:#0f0;border-radius:50%;box-shadow:0 0 15px #0f0c;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 15px #0f0c}50%{opacity:.7;transform:scale(1.2);box-shadow:0 0 25px #0f0}}.new-chat-btn{margin:16px 20px;padding:14px 20px;background:linear-gradient(135deg,#ff0080,#f80,#ff0);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 6px 24px #ff008066,0 0 40px #f803;text-shadow:0 2px 4px rgba(0,0,0,.3)}.new-chat-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #ff008099,0 0 60px #f806}.recent-tasks,.task-list{flex:1;overflow-y:auto;padding:8px}.recent-tasks h3,.task-list h3{font-size:13px;font-weight:700;color:#ff0080;text-transform:uppercase;letter-spacing:1px;padding:12px 12px 8px;text-shadow:0 0 10px rgba(255,0,128,.3)}.task-item{padding:14px;margin:6px 0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#ffff001a,#00ff001a);border:2px solid transparent}.task-item:hover{background:linear-gradient(135deg,#f803,#ff008033);border-color:#ff008080;transform:translate(6px) scale(1.02);box-shadow:0 4px 16px #ff00804d}.task-item.active{background:linear-gradient(135deg,#ff008033,#f803);border-color:#ff008099;box-shadow:0 4px 20px #ff008066}.task-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-time,.task-status{font-size:13px;color:#f80;font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;background:#ffffffb3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.chat-header{padding:22px 36px;background:#fffffffa;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:3px solid rgba(255,136,0,.3);box-shadow:0 4px 16px #ff00801a;display:flex;align-items:center;gap:16px}.sidebar-toggle{background:linear-gradient(135deg,#ff0080,#f80);border:none;color:#fff;font-size:24px;cursor:pointer;padding:10px;border-radius:10px;transition:all .3s ease;display:none;box-shadow:0 4px 12px #ff00804d}.sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff008080}.chat-header h1,.chat-header h2{font-size:22px;font-weight:700;background:linear-gradient(135deg,#ff0080,#f80,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;flex:1}.chat-header p{font-size:15px;color:#f80;font-weight:500}.chat-messages,.messages-container{flex:1;overflow-y:auto;padding:36px;display:flex;flex-direction:column;gap:28px}.message{display:flex;gap:18px;animation:messageSlideIn .5s ease;max-width:85%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 6px 20px #00000026}.message.assistant .message-avatar{background:linear-gradient(135deg,#0f0,#0ff);box-shadow:0 6px 20px #0f06,0 0 30px #0ff3}.message.user .message-avatar{background:linear-gradient(135deg,#ff0080,#ff0);box-shadow:0 6px 20px #ff008066,0 0 30px #ff03}.message-content{flex:1}.message-text{background:#fff;padding:18px 24px;border-radius:18px;box-shadow:0 4px 20px #0000001a;border:2px solid rgba(255,136,0,.2);font-size:16px;line-height:1.4;color:#1f2937}.message.user .message-text{background:linear-gradient(135deg,#e879f9,#f97316,#fbbf24);color:#fff;border:none;box-shadow:0 4px 16px #e879f940;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.15)}.message-text p{margin-bottom:6px}.message-text p:last-child{margin-bottom:0}.message-text ul,.message-text ol{margin:6px 0;padding-left:20px}.message-text li{margin-bottom:4px}.message-text li:last-child{margin-bottom:0}.message.assistant .message-text strong{background:linear-gradient(135deg,#ff4d94,#f93,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.15em;font-weight:800;letter-spacing:.3px}.message.assistant .message-text strong::selection{-webkit-text-fill-color:#1f2937;background:#fbbf24}.message.assistant .message-text strong:first-child{font-size:1.3em;display:block;margin-bottom:10px}.message-time{font-size:13px;color:#f80;margin-top:10px;font-weight:500}.message.user .message-time{color:#ffffffe6}.typing-indicator{display:flex;gap:8px;padding:14px 0}.typing-indicator span,.typing-dot{width:10px;height:10px;background:linear-gradient(135deg,#0f0,#0ff);border-radius:50%;box-shadow:0 0 15px #0f09;animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2),.typing-dot:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3),.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);box-shadow:0 0 15px #0f09}30%{transform:translateY(-12px);box-shadow:0 0 25px #0f0}}.chat-input-container,.input-container{padding:28px 36px 36px;background:#fffffffa;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-top:3px solid rgba(255,0,128,.3)}.chat-input-wrapper,.input-wrapper{display:flex;gap:14px;align-items:flex-end;max-width:1000px;margin:0 auto;background:#fff;border:3px solid transparent;border-radius:18px;padding:6px;transition:all .3s ease;box-shadow:0 4px 16px #00000014;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ff0080,#f80,#ff0,#0f0);background-origin:border-box;background-clip:padding-box,border-box}.chat-input-wrapper:focus-within,.input-wrapper:focus-within{box-shadow:0 8px 32px #ff00804d,0 0 60px #f803;transform:translateY(-2px)}.chat-input,.input-wrapper textarea{flex:1;padding:18px 24px;border:none;background:transparent;font-size:16px;font-family:inherit;resize:none;max-height:140px;color:#1f2937;outline:none;font-weight:500}.chat-input::placeholder,.input-wrapper textarea::placeholder{color:#f80;opacity:.6}.send-button{padding:18px 28px;background:linear-gradient(135deg,#ff0080,#f80,#ff0);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 24px #ff008066,0 0 40px #f803;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-width:48px;min-height:48px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.send-button:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px #ff008099,0 0 60px #f806}.send-button:disabled{opacity:.5;cursor:not-allowed}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px;text-align:center}.empty-icon{font-size:72px;margin-bottom:28px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,0,128,.3))}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}.empty-state h2{font-size:32px;font-weight:800;background:linear-gradient(135deg,#ff0080,#f80,#ff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:14px;text-shadow:0 0 30px rgba(255,0,128,.2)}.empty-state p{font-size:17px;color:#f80;font-weight:500;max-width:520px;line-height:1.7}.suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:36px;max-width:850px;width:100%}.suggestion-card{padding:24px;background:#fff;border-radius:18px;border:3px solid transparent;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 4px 20px #0000001a;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ff0,#0f0);background-origin:border-box;background-clip:padding-box,border-box}.suggestion-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 36px #ff00804d,0 0 50px #f803}.suggestion-icon{font-size:28px;margin-bottom:14px;filter:drop-shadow(0 0 10px rgba(255,136,0,.3))}.suggestion-text{font-size:15px;font-weight:600;color:#1f2937;line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffff001a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff0080,#f80);border-radius:6px;box-shadow:0 0 10px #ff00804d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff0080,#ff0);box-shadow:0 0 20px #ff008080}@media(max-width:768px){html{font-size:16px}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.app{width:100%;height:100vh;height:100dvh}.sidebar{position:absolute;left:-280px;height:100%;z-index:100;transition:left .3s ease;width:280px}.sidebar.open{left:0}.sidebar-toggle{display:block}.main-content{width:100%;flex:1}.chat-container{width:100%;padding:10px}.message{max-width:95%;font-size:15px}.message-content{font-size:15px;line-height:1.5}.suggestions{grid-template-columns:1fr;padding:10px}.input-container{padding:12px}.input-wrapper input{font-size:16px}button{min-height:44px;min-width:44px}.send-button,.stop-button{min-width:44px;min-height:44px}}.thinking-light-show{position:relative;padding:24px;margin:20px 0;border-radius:18px;background:#fffffff2;overflow:hidden}.light-show-container{position:relative;height:80px;display:flex;align-items:center;justify-content:center;gap:12px}.light-show-bg{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,0,.3) 15%,rgba(0,255,0,.3) 30%,rgba(255,136,0,.3) 50%,rgba(255,0,128,.3) 70%,rgba(0,255,255,.3) 85%,transparent 100%);background-size:200% 100%;animation:lightSweep 2s linear infinite;border-radius:18px}@keyframes lightSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.light-orb{width:16px;height:16px;border-radius:50%;position:relative;z-index:1;animation:orbPulse 1.5s ease-in-out infinite}.light-orb:nth-child(1){background:radial-gradient(circle,#ff0,#f80);box-shadow:0 0 20px #ff0,0 0 40px #f80;animation-delay:0s}.light-orb:nth-child(2){background:radial-gradient(circle,#0f0,#0ff);box-shadow:0 0 20px #0f0,0 0 40px #0ff;animation-delay:.2s}.light-orb:nth-child(3){background:radial-gradient(circle,#ff0080,#f0f);box-shadow:0 0 20px #ff0080,0 0 40px #f0f;animation-delay:.4s}.light-orb:nth-child(4){background:radial-gradient(circle,#f80,#ff0);box-shadow:0 0 20px #f80,0 0 40px #ff0;animation-delay:.6s}.light-orb:nth-child(5){background:radial-gradient(circle,#0ff,#0f0);box-shadow:0 0 20px #0ff,0 0 40px #0f0;animation-delay:.8s}@keyframes orbPulse{0%,to{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.5) translateY(-10px);opacity:.8}}.thinking-text{text-align:center;margin-top:16px;font-size:15px;font-weight:600;background:linear-gradient(90deg,#ff0080,#f80,#ff0,#0f0,#0ff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 2s linear infinite}@keyframes textShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rainbow-wave{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff0080,#f80,#ff0,#0f0,#0ff,#ff0080);background-size:200% 100%;animation:waveMove 1.5s linear infinite;border-radius:0 0 18px 18px}@keyframes waveMove{0%{background-position:0% 0}to{background-position:200% 0}}.uploaded-files{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;background:#ffffffb3;border-radius:12px 12px 0 0}.file-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;font-size:13px;color:#fff;font-weight:500}.file-chip button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.file-chip button:hover{opacity:.7}.deep-research-toggle{background:none;border:2px solid transparent;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;position:relative}.deep-research-toggle:hover:not(:disabled){transform:scale(1.1);background:#00ffff1a}.deep-research-toggle.active{background:linear-gradient(135deg,#0ff3,#f0f3);border-color:#00ffff80;box-shadow:0 0 10px #00ffff4d,0 0 20px #f0f3;animation:researchPulse 2s infinite}@keyframes researchPulse{0%,to{box-shadow:0 0 10px #00ffff4d,0 0 20px #f0f3}50%{box-shadow:0 0 15px #00ffff80,0 0 30px #ff00ff4d}}.deep-research-toggle:disabled{opacity:.5;cursor:not-allowed}:root:not(.dark) .deep-research-toggle.active{background:linear-gradient(135deg,#08a3,#a083);border-color:#0088aa80;box-shadow:0 0 10px #0088aa4d,0 0 20px #a083}.attach-button{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;transition:transform .2s}.attach-button:hover:not(:disabled){transform:scale(1.1)}.attach-button:disabled{opacity:.5;cursor:not-allowed}.speaker-button{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;transition:transform .2s}.speaker-button:hover{transform:scale(1.1)}.stop-button{background:linear-gradient(135deg,#f5576c,#f093fb);border:none;border-radius:8px;padding:10px 20px;font-size:20px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #f5576c4d}.stop-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #f5576c80}.attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment-chip{padding:4px 10px;background:#fbbf2433;border-radius:12px;font-size:12px;color:#92400e}.message-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.action-buttons{display:flex;gap:8px;opacity:0;transition:opacity .2s}.message:hover .action-buttons{opacity:1}.icon-button{background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:4px 8px;font-size:14px;cursor:pointer;transition:all .2s}.icon-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.image-download-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.download-image-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.download-image-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.document-download-buttons{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:16px;background:linear-gradient(135deg,#0080001a,#00c8641a);border:2px dashed rgba(0,200,100,.4);border-radius:12px}.document-download-header{font-weight:600;color:#059669;font-size:14px;margin-bottom:4px}.download-document-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0596694d}.download-document-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05966966;background:linear-gradient(135deg,#10b981,#059669)}.download-document-btn:active{transform:translateY(0)}.continue-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin-top:16px;background:linear-gradient(135deg,#ff6b9d,#c44569,#ff6b9d);background-size:200% 200%;color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d66,0 0 20px #ff6b9d33;animation:continueGlow 2s ease-in-out infinite}.continue-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ff6b9d80,0 0 30px #ff6b9d66;animation:continueGlowHover .5s ease-in-out infinite}.continue-button:active{transform:translateY(-1px) scale(.98)}.continue-button:disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes continueGlow{0%,to{background-position:0% 50%;box-shadow:0 4px 15px #ff6b9d66,0 0 20px #ff6b9d33}50%{background-position:100% 50%;box-shadow:0 4px 20px #c4456980,0 0 25px #ff6b9d4d}}@keyframes continueGlowHover{0%,to{box-shadow:0 8px 25px #ff6b9d80,0 0 30px #ff6b9d66}50%{box-shadow:0 8px 30px #ff6b9db3,0 0 40px #ff6b9d80}}.dark-mode .continue-button{background:linear-gradient(135deg,#00d4ff,#0f8,#00d4ff);background-size:200% 200%;box-shadow:0 4px 15px #00d4ff66,0 0 20px #0f83}.dark-mode .continue-button:hover{box-shadow:0 8px 25px #00d4ff80,0 0 30px #0f86}@keyframes darkContinueGlow{0%,to{box-shadow:0 4px 15px #00d4ff66,0 0 20px #0f83}50%{box-shadow:0 4px 20px #00d4ff99,0 0 25px #0f86}}.status-indicator{display:flex;align-items:center;gap:6px;font-size:14px;color:#059669;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.feedback-button{opacity:.6;transition:all .2s ease}.feedback-button:hover{opacity:1;transform:scale(1.2)}.feedback-button:active{transform:scale(.9)}.action-buttons{display:flex;gap:8px;margin-top:8px}.icon-button{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease}.icon-button:hover{background:#ff88001a;transform:scale(1.1)}.message-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.new-chat-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#ff0080,#f80,#ff0);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff00804d;margin-top:12px}.new-chat-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff008080}.new-chat-button:active{transform:translateY(0)}.task-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:8px 0;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#ffffff80;border:2px solid transparent}.task-item:hover{background:#fffc;border-color:#ff00804d}.task-item.active{background:#ff00801a;border-color:#ff008080}.task-info{flex:1;min-width:0}.task-title{font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-status{font-size:12px;color:#f80;margin-top:4px}.delete-task-button{background:none;border:none;font-size:18px;cursor:pointer;opacity:.5;transition:all .2s ease;padding:4px 8px;border-radius:6px}.delete-task-button:hover{opacity:1;background:#ff00001a;transform:scale(1.1)}.sidebar-toggle{background:linear-gradient(135deg,#ff0080,#f80);border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff00804d;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff008080}.sidebar.hide{transform:translate(-100%);transition:transform .3s ease}.sidebar.show{transform:translate(0);transition:transform .3s ease}.message-text img{display:inline-block;width:calc(33.333% - 12px);max-width:300px;min-width:150px;height:200px;object-fit:cover;border-radius:12px;margin:4px 6px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease;vertical-align:top}.message-text img:hover{transform:scale(1.02);box-shadow:0 6px 16px #00000026}.message-text p:has(img){display:inline;margin:0;padding:0}.scroll-to-bottom-floating{position:fixed;bottom:100px;right:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 6px 20px #667eea66;z-index:1000}.scroll-to-bottom-floating:hover{transform:scale(1.1);box-shadow:0 8px 24px #667eea80}.scroll-to-bottom-floating:active{transform:scale(.95)}.stop-audio-button{background:#f44;border:2px solid #cc0000;color:#fff;padding:6px 8px;border-radius:50%;cursor:pointer;font-size:14px;transition:all .2s;box-shadow:0 2px 8px #ff44444d;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.stop-audio-button:hover{background:#c00;transform:scale(1.1);box-shadow:0 4px 12px #ff444480}.stop-audio-button:active{transform:scale(.95)}.image-gallery{display:flex;gap:12px;margin:16px 0;flex-wrap:nowrap;overflow-x:auto}.image-gallery img{width:200px;height:150px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #00000026;transition:transform .2s}.image-gallery img:hover{transform:scale(1.05)}.message-text p:has(img){display:inline-block;margin-right:12px}.message-text img{max-width:200px;height:auto;border-radius:12px;box-shadow:0 4px 12px #00000026}.app.dark-mode{background:linear-gradient(135deg,#1a0b2e,#2d1b4e,#4a1d6d,#6b2d8c,#8b3dab);background-size:400% 400%;animation:gradientShift 12s ease infinite}.app.dark-mode .sidebar{background:#1a0b2ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:3px solid #ff00ff;box-shadow:8px 0 40px #f0f9,0 0 80px #f0f6}.app.dark-mode .main-content{background:#1a0b2e4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app.dark-mode .chat-header{background:#1a0b2ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:3px solid #ff00ff;box-shadow:0 4px 30px #ff00ff80,0 0 60px #ff00ff4d}.app.dark-mode .chat-header h2{color:#fff}.app.dark-mode .message{background:#140a2899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ff00ff;box-shadow:0 0 20px #f0f6,0 4px 16px #f0f3}.app.dark-mode .message.user{background:#ff00ff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ff66ff;box-shadow:0 0 25px #ff66ff80,0 4px 16px #ff00ff4d}.app.dark-mode .message-text{background:#140a28cc!important;color:#fff!important;border-color:#ff00ff4d!important}.app.dark-mode .message.user .message-text{background:#f0f3!important;color:#fff!important}.app.dark-mode .message-text *:not(strong):not(em):not(a):not(code){color:#fff!important}.app.dark-mode .message-text p,.app.dark-mode .message-text li,.app.dark-mode .message-text span,.app.dark-mode .message-text div{color:#fff!important}.app.dark-mode .message-text h1,.app.dark-mode .message-text h2,.app.dark-mode .message-text h3{color:#f6f!important;text-shadow:0 0 10px rgba(255,102,255,.5)}.app.dark-mode .message-text a{color:#f0f!important;text-decoration:underline}.app.dark-mode .message-text code{background:#f0f3!important;color:#fcf!important;border:1px solid #ff00ff}.app.dark-mode .message-text pre{background:#140a28cc!important;border:2px solid #ff00ff;box-shadow:0 0 15px #ff00ff4d}.app.dark-mode .message-text pre code{color:#fff!important}.app.dark-mode .message-text strong{color:#f6f!important;-webkit-text-fill-color:#ff66ff!important;background:none!important}.app.dark-mode .message-text em{color:#fcf!important}.app.dark-mode .input-container{background:#1a0b2ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:3px solid #ff00ff;box-shadow:0 -4px 30px #ff00ff80,0 0 60px #ff00ff4d}.app.dark-mode .chat-input{background:#140a2899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid #ff00ff;box-shadow:0 0 25px #f0f6}.app.dark-mode .chat-input::placeholder{color:#ffffff80}.app.dark-mode .sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2)}.app.dark-mode .new-chat-button{background:linear-gradient(135deg,#f093fb,#f5576c)}.app.dark-mode .task-item{background:#140a2899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ff00ff;box-shadow:0 0 15px #ff00ff4d}.app.dark-mode .task-item:hover{background:#f0f3;border:2px solid #ff66ff;box-shadow:0 0 25px #ff66ff80,0 4px 16px #ff00ff4d}.app.dark-mode .task-title{color:#fff}.app.dark-mode .task-status{color:#9ca3af}.settings-toggle{background:linear-gradient(135deg,#ff1493,#ff69b4);border:none;border-radius:12px;padding:8px 16px;font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff14934d;margin-right:8px}.settings-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff149366}.settings-toggle:active{transform:translateY(0)}.dark-mode-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:8px 16px;font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.dark-mode-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.dark-mode-toggle:active{transform:translateY(0)}.training-toggle-mini{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #ffd700;border-radius:10px;padding:6px 10px;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 8px #ffd7004d;position:relative}.training-toggle-mini:hover{transform:translateY(-2px);box-shadow:0 0 15px #ffd70080,0 0 30px #ffd7004d;border-color:#ffea00}.training-toggle-mini.active{background:linear-gradient(135deg,#1a1a00,#2a2a00);border-color:#ffea00;box-shadow:0 0 10px #ffea0099,0 0 20px #ffea0066,0 0 40px #ffea0033,inset 0 0 15px #ffea001a;animation:neonPulse 1.5s ease-in-out infinite}@keyframes neonPulse{0%,to{box-shadow:0 0 10px #ffea0099,0 0 20px #ffea0066,0 0 40px #ffea0033}50%{box-shadow:0 0 15px #ffea00cc,0 0 30px #ffea0080,0 0 60px #ffea004d}}.training-toggle-mini:active{transform:translateY(0)}.dark-mode .training-toggle-mini{background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}.dark-mode .training-toggle-mini.active{background:linear-gradient(135deg,#0a0a00,#1a1a00)}button{font-family:inherit;transition:all .2s ease}.send-button,.voice-button,.file-button{border-radius:12px;font-weight:600;box-shadow:0 4px 12px #0000001a}.send-button:hover,.voice-button:hover,.file-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.send-button:active,.voice-button:active,.file-button:active{transform:translateY(0)}.messages-container{padding:24px;gap:16px}.message{margin-bottom:16px;border-radius:16px;padding:16px}.input-container{padding:20px 24px}.chat-input{border-radius:16px;padding:14px 18px;font-size:15px}.sidebar-header{padding:24px 20px;border-radius:0}.new-chat-button{border-radius:14px;padding:14px 20px;font-weight:700;font-size:15px;box-shadow:0 4px 16px #f093fb66}.new-chat-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f093fb99}.task-item{border-radius:12px;padding:14px 16px;margin-bottom:10px}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border-radius:20px;font-weight:600;font-size:13px;color:#10b981}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.online{background:#10b981;box-shadow:0 0 12px #10b98199}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.chat-header{display:flex;align-items:center;gap:16px;padding:16px 24px}.chat-header h2{flex:1;font-size:20px;font-weight:700}.sidebar-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;padding:10px 14px;font-size:18px;color:#fff;cursor:pointer;box-shadow:0 4px 12px #667eea4d}.sidebar-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.file-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.file-chip{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #667eea4d}.remove-file{background:#ffffff4d;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#fff}.remove-file:hover{background:#ffffff80}.message-text details{margin-top:16px;padding:12px;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.message-text details summary{cursor:pointer;font-weight:600;color:#666;padding:8px;margin:-12px -12px 0;border-radius:8px;transition:all .2s}.message-text details summary:hover{background:#0000000d;color:#333}.message-text details[open] summary{margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1);border-radius:8px 8px 0 0}.message-text details pre{background:#0000000d;padding:12px;border-radius:6px;overflow-x:auto;font-size:12px;line-height:1.4}.mcp-tools-indicator{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;font-size:16px;background:linear-gradient(135deg,#00ff8033,#0ff3);border-radius:8px;margin-right:4px;cursor:help;animation:mcpPulse 2s ease-in-out infinite}@keyframes mcpPulse{0%,to{box-shadow:0 0 5px #00ff804d;transform:scale(1)}50%{box-shadow:0 0 15px #00ff8099;transform:scale(1.05)}}.mcp-tool-calls{background:linear-gradient(135deg,#0064c81a,#00c8961a);border:1px solid rgba(0,150,200,.3);border-radius:12px;padding:12px;margin-bottom:12px;font-size:13px}.tool-calls-header{font-weight:600;color:#06c;margin-bottom:8px;font-size:14px}.tool-call{background:#fffc;border-radius:8px;padding:8px 12px;margin-bottom:6px;border-left:3px solid #ccc;transition:all .3s ease}.tool-call.executing{border-left-color:orange;background:#ffa5001a;animation:toolExecuting 1s ease-in-out infinite}@keyframes toolExecuting{0%,to{opacity:1}50%{opacity:.7}}.tool-call.success{border-left-color:#0c6;background:#00cc661a}.tool-call.error{border-left-color:#c33;background:#cc33331a}.tool-call-name{font-family:Monaco,Menlo,monospace;font-size:12px;color:#333;display:flex;align-items:center;gap:6px}.tool-call-result{margin-top:8px}.tool-call-result summary{cursor:pointer;color:#06c;font-size:12px;-webkit-user-select:none;user-select:none}.tool-call-result summary:hover{text-decoration:underline}.tool-call-result pre{margin-top:8px;padding:8px;background:#0000000d;border-radius:6px;font-size:11px;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}@media(prefers-color-scheme:dark){.mcp-tool-calls{background:linear-gradient(135deg,#0064c833,#00c89633);border-color:#0096c880}.tool-calls-header{color:#6cf}.tool-call{background:#1e1e28cc}.tool-call-name{color:#e0e0e0}.tool-call-result summary{color:#6cf}.tool-call-result pre{background:#0000004d;color:#e0e0e0}}@media(max-width:768px){.model-rankings-button,.status-indicator,.dark-mode-toggle,.training-toggle-mini{display:none!important}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px!important;gap:8px}.chat-header h2{font-size:16px!important;flex:1;text-align:center;margin:0!important}.sidebar-header{padding:12px 16px}.logo{gap:8px;margin-bottom:4px}.logo-icon{width:32px;height:32px;font-size:18px;border-radius:10px}.logo h1,.logo-text{font-size:18px!important}.status,.status-indicator{font-size:11px;margin-left:40px}.status-dot{width:8px;height:8px}.header{padding:8px 12px;min-height:50px}.header-left,.header-right{gap:6px}.sidebar-toggle,.settings-button,.model-rankings-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:16px!important;padding:0!important}.model-rankings-button{font-size:14px!important;padding:0 10px!important;width:auto!important;white-space:nowrap}.chat-messages,.messages-container{padding:8px}.message{margin:8px 0;padding:10px 14px;max-width:85%;font-size:14px!important}.message-content{font-size:14px!important;line-height:1.4}.message-content p{font-size:14px!important;margin:6px 0}.message-content h1{font-size:20px!important}.message-content h2{font-size:18px!important}.message-content h3{font-size:16px!important}.message-content code{font-size:13px!important}.message-content pre{font-size:12px!important;padding:8px}.message-avatar{width:32px!important;height:32px!important;font-size:14px!important}.input-container{padding:8px}.input-wrapper{padding:8px;gap:6px}.input-wrapper input,.input-wrapper textarea{font-size:15px!important;padding:10px 12px}.attach-button,.voice-button,.stop-button,.auto-speak-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:18px!important;padding:0!important}.send-button{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;font-size:28px!important;padding:0!important}.deep-research-toggle{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:20px!important}.mcp-tools-indicator{font-size:18px!important}.suggestions{padding:8px;gap:8px}.suggestion-card{padding:12px;font-size:13px}.scroll-to-bottom-floating{width:44px!important;height:44px!important;bottom:80px;right:12px;font-size:20px!important}.new-chat-button,.new-chat-btn{padding:10px 16px;font-size:14px;margin:12px 16px}.thoughts-list{padding:8px}.thought-item{padding:10px 12px;font-size:13px}.pwa-install-banner{bottom:80px;max-width:calc(100% - 20px);width:calc(100% - 20px)}}@media(max-width:480px){.logo h1,.logo-text{font-size:16px!important}.message{font-size:13px!important;max-width:90%}.message-content,.message-content p{font-size:13px!important}.input-wrapper input,.input-wrapper textarea{font-size:14px!important}}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block!important;width:36px!important;height:36px!important;font-size:18px!important;padding:0!important}.main-content{width:100%}.chat-header{padding:8px 12px!important;min-height:50px!important;flex-wrap:nowrap!important;gap:6px!important}.logo,.logo-container{gap:6px!important}.logo img{width:28px!important;height:28px!important}.logo h1,.logo-text,.chat-header h2{font-size:14px!important;margin:0!important}.moe-leaderboard-box{display:none!important}.header-actions button:not(.settings-btn):not(.sidebar-toggle){display:none!important}.settings-btn{width:36px!important;height:36px!important;font-size:18px!important;padding:0!important}.chat-messages,.messages-container{padding:12px!important;gap:10px!important}.message{max-width:85%!important;padding:10px 12px!important;font-size:14px!important;margin:6px 0!important}.message-content{font-size:14px!important;line-height:1.4!important}.message-content p{font-size:14px!important;margin:6px 0!important}.message-avatar{width:28px!important;height:28px!important;font-size:14px!important}.chat-input-container,.input-container{padding:8px 12px 12px!important;background:var(--bg-primary)!important}.chat-input-wrapper,.input-wrapper{max-width:100%!important;padding:6px!important;gap:6px!important}.input-wrapper input,.input-wrapper textarea{font-size:15px!important;padding:8px 10px!important;min-height:38px!important}.input-wrapper button{width:36px!important;height:36px!important;font-size:16px!important;padding:0!important}.input-wrapper button svg,.input-wrapper button img{width:18px!important;height:18px!important}.send-btn,button[type=submit]{width:36px!important;height:36px!important;font-size:18px!important}.file-upload-btn,.voice-btn{width:36px!important;height:36px!important}}.sidebar-toggle.morgy-pen-toggle{background:linear-gradient(135deg,#f0f,#0ff);box-shadow:0 4px 15px #f0f6;display:flex!important;font-size:24px}.sidebar-toggle.morgy-pen-toggle:hover{box-shadow:0 6px 25px #f0f9,0 0 40px #0ff6}@media(max-width:768px){.send-button,button[class*=send],.input-actions button:last-child{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;font-size:28px!important;padding:0!important}.mobile-moe-leaderboard{display:none!important}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.app-content-with-bottom-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}.mobile-bottom-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-bottom-nav button:active{transform:scale(.95)}.moe-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.moe-modal-content{background:linear-gradient(135deg,#fef3c7,#fce7f3,#ddd6fe);border-radius:24px;padding:28px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.moe-modal-content h2{background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px;font-weight:700;margin-bottom:20px}.moe-modal-close{position:absolute;top:12px;right:12px;background:#fffc;border:none;font-size:32px;cursor:pointer;color:#333;padding:4px 12px;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s}.moe-modal-close:hover{background:#fff;transform:scale(1.1)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f5e9,#e0f7fa,#fff9c4,#fce4ec,#e8eaf6);background-size:400% 400%;animation:gradientShift 15s ease infinite}.loading-screen:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,255,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,128,.08) 0%,transparent 60%);pointer-events:none;z-index:0}.loading-content{text-align:center;z-index:1;padding:3rem;background:#ffffffe6;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 0 60px #00ffff1a,inset 0 0 60px #ffffff80;border:1px solid rgba(0,255,255,.3)}.loading-content h2{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-content p{font-size:1.1rem;color:#333;margin:.5rem 0}.loading-spinner-large{width:60px;height:60px;margin:0 auto 1.5rem;border:4px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #00ffff80,inset 0 0 20px #00ffff1a}.back-link{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0ff,#00d4aa);color:#000;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d}.back-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ff6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}