*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC",Georgia,serif;background:#08080f;color:#e0d8cf;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;height:100vh;max-width:680px;margin:0 auto;position:relative}.bg{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 30%,#1a1228,#08080f 70%);z-index:0}.chat{flex:1;overflow-y:auto;padding:40px 20px 20px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1;scrollbar-width:none}.chat::-webkit-scrollbar{display:none}.msg{display:flex;flex-direction:column;gap:6px}.msg.assistant{align-items:flex-start}.msg.user{align-items:flex-end}.spk{font-size:11px;letter-spacing:2px;color:#ffffff40;padding-left:4px}.bubble{max-width:85%;padding:14px 18px;line-height:1.85;font-size:15px}.msg.assistant .bubble{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:2px 12px 12px;color:#e0d8cf}.msg.user .bubble{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:12px 2px 12px 12px;color:#d0c8bf}.cur{opacity:.6;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.dots{display:flex;gap:5px;align-items:center;min-height:24px}.dots span{width:5px;height:5px;border-radius:50%;background:#ffffff4d;animation:dot 1.2s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.bottom{position:relative;z-index:1;padding:12px 20px 24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.05)}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#ffffff73;padding:6px 14px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .2s}.opt:hover{border-color:#ffffff4d;color:#ffffffbf}.irow{display:flex;gap:10px;align-items:flex-end}.inp{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0d8cf;padding:10px 14px;font-size:15px;font-family:inherit;resize:none;outline:none;line-height:1.6;max-height:120px}.inp:focus{border-color:#ffffff40}.inp::placeholder{color:#fff3}.sbtn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff9;padding:10px 18px;font-size:14px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s}.sbtn:hover:not(:disabled){background:#ffffff1f;color:#fff}.sbtn:disabled{opacity:.3;cursor:not-allowed}.reset{background:transparent;border:none;color:#ffffff26;font-size:12px;cursor:pointer;font-family:inherit;align-self:center}.reset:hover{color:#fff6}