body{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#18181b,#2b1055,#6f00ff);font-family:Inter,Segoe UI,Arial,sans-serif;color:#fff}.header{text-align:center;color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#7f37ff,#1379ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-container{width:100vw;min-width:320px;max-width:700px;min-height:100vh;height:100vh;margin:0 auto;display:flex;flex-direction:column;border-radius:0;box-shadow:none;overflow:visible}.messages{flex:1;overflow-y:auto;padding:18px 0 0;display:flex;flex-direction:column;gap:16px;align-items:center;font-size:1.1rem}.chat-window{width:80vw;max-width:700px;min-width:320px;flex:1;display:flex;flex-direction:column;gap:16px;margin:0 auto;padding:32px 0 0;overflow-y:auto;background:transparent;border-radius:0;box-shadow:none}.user{background:linear-gradient(90deg,#5f5fff,#7f37ff);color:#fff;align-self:flex-end;border-radius:18px 18px 8px 14px;margin-left:auto;margin-right:2%;padding:10px;border:none;box-shadow:0 2px 12px #4f09c71f}.model{background:linear-gradient(90deg,#5e2ac0,#2f2c8e 60%,#1379ee);color:#fff;align-self:flex-start;border-radius:18px 18px 14px 8px;margin-right:auto;margin-left:2%;padding:10px;border:none;box-shadow:0 2px 12px #1379ee1a}.input-area{position:fixed;left:0;right:0;margin-left:auto;margin-right:auto;bottom:0;width:50%;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#7a459f,#272574 60%,#7f37ff);border-radius:32px;padding:10px;z-index:10;pointer-events:auto}input,textarea{width:100%;min-height:40px;max-height:120px;background:linear-gradient(90deg,#111160,#4a2589);color:#fff;border-radius:30px;padding:10px 20px;border:none;font-size:1rem;outline:none;resize:vertical;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;box-shadow:0 2px 8px #883eff14}.input-area button{width:80px;height:50px;border-radius:25px;background:linear-gradient(90deg,#7f37ff,#1379ee);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s;margin-left:4px;box-shadow:0 2px 8px #7f37ff1f}.input-area button:hover{background:linear-gradient(90deg,#1379ee,#7f37ff);color:#fff}.input-area .icon-btn{background:none;border:none;color:#ececf1;font-size:1.3rem;margin-right:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}@media (max-width: 900px){.chat-container{width:100vw;max-width:100vw;min-width:0;min-height:100vh;height:100vh;border-radius:0;margin:0}.header{font-size:1.5rem;margin-top:1rem;padding:5px 10px 6px}.messages{padding:10px 4px 0;gap:10px}.message{font-size:1rem;padding:10px;border-radius:10px;max-width:95%}.input-area{width:100%;padding:8px 4px;gap:6px}.input-area input{padding:8px;font-size:1rem;border-radius:20px}.input-area button{width:70px;height:40px;font-size:1.1rem;border-radius:7px}}