*{box-sizing:border-box} :root{color-scheme:dark;font-family:Inter,system-ui,Segoe UI,sans-serif} body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#32165a 0,#140d23 38%,#090710 100%);color:#f7f1ff;display:grid;place-items:center;padding:18px}.app{width:min(820px,100%);min-height:min(900px,calc(100vh - 36px));border:1px solid #ffffff20;border-radius:28px;background:#100c1bd9;box-shadow:0 25px 100px #0009;display:flex;flex-direction:column;overflow:hidden}.top{height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:12px}.brand b{letter-spacing:2px;font-size:16px}.brand small{display:block;color:#a99ab9;font-size:9px;letter-spacing:1.6px;margin-top:4px}.orb,.hero-orb{display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(145deg,#d8a8ff,#7938db 55%,#32115d);box-shadow:0 0 25px #a34dff88}.orb{width:38px;height:38px}.status{font-size:10px;color:#c7b6d9;letter-spacing:1px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f3c56a;margin-right:6px}.hero{text-align:center;padding:32px 20px 18px;position:relative}.glow{position:absolute;width:190px;height:130px;left:50%;top:0;transform:translateX(-50%);background:#9d46ff44;filter:blur(55px);pointer-events:none}.hero-orb{position:relative;margin:0 auto 14px;width:66px;height:66px;font-size:34px}.hero h1{font-size:clamp(24px,4vw,34px);margin:8px 0}.hero p{color:#b9adc8;font-size:14px;margin:0 auto;max-width:430px;line-height:1.5}.chat{flex:1;min-height:240px;overflow:auto;padding:22px 24px;display:flex;flex-direction:column;gap:14px}.message{display:flex;gap:10px;align-items:flex-start;max-width:90%}.message.user{align-self:flex-end;flex-direction:row-reverse}.avatar{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:#6731a0}.bubble{background:#21182e;border:1px solid #ffffff12;border-radius:4px 16px 16px 16px;padding:12px 15px;line-height:1.5;font-size:14px}.user .bubble{background:#43216b;border-radius:16px 4px 16px 16px}.bubble b{font-size:10px;letter-spacing:1px;color:#d7b8ff}.bubble p{margin:5px 0 0}.composer{margin:0 20px 12px;padding:8px;border:1px solid #ffffff25;border-radius:18px;background:#1b1427;display:flex;gap:8px}.composer input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:white;padding:0 8px;font-size:14px}.composer input::placeholder{color:#887b98}.icon-btn,.send{border:0;border-radius:12px;width:42px;height:42px;cursor:pointer}.icon-btn{background:#342447;color:white}.send{background:linear-gradient(135deg,#a95cff,#7130c4);color:white;font-size:20px}footer{padding:0 26px 18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#897d99;font-size:11px}.text-btn{border:0;background:none;color:#c9a7f5;cursor:pointer;font:inherit}@media(max-width:520px){body{padding:0}.app{min-height:100dvh;border-radius:0;border:0}.top{padding:0 16px}.chat{padding:18px 14px}.composer{margin:0 12px 12px}footer{padding:0 16px 16px}.status{font-size:9px}}