@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&display=swap');
:root{--ink:#19252b;--paper:#f4f8f1;--mint:#83dfc0;--pink:#f18b9b;--dark:#20353b;--muted:#9cb8b1}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:24px;background:radial-gradient(circle at 90% 4%,#83dfc0 0 14%,transparent 32%),linear-gradient(140deg,#294c60,#8d638c);color:var(--ink);font-family:'Space Grotesk',sans-serif}main{width:min(760px,100%);margin:auto}header{display:flex;justify-content:space-between;gap:16px;align-items:center}a{color:var(--paper);font-weight:700}.tag,.eyebrow{color:var(--paper);font:500 .72rem 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.tag{padding:8px 10px;border:1px solid rgba(255,255,255,.6);border-radius:4px}.hero{margin:58px 0 28px;color:var(--paper)}.eyebrow{margin:0 0 10px}h1{margin:0;font-size:clamp(3.3rem,8vw,6rem);line-height:.85;letter-spacing:-.06em}h1 span{color:var(--mint);text-shadow:3px 3px 0 var(--ink)}.hero p:last-child{margin:20px 0 0;font-size:1.1rem}.chat-card{overflow:hidden;border:3px solid var(--ink);border-radius:7px;background:var(--dark);box-shadow:6px 6px 0 rgba(0,0,0,.25)}.messages{display:grid;gap:13px;min-height:350px;max-height:480px;overflow-y:auto;padding:20px}.message{max-width:86%;padding:12px 15px;border-radius:5px;font:14px/1.5 'DM Mono',monospace}.message span{display:block;margin-bottom:6px;color:var(--mint);font-size:.68rem;letter-spacing:.1em}.message p{margin:0}.message.bot{border:1px solid #41636a;background:#2c464d;color:var(--paper)}.message.user{justify-self:end;background:var(--mint);color:var(--ink)}.message.user span{color:var(--ink)}form{display:flex;gap:8px;padding:14px;border-top:1px solid #41636a}form input{min-width:0;flex:1;padding:13px;border:1px solid #6b8b88;border-radius:4px;background:#16282e;color:var(--paper);font:14px 'DM Mono',monospace}form button,.suggestions button{border:0;border-radius:4px;background:var(--mint);color:var(--ink);cursor:pointer;font:700 .88rem 'Space Grotesk',sans-serif}form button{padding:0 16px}.suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 14px}.suggestions button{padding:8px 10px;background:#d9eee6;font-size:.75rem}.note{color:var(--paper);font:500 .78rem/1.5 'DM Mono',monospace}@media(max-width:560px){body{padding:18px}.hero{margin-top:45px}.messages{min-height:390px}.message{max-width:94%}}