@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0b0b12;--bg-secondary:#12121e;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--accent-gold:#c9a227;--accent-gold-dim:#c9a22726;--accent-gold-glow:#c9a22759;--text-primary:#ede8dc;--text-secondary:#8a7d6a;--text-muted:#4a4438;--border:#c9a2271f;--border-focus:#c9a22780;--shadow-gold:0 0 40px #c9a22714;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}html,body,#root{width:100%;height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-glow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-gold-glow)}70%{box-shadow:0 0 0 10px #c9a22700}to{box-shadow:0 0 #c9a22700}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes thinking-dot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lightning-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.app{background:radial-gradient(ellipse 60% 40% at 50% -10%, #c9a22712 0%, transparent 70%), var(--bg-primary);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 80%,#c9a22708 0%,#0000 50%),radial-gradient(circle at 80% 20%,#c9a22708 0%,#0000 50%);position:fixed;inset:0}.header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0b12cc;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:relative}.header-inner{align-items:center;gap:12px;display:flex}.header-avatar{border:1.5px solid var(--accent-gold);width:40px;height:40px;box-shadow:0 0 16px var(--accent-gold-glow);object-fit:cover;border-radius:50%;animation:4s ease-in-out infinite float}.header-title{color:var(--accent-gold);letter-spacing:.5px;font-family:Amiri,serif;font-size:1.35rem;font-weight:700}.header-subtitle{color:var(--text-secondary);letter-spacing:.8px;text-transform:uppercase;font-size:.72rem;font-weight:500}.menu-wrapper{position:relative}.menu-dots-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.menu-dots-btn:hover,.menu-dots-btn.active{color:var(--accent-gold);background:#c9a2271a}.menu-dots-btn svg{width:20px;height:20px}.menu-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);z-index:100;opacity:0;visibility:hidden;transform-origin:0 0;background:#161620f2;border-radius:14px;min-width:220px;padding:6px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;position:absolute;top:calc(100% + 10px);left:-185px;transform:translateY(-8px)scale(.96);box-shadow:0 8px 32px #00000073,0 0 0 1px #c9a2270f}.menu-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.menu-item{width:100%;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:Inter,sans-serif;font-size:.82rem;text-decoration:none;transition:all .18s;display:flex}.menu-item:hover:not(:disabled):not(.menu-info){color:var(--accent-gold);background:#c9a2271a}.menu-item:disabled{opacity:.35;cursor:not-allowed}.menu-item svg{flex-shrink:0;width:16px;height:16px}.menu-info{cursor:default;color:var(--text-muted);font-size:.72rem}.menu-divider{background:var(--border);height:1px;margin:4px 10px}.main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:relative;overflow:hidden}.idle-state{flex-direction:column;align-items:center;gap:20px;animation:.6s fadeIn;display:flex}.idle-avatar-wrap{position:relative}.idle-avatar{border:2px solid var(--accent-gold);width:110px;height:110px;box-shadow:0 0 30px var(--accent-gold-glow), 0 0 60px #c9a22714;object-fit:cover;border-radius:50%;animation:4s ease-in-out infinite float,3s ease-out infinite pulse-ring}.idle-title{color:var(--accent-gold);text-align:center;font-family:Amiri,serif;font-size:2rem;font-weight:700}.idle-desc{color:var(--text-secondary);text-align:center;max-width:300px;font-size:.9rem;line-height:1.6}.idle-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:480px;display:flex}.suggestion-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 14px;font-family:Amiri,serif;font-size:.78rem;transition:all .2s}.suggestion-chip:hover{background:var(--accent-gold-dim);border-color:var(--border-focus);color:var(--accent-gold);transform:translateY(-1px)}.chat-area{flex-direction:column;gap:20px;width:100%;max-width:680px;height:100%;padding:4px 4px 8px;display:flex;overflow-y:auto}.message{animation:.35s fadeInUp}.message-user{justify-content:flex-end;display:flex}.message-bot{justify-content:flex-start;align-items:flex-start;gap:12px;display:flex}.bot-avatar{border:1.5px solid var(--accent-gold);width:36px;height:36px;box-shadow:0 0 10px var(--accent-gold-glow);object-fit:cover;border-radius:50%;flex-shrink:0;margin-top:2px}.bubble-user{color:var(--text-primary);border-radius:var(--radius-md) var(--radius-md) 4px var(--radius-md);word-break:break-word;background:linear-gradient(135deg,#c9a22738,#c9a2271f);border:1px solid #c9a2274d;max-width:75%;padding:12px 18px;font-size:.95rem;line-height:1.55}.bubble-bot{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 4px;word-break:break-word;max-width:80%;padding:14px 18px;font-size:.95rem;line-height:1.7;position:relative}.bubble-bot:before{content:"";background:linear-gradient(90deg, var(--accent-gold-glow), transparent);border-radius:var(--radius-md) var(--radius-md) 0 0;height:1px;position:absolute;top:0;left:0;right:0}.bubble-bot p{margin-top:0;margin-bottom:12px}.bubble-bot p:last-child{margin-bottom:0}.bubble-bot ul,.bubble-bot ol{margin-top:0;margin-bottom:12px;padding-inline-start:22px}.bubble-bot ul:last-child,.bubble-bot ol:last-child{margin-bottom:0}.bubble-bot li{margin-bottom:6px}.bubble-bot li:last-child{margin-bottom:0}.bubble-bot strong{color:var(--accent-gold);font-weight:600}.bubble-bot h1,.bubble-bot h2,.bubble-bot h3,.bubble-bot h4{color:var(--accent-gold);margin-top:16px;margin-bottom:8px;font-family:Amiri,serif;font-weight:700}.bubble-bot h1{font-size:1.35rem}.bubble-bot h2{font-size:1.2rem}.bubble-bot h3{font-size:1.1rem}.bubble-bot h4{font-size:1rem}.bubble-bot h1:first-child,.bubble-bot h2:first-child,.bubble-bot h3:first-child,.bubble-bot h4:first-child{margin-top:0}.bubble-bot blockquote{border-inline-start:3px solid var(--accent-gold);color:var(--text-secondary);margin:12px 0;padding-inline-start:12px;font-style:italic}.bubble-bot code{color:var(--accent-gold);background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:Inter,monospace;font-size:.85em}.bubble-bot pre{border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000040;margin:12px 0;padding:12px;overflow-x:auto}.bubble-bot pre code{color:var(--text-primary);background:0 0;border-radius:0;padding:0;font-size:.88rem}.thinking{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 4px;align-items:center;gap:5px;padding:14px 18px;display:flex}.thinking-dot{background:var(--accent-gold);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite thinking-dot}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}.input-area{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#0b0b12e6;flex-shrink:0;padding:16px 20px 20px;position:relative}.input-container{max-width:680px;margin:0 auto;position:relative}.input-wrap{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-xl);align-items:flex-end;gap:0;padding:10px 14px 10px 16px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-gold-dim), var(--shadow-gold)}.input-wrap.disabled{opacity:.55;pointer-events:none}.lightning-badge{background:var(--accent-gold-dim);border:1px solid #c9a22740;border-radius:20px;flex-shrink:0;align-self:flex-end;align-items:center;gap:3px;margin-bottom:2px;padding:4px 8px;transition:all .2s;display:flex}.lightning-badge.low{background:#dc50501a;border-color:#dc50504d}.lightning-badge.empty{background:#50505026;border-color:#78787833}.lightning-icon{font-size:.85rem;line-height:1;animation:2s ease-in-out infinite lightning-pulse}.lightning-count{color:var(--accent-gold);text-align:center;min-width:8px;font-size:.75rem;font-weight:700;line-height:1}.lightning-badge.low .lightning-count{color:#e07070}.lightning-badge.empty .lightning-count{color:var(--text-muted)}.lightning-badge.empty .lightning-icon{opacity:.4;animation:none}.input-field{color:var(--text-primary);resize:none;min-height:24px;max-height:120px;caret-color:var(--accent-gold);background:0 0;border:none;outline:none;flex:1;padding:3px 10px;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5}.input-field::placeholder{color:var(--text-muted)}.send-btn{background:linear-gradient(135deg, var(--accent-gold), #a87c10);color:#0b0b12;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 2px 12px #c9a22759}.send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 20px #c9a22780}.send-btn:active:not(:disabled){transform:scale(.96)}.send-btn:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#5050504d}.send-btn svg{width:16px;height:16px}.limit-notice{text-align:center;color:var(--text-secondary);margin-top:10px;font-size:.78rem;animation:.4s fadeIn}.limit-notice span{color:var(--accent-gold);font-weight:600}.error-toast{color:#f09090;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;white-space:nowrap;background:#c83c3c26;border:1px solid #c83c3c59;border-radius:12px;padding:10px 20px;font-size:.83rem;animation:.3s fadeInUp;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}@media (width<=600px){.header{padding:14px 16px 12px}.idle-avatar{width:88px;height:88px}.idle-title{font-size:1.6rem}.main{padding:16px 12px}.input-area{padding:12px 12px 16px}.bubble-user,.bubble-bot{max-width:90%}.suggestion-chip{font-size:.75rem}}@media (width>=900px){.idle-avatar{width:130px;height:130px}.idle-title{font-size:2.4rem}}