*{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;overflow:hidden}#root{width:100vw;height:100vh}.app-container{width:100%;height:100%;position:relative;overflow:hidden}.speech-bubble{position:absolute;max-width:300px;min-width:150px;z-index:100;animation:bubbleAppear .3s ease-out}.speech-bubble-content{background:rgba(10,10,26,.85);color:#fffffff2;padding:12px 16px;border-radius:18px;box-shadow:0 4px 20px #00000080,0 0 30px #ffffff1a;word-wrap:break-word;line-height:1.5;font-size:14px;position:relative;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speech-bubble-tail{position:absolute;bottom:-8px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(10,10,26,.85);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.speech-bubble.typing .speech-bubble-content{padding:12px 20px}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.speech-bubble .typing-indicator{display:flex;gap:6px;align-items:center;justify-content:center;padding:4px 0}.speech-bubble .typing-dot{width:8px;height:8px;border-radius:50%;background:#1a1a2e;animation:typingBounce 1.4s infinite ease-in-out}.speech-bubble .typing-dot:nth-child(1){animation-delay:-.32s}.speech-bubble .typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.bottom-input-container{position:fixed;bottom:0;left:0;right:0;z-index:200;padding:12px 20px;background:transparent}.bottom-input-form{max-width:500px;margin:0 auto;display:flex;gap:8px;align-items:center}.bottom-input{flex:1;padding:10px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#ffffffe6;font-size:14px;outline:none;transition:all .2s}.bottom-input:focus{border-color:#6366f166;background:rgba(255,255,255,.08);box-shadow:0 0 0 2px #6366f126}.bottom-input::placeholder{color:#fff6;font-size:13px}.bottom-input:disabled{opacity:.5;cursor:not-allowed}.bottom-input-button{padding:10px 20px;background:rgba(99,102,241,.5);border:1px solid rgba(99,102,241,.3);border-radius:20px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.bottom-input-button:hover:not(:disabled){background:rgba(99,102,241,.7);border-color:#6366f180;transform:translateY(-1px)}.bottom-input-button:active:not(:disabled){transform:translateY(0)}.bottom-input-button:disabled{opacity:.5;cursor:not-allowed}.starfield-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.starfield-input-container{position:fixed;left:50%;bottom:env(safe-area-inset-bottom,12px);transform:translate(-50%);z-index:100}.starfield-input-form{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:rgba(6,8,28,.75);border:1px solid rgba(180,200,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #648cff33}.starfield-input{background:transparent;border:none;outline:none;color:#f5f6ff;font-size:.95rem;padding:4px 8px;min-width:0;width:min(420px,80vw)}.starfield-input::placeholder{color:#d2dcff80}.starfield-input-button{padding:8px 18px;border-radius:999px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;background:linear-gradient(135deg,#9f7bff,#57c4ff);color:#050615;box-shadow:0 0 18px #78aaff99;transition:transform .15s ease-out,box-shadow .15s ease-out}.starfield-input-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 26px #8cbeffe6}.starfield-input-button:disabled{opacity:.5;cursor:not-allowed}