:root{color-scheme:dark;font-family:Georgia,serif;color:#eee9dc;background:#141812}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;align-items:center}.brand{color:#c8b57a;text-decoration:none;font:12px/1.5 system-ui;letter-spacing:3px}button{cursor:pointer;font:13px system-ui;border:1px solid #ffffff25;background:transparent;color:inherit;border-radius:24px;padding:11px 18px}button:hover{background:#ffffff0d}button:disabled{opacity:.4;cursor:wait}main{max-width:780px;margin:auto;padding:30px 24px 230px}#welcome{padding:35px 0 40px}.eyebrow{font:11px system-ui;letter-spacing:3px;color:#b7aa80}h1{font-weight:400;font-size:clamp(50px,8vw,78px);line-height:1.08;margin:25px 0}h1 em{color:#c8b57a;font-weight:400}#welcome>p:not(.eyebrow){color:#b1b6a8;font:16px system-ui}.suggestions{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.message{font:16px/1.7 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;padding:18px 22px;border-radius:18px}.user{background:#252b22;margin-left:12%}.assistant{border-left:2px solid #b6a473;border-radius:0;padding-left:20px;margin-right:6%}#status{color:#b9bba9;font:13px system-ui}footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(transparent,#141812 18%);padding:32px 22px 16px}form{max-width:740px;margin:auto;display:flex;background:#252b22;border:1px solid #ffffff25;padding:12px;border-radius:22px;gap:12px;align-items:center}textarea{background:none;border:0;resize:none;color:#eee9dc;font:16px/1.5 system-ui;width:100%;outline:none;padding:4px}textarea:focus-visible{outline:1px solid #c8b57a;border-radius:6px}#send{background:#c8b57a;color:#141812;font-size:22px;min-width:46px;padding:7px}footer p{text-align:center;color:#989f91;font:11px/1.5 system-ui;margin:9px auto 0;max-width:720px}.privacy{font-size:10px}a:focus-visible,button:focus-visible{outline:2px solid #c8b57a;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){header{padding:22px}main{padding-top:10px}.suggestions{gap:8px}.suggestions button{font-size:12px}.user{margin-left:5%}}

body{min-height:100dvh;display:flex;flex-direction:column}header{width:100%}main{width:100%;flex:1;padding-bottom:24px}footer{position:sticky;background:#141812;padding-top:16px}#welcome{padding-top:5px}@media(max-height:700px){h1{font-size:48px;margin:16px 0}.suggestions{margin-top:18px}main{padding-top:10px}#welcome{padding-bottom:10px}}