:root{--closer-accent: #2563eb;--closer-accent-fg: #ffffff;--closer-bg: #ffffff;--closer-fg: #111827;--closer-radius: .75rem;--closer-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--page-bg: #f5f5f7;--border: color-mix(in srgb, var(--closer-fg) 12%, transparent);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--page-bg);color:var(--closer-fg);font-family:var(--closer-font)}.page{display:flex;flex-direction:column;min-height:100dvh;max-width:32rem;margin:0 auto;background:var(--closer-bg)}.header{position:sticky;top:0;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);background:var(--closer-bg)}.brand{font-size:1.05rem;font-weight:650}.version{color:color-mix(in srgb,var(--closer-fg) 45%,transparent);font-size:.7rem}.chat{display:flex;flex:1;flex-direction:column;min-height:0}.messages{display:flex;flex:1;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto}.opener{align-self:flex-start;max-width:min(92%,38rem);padding:.75rem .85rem;border:1px solid var(--border);border-radius:calc(var(--closer-radius) * .9);background:var(--closer-bg);font-size:.92rem;line-height:1.55}.composer{position:sticky;bottom:0;display:flex;gap:.5rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--closer-bg)}.composer-input{flex:1;min-width:0;padding:.65rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--page-bg);color:inherit;font:inherit;font-size:.92rem}.composer-input:focus{outline:2px solid var(--closer-accent);outline-offset:1px}.composer-send{flex:0 0 auto;padding:.65rem 1.1rem;border:0;border-radius:999px;background:var(--closer-accent);color:var(--closer-accent-fg);font:inherit;font-weight:650;cursor:pointer}.composer-send:disabled{cursor:not-allowed;opacity:.5}