:root{color-scheme:light;--ink:#0D1B18;--paper:#F3F1E8;--green:#326F56;--lime:#D8F18A}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:850px;margin:0 auto;padding:40px 24px}h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.06;letter-spacing:-.045em}h2{line-height:1.2}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.15em;color:var(--green)}section{margin:32px 0;padding:24px;border:1px solid #b8beb3;background:#f8f7f1;border-radius:10px}button,a{font:inherit;font-weight:650;border:0;border-radius:5px;padding:10px 16px;background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:3px}input,textarea,select{display:block;font:inherit;width:100%;padding:10px;border:1px solid #b8beb3;background:#fff;color:var(--ink);border-radius:5px;margin:8px 0 18px}label{font-weight:650}textarea{resize:vertical}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.controls span,.muted,footer{font-size:.85rem;color:#44544b}.message{padding:14px 18px;border-left:4px solid var(--green);margin:14px 0;background:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere}.message.user{border-left-color:var(--ink)}.message small{display:block;color:#44544b;margin-bottom:5px}.message p{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}details{margin-top:22px}summary{cursor:pointer}footer{margin-top:40px}