:root{font-family:Noto Sans SC,Segoe UI,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#03040a;color:#fefefe}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#03040a}#root{min-height:100vh}:root{--ink: #0f0f13;--highlight: #7ee8ff;--accent: #a8ffec;--assistant-bg: #f3f9ff;--user-bg: #2b80ff;--border: rgba(255, 255, 255, .08)}.page{min-height:100vh;background:radial-gradient(circle at top,#1a1f4e,#050613 48%,#03040a);color:#f6f8ff;padding:2rem clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;gap:2rem;max-width:1300px;margin:0 auto}.hero{position:relative;padding:2rem;border-radius:28px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.08);overflow:hidden;border:1px solid var(--border)}.hero__glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(126,232,255,.4),transparent 55%);filter:blur(35px);z-index:0}.hero__tagline{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;margin:0;color:var(--accent);position:relative;z-index:1}.hero h1{font-size:clamp(2.1rem,3vw,3rem);margin:.25rem 0;position:relative;z-index:1}.hero__summary{margin:0;color:#ffffffe6;position:relative;z-index:1}.chat-shell{background:#0b0d1ecc;border-radius:28px;padding:1.5rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 70px #05040aa6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);min-height:420px;width:min(100%,900px);margin:0 auto}.chat-window{min-height:320px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem}.bubble{align-self:flex-start;max-width:min(78%,450px);padding:.85rem 1.1rem;border-radius:16px;position:relative;font-size:.95rem;line-height:1.6;box-shadow:0 10px 25px #05030c66}.bubble:after{content:"";position:absolute;width:20px;height:20px;background:inherit;border-radius:50%}.bubble--assistant{background:#ffffffeb;color:#0b0e1a;align-self:flex-start;border:1px solid rgba(0,0,0,.06)}.bubble--assistant:after{bottom:8px;left:-8px;transform:translate(-50%);box-shadow:-6px 6px 10px #0b0e2926}.bubble--user{background:linear-gradient(135deg,#4080ff,#3c1df4);color:#f3f7ff;align-self:flex-end;border:1px solid rgba(255,255,255,.2)}.bubble--user:after{bottom:8px;right:-8px;transform:translate(50%);box-shadow:6px 6px 12px #0000004d}.composer{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem}.composer__wrapper{display:flex;gap:.6rem}.composer input{flex:1;border-radius:999px;padding:.75rem 1.25rem;border:1px solid rgba(255,255,255,.3);background:#ffffff0d;color:#f6f8ff;font-size:1rem}.composer input::placeholder{color:#ffffff73}.composer input:focus{outline:none;border-color:var(--highlight);box-shadow:0 0 0 2px #7ee8ff33}.composer button{border-radius:999px;border:none;padding:0 1.4rem;background:linear-gradient(135deg,#ffd4f7,#7ee8ff);color:#0c0d15;font-weight:600;cursor:pointer;box-shadow:0 10px 18px #783bff40;transition:transform .2s ease}.composer button:disabled{opacity:.6;cursor:not-allowed;transform:none}.composer button:not(:disabled):hover{transform:translateY(-1px)}.composer__status{font-size:.85rem;color:#ffffffa6;margin:0}@media(max-width:600px){.hero,.chat-shell{padding:1.2rem}.composer__wrapper{flex-direction:column}.composer button{width:100%}}@media(max-width:520px){.page{padding:1.25rem .75rem;gap:1rem}.hero{border-radius:18px}.chat-shell{border-radius:20px;padding:1rem}.chat-window{min-height:260px}}