:root{--paper:#eee9df;--surface:#faf8f3;--ink:#161817;--muted:#686a63;--line:rgba(22,24,23,.15);--accent:#ff6b5f}
body{background:var(--paper);color:var(--ink)}.primary{background:var(--accent);color:var(--ink)}.flow-header,.login-form-wrap,.conversation{background:var(--surface)}.login-story,.knowledge-panel,.message.user{background:var(--paper)}.onboarding{background:var(--surface)}input,textarea,.knowledge-document,.knowledge-heading button{background:var(--surface);border-color:var(--line)}.knowledge-document{border-color:var(--line)}.suggestions button{background:var(--paper);border-color:var(--line)}.message strong,.quiet-button{color:var(--ink)}.message.assistant strong{border-left:2px solid var(--accent);padding-left:8px}.knowledge-heading button:hover,.suggestions button:hover{border-color:var(--ink)}::selection{background:var(--accent);color:var(--ink)}progress{accent-color:var(--accent)}
.preset-projects{padding:15px 0;border-bottom:1px solid var(--line)}.preset-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:10px;font-size:12px}.preset-heading small{font-size:10px;color:var(--muted)}.preset-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-options button{padding:10px 12px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:4px;text-align:left;transition:background .18s,border-color .18s}.preset-options button:hover{background:var(--paper);border-color:var(--ink)}.preset-options button[aria-pressed=true]{background:var(--paper);border-color:var(--ink);box-shadow:inset 0 -3px var(--accent)}.preset-options strong{display:block;font-size:12px}.preset-options span{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.conversation-top .eyebrow{margin-bottom:12px}.conversation-top h1{font-size:27px}.conversation-top{padding-bottom:12px}.messages{min-height:130px}.login-story h1{font-size:clamp(40px,4.5vw,64px)}
@media(max-width:680px){.preset-options button{padding:10px 7px}.preset-options strong{font-size:11px}.preset-options span{font-size:9px}.conversation{min-height:790px}.conversation-top h1{font-size:26px}.preset-heading{display:block}.preset-heading small{display:block;margin-top:5px}}
/* Keep example selection available without taking space from the conversation. */
.preset-menu{position:relative;font-size:13px;z-index:20}
.preset-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:4px;padding:10px 13px;background:var(--paper);white-space:nowrap}
.preset-menu summary::-webkit-details-marker{display:none}
.preset-menu summary::after{content:'⌄';margin-left:14px}
.preset-menu[open] summary{border-color:var(--ink)}
.preset-menu summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.preset-menu .preset-projects{position:absolute;right:0;top:calc(100% + 12px);width:310px;padding:20px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 12px 35px #16181718}
.preset-menu .preset-heading{display:block;font-size:14px;margin-bottom:15px}
.preset-menu .preset-heading small{display:block;margin-top:7px;font-size:12px}
.preset-menu .preset-options{grid-template-columns:1fr;gap:8px}
.preset-menu .preset-options button{padding:13px}
.preset-menu .preset-options strong{font-size:14px}
.preset-menu .preset-options span{font-size:12px}
@media(max-width:680px){.flow-header:has(.preset-menu){height:auto;min-height:116px;flex-wrap:wrap;gap:10px;padding-block:12px}.flow-header:has(.preset-menu)>div{width:100%;justify-content:space-between;gap:12px!important}.preset-menu .preset-projects{left:0;right:auto;width:min(310px,calc(100vw - 40px))}.preset-menu summary{padding:8px 10px;font-size:12px}.conversation{min-height:680px}}