:root{--bg:#f5f6f8;--surface:#ffffff;--text:#16181d;--muted:#6b7280;--border:#e3e6ea;--accent:#2481cc;--accent-text:#ffffff;--danger:#c0392b;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#17181c;--surface:#1f2126;--text:#eceef2;--muted:#9aa1ad;--border:#2e3138;--accent:#3a95d8}}*{box-sizing:border-box}body{margin:0;padding:24px 16px 64px;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}main{max-width:640px;margin:0 auto}h1{font-size:28px;line-height:1.25;margin:0 0 12px}h2{font-size:20px;margin:0 0 8px}p{margin:0 0 16px}a{color:var(--accent)}.muted{color:var(--muted);font-size:15px}.stack{display:flex;flex-direction:column;gap:12px}.card{display:block;width:100%;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-align:left;text-decoration:none}.button,button.card{font:inherit;cursor:pointer}.button{display:inline-block;width:100%;padding:14px 20px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);font-weight:600;text-align:center;text-decoration:none}.button:disabled{opacity:.55;cursor:default}.button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}label{display:block;margin-bottom:6px;font-size:15px;font-weight:600}input,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit}textarea{min-height:120px;resize:vertical}.error{color:var(--danger);font-size:15px}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:640px;margin:0 auto 20px;font-weight:600}.topbar a{text-decoration:none}.linklike{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-weight:400;cursor:pointer}.cards{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.badge{display:inline-block;margin-bottom:8px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:13px;font-weight:600}.preview{margin:12px 0;padding:12px;background:var(--bg)}.preview,.preview p{border-radius:var(--radius)}.preview p{max-width:85%;margin:0 0 6px;padding:8px 12px;font-size:15px}.preview p:last-child{margin-bottom:0}.preview .bot{background:var(--surface);border:1px solid var(--border)}.preview .human{margin-left:auto;background:var(--accent);color:var(--accent-text)}