:root{--bg-1:#1a0f2e;--bg-2:#2d1b4e;--bg-3:#3d1e57;--panel:#180e2bb8;--text:#fdf8ff;--muted:#c9b8e8;--line:#d4afff2e;--accent:#f0a868;--accent-2:#ffd76a;--accent-3:#a685ff;--user-bubble:linear-gradient(135deg, #6a3fd0, #9257e6);--assistant-bubble:#ffffff0f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 12% -10%, #ffd76a29 0%, transparent 45%), radial-gradient(circle at 100% 0%, #a685ff38 0%, transparent 50%), linear-gradient(160deg, var(--bg-1) 0%, var(--bg-2) 55%, var(--bg-3) 100%);background-attachment:fixed;font-family:Segoe UI,Arial,sans-serif}.page{align-items:stretch;max-width:760px;min-height:100vh;margin:0 auto;padding:32px 16px 40px;display:flex}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:24px;flex-direction:column;width:100%;padding:22px;display:flex;box-shadow:0 30px 70px #00000073,inset 0 1px #ffffff0d}.hero{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:6px;padding-bottom:16px;display:flex}.hero-icon{background:linear-gradient(135deg, var(--accent), var(--accent-3));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:flex;box-shadow:0 8px 20px #f0a86859}h1{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}.hero p{color:var(--muted);margin:2px 0 0;font-size:.92rem}.chat{scrollbar-width:thin;scrollbar-color:var(--accent-3) transparent;flex-direction:column;flex:1;gap:14px;max-height:56vh;margin-top:16px;padding-right:4px;display:flex;overflow-y:auto}.chat::-webkit-scrollbar{width:6px}.chat::-webkit-scrollbar-thumb{background:var(--accent-3);border-radius:999px}.message{align-items:flex-start;gap:10px;animation:.25s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.avatar{color:#2a1044;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.message.assistant .avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent))}.message.user .avatar{color:#fff;background:linear-gradient(135deg,#c9b8ff,#9257e6)}.bubble{border-radius:18px;max-width:78%;padding:12px 15px;font-size:.96rem;line-height:1.55}.message.assistant .bubble{background:var(--assistant-bubble);border:1px solid var(--line);border-top-left-radius:6px}.message.user .bubble{background:var(--user-bubble);border-top-right-radius:6px;box-shadow:0 8px 18px #6a3fd059}.bubble-text{white-space:pre-wrap}.typing{gap:5px;padding:4px 2px;display:flex}.typing span{background:var(--accent-2);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite bounce}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.suggestions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:7px 13px;font-size:.85rem;transition:background .15s,transform .15s,border-color .15s}.chip:hover:not(:disabled){border-color:var(--accent);background:#f0a86829;transform:translateY(-1px)}.chip:disabled{opacity:.5;cursor:not-allowed}.controls{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;align-items:flex-end;gap:10px;margin-top:16px;padding:8px 8px 8px 16px;display:flex}textarea{width:100%;min-height:24px;max-height:140px;color:var(--text);resize:none;background:0 0;border:none;flex:1;padding:8px 0;font-family:inherit;font-size:.96rem;line-height:1.4}textarea:focus{outline:none}textarea::placeholder{color:var(--muted)}.send-btn{background:linear-gradient(135deg, var(--accent), var(--accent-3));color:#201033;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 16px #a685ff59}.send-btn:hover:not(:disabled){transform:scale(1.06)}.send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.spinner{border:2px solid #20103359;border-top-color:#201033;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:8px;font-size:.78rem;display:flex}.badge{border:1px solid var(--line);color:var(--accent-2);background:#ffffff0a;border-radius:999px;padding:3px 9px;display:inline-block}.badge-note{color:var(--accent);border-color:var(--accent)}@media (max-width:480px){.bubble{max-width:86%}}