@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";:root{--color-accent: #C084FC;--color-accent-glow: rgba(192, 132, 252, .4);--color-accent-hover: #A855F7;--color-gold: #F59E0B;--color-gold-soft: rgba(245, 158, 11, .15);--color-bg-deep: #0B0D1A;--color-bg-card: rgba(15, 18, 40, .85);--color-bg-user: linear-gradient(135deg, #7C3AED, #6D28D9);--color-bg-ai: rgba(20, 24, 55, .9);--color-text-primary: #E8E4F0;--color-text-secondary: #9CA3AF;--color-text-on-accent: #FFFFFF;--color-border: rgba(139, 92, 246, .15);--color-border-glow: rgba(192, 132, 252, .25);--header-height: 70px;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background-color:var(--color-bg-deep);color:var(--color-text-primary);height:100vh;overflow:hidden}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100vh;max-width:860px;margin:0 auto;background:linear-gradient(180deg,#0B0D1A 0%,#111336 40%,#0F0C29 100%);position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 10% 15%,rgba(255,255,255,.8) 50%,transparent 100%),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 10%,rgba(192,132,252,.7) 50%,transparent 100%),radial-gradient(1px 1px at 55% 60%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(2px 2px at 70% 20%,rgba(245,158,11,.6) 50%,transparent 100%),radial-gradient(1px 1px at 85% 45%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 15% 70%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 30% 85%,rgba(192,132,252,.5) 50%,transparent 100%),radial-gradient(1px 1px at 60% 80%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 90% 75%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 5% 50%,rgba(245,158,11,.4) 50%,transparent 100%),radial-gradient(1px 1px at 50% 40%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 75% 55%,rgba(192,132,252,.3) 50%,transparent 100%),radial-gradient(1px 1px at 95% 10%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 20% 95%,rgba(255,255,255,.4) 50%,transparent 100%);animation:twinkle 8s ease-in-out infinite alternate;z-index:0;pointer-events:none}.app-container:after{content:"";position:absolute;width:500px;height:500px;top:-100px;right:-150px;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 70%);z-index:0;pointer-events:none;animation:nebulaPulse 12s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}@keyframes nebulaPulse{0%{transform:scale(1) translate(0);opacity:.6}50%{transform:scale(1.2) translate(-20px,30px);opacity:.3}to{transform:scale(.9) translate(10px,-10px);opacity:.7}}@media (max-width: 860px){.app-container{max-width:100%}}.app-header{height:var(--header-height);padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background:rgba(11,13,26,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;position:relative}.header-content{display:flex;flex-direction:column}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#C084FC,#F59E0B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.tagline{font-size:.72rem;color:var(--color-text-secondary);font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.chat-window{flex:1;overflow-y:auto;padding:24px;scroll-behavior:smooth;display:flex;flex-direction:column;gap:16px}.placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-secondary);animation:fadeIn 1.5s ease-out;position:relative}.cosmic-symbol{font-size:4rem;margin-bottom:16px;animation:floatSymbol 6s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--color-accent-glow))}.placeholder h3{font-family:var(--font-display);font-size:2rem;font-weight:700;background:linear-gradient(135deg,#C084FC,#E9D5FF,#F59E0B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:.5px}.placeholder p{max-width:320px;font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.planet-orbit{position:absolute;width:280px;height:280px;border:1px solid rgba(139,92,246,.08);border-radius:50%;animation:rotateOrbit 30s linear infinite}.planet-orbit-2{width:400px;height:400px;border-color:#f59e0b0f;animation-duration:45s;animation-direction:reverse}.planet{position:absolute;border-radius:50%;box-shadow:0 0 15px #c084fc80}.planet-1{width:12px;height:12px;background:linear-gradient(135deg,#C084FC,#7C3AED);top:-6px;left:50%;transform:translate(-50%)}.planet-2{width:8px;height:8px;background:linear-gradient(135deg,#F59E0B,#D97706);box-shadow:0 0 12px #f59e0b80;top:-4px;left:50%;transform:translate(-50%)}.planet-3{width:6px;height:6px;background:linear-gradient(135deg,#60A5FA,#3B82F6);box-shadow:0 0 10px #60a5fa80;bottom:-3px;left:50%;transform:translate(-50%)}.hint-numbers{display:flex;gap:18px;margin-top:24px;opacity:.25;font-family:var(--font-display);font-size:1.8rem;font-weight:600;letter-spacing:4px;animation:fadeNumbers 4s ease-in-out infinite alternate}@keyframes floatSymbol{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rotateOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeNumbers{0%{opacity:.15}to{opacity:.35}}.bubble-wrap{display:flex;flex-direction:column;max-width:85%;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.bubble-wrap-user{align-self:flex-end;align-items:flex-end}.bubble{padding:14px 20px;border-radius:20px;font-size:.95rem;line-height:1.6;position:relative}.bubble-user{background:var(--color-bg-user);color:var(--color-text-on-accent);border-bottom-right-radius:4px;box-shadow:0 4px 20px #7c3aed4d}.bubble-ai{background:var(--color-bg-ai);color:var(--color-text-primary);border-bottom-left-radius:4px;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timestamp{font-size:.7rem;color:#9ca3af99;margin-top:4px;padding:0 4px}.typing{font-style:italic;opacity:.7;display:flex;align-items:center;gap:4px;color:var(--color-accent);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.input-bar-container{padding:20px;border-top:1px solid var(--color-border);background:rgba(11,13,26,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:1}.input-bar{display:flex;align-items:flex-end;background:rgba(20,24,55,.6);border:1px solid var(--color-border);border-radius:24px;padding:8px 8px 8px 16px;transition:border-color .3s,box-shadow .3s}.input-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow),0 0 30px #7c3aed1a}textarea{flex:1;background:transparent;border:none;outline:none;resize:none;padding:8px 0;max-height:120px;font-family:inherit;font-size:.95rem;color:var(--color-text-primary)}textarea::placeholder{color:#9ca3af80}.bar-actions{display:flex;align-items:center;gap:8px}.btn-send{background:linear-gradient(135deg,#7C3AED,#A855F7);color:#fff;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:0 0 15px #7c3aed4d}.btn-send:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 25px #7c3aed80}.btn-send:active{transform:scale(.95)}.btn-send:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.btn-ghost:hover{background:rgba(139,92,246,.1);color:var(--color-accent)}.btn-reset{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-reset:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px #7c3aed26}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-window::-webkit-scrollbar{width:4px}.chat-window::-webkit-scrollbar-track{background:transparent}.chat-window::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2);border-radius:2px}.chat-window::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.4)}.markdown-body{font-size:.95rem;line-height:1.7;word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font-display);font-weight:700;margin:14px 0 6px;background:linear-gradient(135deg,#C084FC,#F59E0B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-body h1{font-size:1.2rem}.markdown-body h2{font-size:1.1rem}.markdown-body h3{font-size:1rem}.markdown-body p{margin:6px 0}.markdown-body ul,.markdown-body ol{padding-left:20px;margin:6px 0}.markdown-body li{margin:3px 0}.markdown-body li::marker{color:var(--color-accent)}.markdown-body strong{font-weight:700;color:var(--color-accent)}.markdown-body em{font-style:italic;color:#f59e0be6}.markdown-body code{background:rgba(124,58,237,.15);padding:2px 6px;border-radius:4px;font-size:.85rem;color:var(--color-accent)}.markdown-body blockquote{border-left:3px solid var(--color-gold);padding-left:14px;margin:8px 0;color:var(--color-text-secondary);font-style:italic}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:14px 0}@media (max-width: 600px){:root{--header-height: 56px}.app-header{padding:0 16px}.logo{font-size:1.25rem}.tagline{font-size:.65rem;letter-spacing:1px}.btn-reset{font-size:.78rem;padding:5px 10px}.chat-window{padding:16px 12px;gap:12px}.bubble-wrap{max-width:92%}.bubble{padding:10px 14px;font-size:.9rem;border-radius:16px}.bubble-user{border-bottom-right-radius:4px}.bubble-ai{border-bottom-left-radius:4px}.timestamp{font-size:.65rem}.cosmic-symbol{font-size:3rem;margin-bottom:12px}.placeholder h3{font-size:1.5rem}.placeholder p{font-size:.85rem;max-width:260px;padding:0 16px}.planet-orbit{width:180px;height:180px}.planet-orbit-2{width:260px;height:260px}.planet-1{width:9px;height:9px;top:-4.5px}.planet-2{width:6px;height:6px;top:-3px}.planet-3{width:5px;height:5px;bottom:-2.5px}.hint-numbers{font-size:1.3rem;gap:12px;margin-top:18px;letter-spacing:2px}.input-bar-container{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.input-bar{border-radius:20px;padding:6px 6px 6px 14px}textarea{font-size:.9rem;padding:6px 0}.btn-send{width:38px;height:38px}.btn-send svg{width:20px;height:20px}.btn-ghost{font-size:1.1rem;padding:6px}.markdown-body{font-size:.9rem;line-height:1.6}.markdown-body h1{font-size:1.05rem}.markdown-body h2{font-size:1rem}.markdown-body h3{font-size:.95rem}.markdown-body ul,.markdown-body ol{padding-left:16px}.app-container:after{width:300px;height:300px;top:-80px;right:-100px}}@media (max-width: 360px){.logo{font-size:1.1rem}.cosmic-symbol{font-size:2.5rem}.placeholder h3{font-size:1.3rem}.placeholder p{font-size:.8rem}.planet-orbit{width:140px;height:140px}.planet-orbit-2{width:200px;height:200px}.hint-numbers{font-size:1.1rem;gap:8px}}