:root{--color-bg: #0a0a0a;--color-text: #e0e0e0;--color-text-muted: #888888;--color-accent: #ffffff;--transition-slow: .8s ease;--transition-medium: .4s ease;--transition-fast: .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes backgroundShift{0%{transform:scale(1)}to{transform:scale(1.05)}}.fade-in{animation:fadeIn var(--transition-slow) forwards}.fade-in-up{animation:fadeInUp .6s ease forwards}.background-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.background-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;object-fit:cover;transition:opacity 3s ease;animation:backgroundShift 60s ease-in-out infinite alternate}.background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,10,10,.7) 100%)}.main-content{position:relative;z-index:1;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.opener-container{max-width:600px;text-align:center;opacity:0;animation:fadeInUp 1s ease .3s forwards}.opener-fact{font-size:1.5rem;font-weight:300;line-height:1.6;letter-spacing:.02em;margin-bottom:3rem;color:var(--color-text)}.opener-responses{display:flex;flex-direction:column;gap:1rem;align-items:center}.opener-response{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--color-text-muted);padding:.875rem 1.5rem;font-size:1rem;font-weight:400;cursor:pointer;border-radius:2rem;transition:all var(--transition-fast);min-width:200px}.opener-response:hover{border-color:#fff6;color:var(--color-text);background:#ffffff0d}.opener-response:active{transform:scale(.98)}.chat-container{width:100%;max-width:500px;height:100%;display:flex;flex-direction:column;padding:2rem 1rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.chat-message{opacity:0;animation:fadeInUp .4s ease forwards}.chat-message.assistant{color:var(--color-text);font-size:1.125rem;line-height:1.7;font-weight:300}.chat-message.user{color:var(--color-text-muted);font-size:1rem;line-height:1.6;padding-left:1rem;border-left:2px solid rgba(255,255,255,.1)}.chat-input-container{padding:1rem 0;border-top:1px solid rgba(255,255,255,.05)}.chat-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);color:var(--color-text);font-size:1rem;font-family:inherit;padding:.75rem 0;outline:none;transition:border-color var(--transition-fast)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{border-color:#fff6}.typing-indicator{display:flex;gap:.3rem;padding:.5rem 0}.typing-dot{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@media (max-width: 640px){.opener-fact{font-size:1.25rem}.opener-response{font-size:.9rem;padding:.75rem 1.25rem;min-width:180px}.chat-message.assistant{font-size:1rem}}