:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a{color:#60a5fa}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;max-width:800px;height:100vh;margin:0 auto;padding:0 16px;display:flex}.header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.header h1{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:600}.model-select{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 12px;font-size:13px}.chat{flex-direction:column;flex:1;gap:16px;padding:16px 0;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:10px;display:flex}.message.user{flex-direction:row-reverse}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.5}.message.assistant .bubble{background:#1e293b;border:1px solid #334155}.message.user .bubble{color:#fff;background:#2563eb}.input-bar{border-top:1px solid #1e293b;gap:8px;padding:16px 0;display:flex}.input-bar input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:14px}.input-bar input:focus{border-color:#60a5fa}.input-bar button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.input-bar button:hover:not(:disabled){background:#1d4ed8}.input-bar button:disabled{opacity:.5;cursor:not-allowed}