:root{--paper:#f6f2e9;--forest:#304a36;--landing-ink:#2c3c2c;--landing-muted:#65705e}
body{background:var(--paper);color:var(--landing-ink)}
.demo-shell{min-height:100dvh;display:grid;grid-template-rows:64px 1fr 42px;padding:0 clamp(24px,5.5vw,88px)}
.demo-header,.demo-footer{display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:7px;font-size:29px;font-weight:550;letter-spacing:-1.6px;line-height:1}.brand img{display:block}
.demo-header>span{font-size:12px;color:var(--landing-muted)}
.demo-main{align-self:center;justify-self:center;width:100%;max-width:400px;padding:32px 0 70px}
.demo-main h1{font:400 42px/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 28px}
.demo-options{display:grid;gap:12px}.demo-options>a{display:flex;align-items:center;justify-content:space-between;border:1px solid #cbd2c2;border-radius:7px;background:#fffcf5;padding:17px 18px;font-size:14px}.demo-options>a:hover{border-color:#91a47d;background:#eeeee2}.demo-options>a>span{color:#65705e}
.demo-note{font-size:10px;color:#747c6d;margin:18px 0 0;line-height:1.6}
.demo-footer{font-size:11px;color:#747c6d}.demo-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.demo-login label{display:block;font-size:12px;color:var(--landing-muted);margin-bottom:8px}.login-row{display:flex;align-items:center;gap:5px;border:1px solid #cbd2c2;border-radius:7px;background:#fffcf5;padding:5px}.login-row:focus-within{border-color:#6e8569;box-shadow:0 0 0 2px #6e856919}.login-row input{flex:1;width:100%;min-width:0;border:0;background:transparent;padding:10px 12px;font-size:14px;outline:none}.login-row button{display:flex;align-items:center;gap:18px;background:var(--forest);color:#fffdf3;border:0;border-radius:4px;padding:12px 17px;font-size:12px}.login-row button:hover{background:#426145}.login-status{min-height:20px;margin-top:8px;color:#975d42;font-size:11px;line-height:1.5}
@media(max-width:420px){.demo-shell{padding-inline:22px}.demo-main h1{font-size:36px}.demo-note{max-width:290px}.demo-header>span{font-size:11px}}

/* The chooser starts with the same user messages that enter each conversation. */
.demo-chooser{max-width:620px;padding:30px 0 52px}
.demo-chooser h1{margin-bottom:30px}
.demo-prompts{display:grid;gap:22px}
.demo-prompt-choice{display:block;max-width:580px;width:100%;margin-left:auto;text-decoration:none;color:inherit;outline:none}
.demo-prompt-label{display:block;margin:0 8px 7px;font-size:10px;line-height:1.4;color:var(--landing-muted);text-align:right}
.demo-prompt-bubble{display:flex;align-items:center;gap:20px;padding:18px 20px 18px 22px;border:1px solid transparent;border-radius:18px 18px 4px 18px;background:#e9e9dc;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.demo-prompt-text{flex:1;min-width:0;font-size:15px;line-height:1.65}
.demo-prompt-send{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#f5f3e9;color:#526a47;font-size:21px;line-height:1}
.demo-prompt-choice:hover .demo-prompt-bubble{background:#e2e6d6;transform:translateY(-2px)}
.demo-prompt-choice:focus-visible .demo-prompt-bubble{outline:2px solid #6b855c;outline-offset:4px}
.demo-prompt-choice.is-entering .demo-prompt-bubble{background:#dce3d1;border-color:#b7c5a9}
.demo-chooser>.demo-note{margin-top:24px;text-align:right;max-width:none}
@media(max-width:600px){.demo-chooser{padding:24px 0 36px}.demo-chooser h1{font-size:36px;margin-bottom:27px}.demo-prompts{gap:19px}.demo-prompt-bubble{padding:16px 16px 16px 18px;gap:13px}.demo-prompt-text{font-size:14px;line-height:1.6}.demo-prompt-send{width:25px;height:25px;font-size:19px}.demo-chooser>.demo-note{text-align:left;font-size:9px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.demo-prompt-bubble{transition:none}.demo-prompt-choice:hover .demo-prompt-bubble{transform:none}}