| :root{color-scheme:light;--ink:#173830;--muted:#657770;--line:#dce5de;--green:#245b45;--paper:#f5f6ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif} | |
| *{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}main{max-width:960px;margin:auto;padding:32px 32px 24px}header,.brand,.panel-heading,.facts,footer,nav{display:flex;align-items:center}header,.panel-heading,footer{justify-content:space-between}.brand{gap:10px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:750;letter-spacing:-.8px}.mark{display:grid;place-items:center;background:var(--green);color:white;border-radius:11px;width:39px;height:39px;font-family:Georgia,serif;font-size:28px;padding-bottom:4px}.badge{font-size:10px;letter-spacing:1.3px;border:1px solid #cad7cb;padding:8px 11px;border-radius:20px}.intro{padding:55px 0 32px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;margin-bottom:17px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,6vw,59px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin:0}h1 span{color:#7d8d74}.lede{font-size:15px;line-height:1.7;max-width:520px;color:var(--muted);margin:22px 0}.facts{gap:18px;font-size:11px;color:var(--muted);flex-wrap:wrap}.facts span+span:before{content:"•";margin-right:18px;color:#b0bfb0}.chat-panel{border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 30px #1c3e2e06}.panel-heading{font-size:13px;font-weight:650;padding:17px 22px;border-bottom:1px solid #edf0ea}.muted{font-weight:400;color:#839088;margin-left:4px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79a070;margin-right:8px}.text-button{background:none;border:0;color:var(--muted);font-size:11px;padding:6px}.welcome{padding:30px 24px 8px;text-align:center}.welcome h2{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:0 0 12px}.welcome p{color:var(--muted);max-width:500px;font-size:13px;line-height:1.7;margin:12px auto}.welcome .fine{font-size:10px;max-width:480px;margin:15px auto 0}.primary{border:0;background:var(--green);color:#fff;font:inherit;font-size:12px;font-weight:600;padding:12px 18px;border-radius:9px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:not(:disabled):hover{filter:brightness(1.12)}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #91ab72;outline-offset:3px}#status{padding:10px 24px;color:var(--muted);font-size:11px;text-align:center;min-height:34px}progress{display:block;width:calc(100% - 48px);height:5px;margin:0 24px 14px;accent-color:var(--green)}[hidden]{display:none}#messages{padding:0 24px;max-height:390px;overflow-y:auto}.message{margin:18px 0;line-height:1.65;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message .speaker{display:block;text-transform:uppercase;font-size:9px;font-weight:750;letter-spacing:1.4px;color:#718375;margin-bottom:6px}.message.user{padding:12px 16px;background:#f4f6f1;border-radius:10px}.message.assistant{padding:4px 4px 14px}#suggestions{display:flex;gap:8px;padding:4px 24px 14px;flex-wrap:wrap}.suggestion{background:white;border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:11px;color:var(--muted);cursor:pointer}form{border-top:1px solid #edf0ea;display:flex;align-items:center;gap:12px;margin:0;padding:14px 20px}textarea{resize:vertical;border:0;outline:none;flex:1;width:100%;font:inherit;font-size:13px;line-height:1.6;color:var(--ink);min-height:46px;max-height:140px;background:transparent}textarea::placeholder{color:#9aa49c}.note{font-size:11px;line-height:1.7;color:var(--muted);padding:18px 3px 24px}.note strong{color:#536d5d}footer{border-top:1px solid var(--line);padding-top:20px;font-size:10px;gap:15px;color:var(--muted)}nav{gap:20px}a{color:inherit;text-underline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} | |
| @media(max-width:600px){main{padding:22px 18px}.intro{padding-top:38px}h1{letter-spacing:-1.4px}.badge{font-size:8px;padding:7px 8px}.brand{font-size:20px}.panel-heading{padding:14px 16px}.muted{font-size:11px}.welcome{padding:25px 16px 8px}footer{align-items:flex-start;flex-direction:column;line-height:1.7}nav{gap:18px}.facts{gap:11px}.facts span+span:before{margin-right:11px}.message{font-size:13px}form{padding:12px 14px}} | |
| .starter-panel{border-top:1px solid #edf0ea;padding-top:8px}.starter-help{padding:0 24px;margin:8px 0 12px;color:var(--muted);font-size:11px;line-height:1.6}.challenge span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#795d29;margin-bottom:4px}.suggestion.challenge{text-align:left;border-color:#ded4ba;background:#fffdf6}.feedback-panel{border-top:1px solid #edf0ea;padding:14px 24px;font-size:11px;line-height:1.7;color:var(--muted)}.feedback-panel p{margin:0 0 6px}.feedback-panel .text-button{border:1px solid var(--line);border-radius:6px;cursor:pointer;margin-right:8px}.feedback-panel textarea{display:block;min-height:160px;border:1px solid var(--line);padding:10px;margin-top:10px;font-size:11px} | |
| .release-note{border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:0 0 24px;background:#edf2e8;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.release-note .eyebrow{margin:0 0 8px}.release-note h2{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.3;margin:0 0 10px}.release-note p{margin:10px 0}.release-note .release-runtime{color:var(--muted);font-size:11px} | |