:root{color-scheme:light;--bg: #0b1020;--card: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--error: #ff6b6b;--primary: #7c5cff;--primaryHover: #6a4df5}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% 10%,rgba(124,92,255,.35),transparent 60%),radial-gradient(1000px 600px at 80% 30%,rgba(0,212,255,.18),transparent 60%),var(--bg);color:var(--text)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.topbar{position:fixed;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbarLeft{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{width:100%;max-width:720px;border:1px solid var(--border);border-radius:16px;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;box-shadow:0 20px 60px #00000059}.chatCard{margin-top:60px}.title{margin:0 0 14px;font-size:22px;letter-spacing:.2px}.form{display:flex;flex-direction:column;gap:12px}.label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:15px;background:#00000040;color:var(--text);outline:none}.textarea{resize:vertical;min-height:110px}.button{border:none;border-radius:12px;padding:10px 14px;font-size:15px;cursor:pointer;background:var(--primary);color:#fff}.button:hover{background:var(--primaryHover)}.button:disabled{opacity:.6;cursor:not-allowed}.button.secondary{background:#ffffff1f;border:1px solid var(--border)}.button.secondary:hover{background:#ffffff2e}.divider{height:1px;background:var(--border);margin:14px 0}.answer{min-height:120px}.question{margin:0 0 10px;font-size:15px;line-height:1.5}.answerPre{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.5;font-size:15px}.muted{color:var(--muted);font-size:14px}.error{color:var(--error);font-size:14px}@media (max-width: 520px){.card{padding:14px}.title{font-size:20px}.topbarLeft{max-width:60vw}}