:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:transparent;color:#17202a}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent, #0676d8) 70%,white)}.widget{--accent: #0676d8;min-height:100vh}.launcher{position:fixed;right:8px;bottom:8px;width:56px;height:56px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;box-shadow:0 10px 32px #0f172a3d;cursor:pointer}.panel{position:fixed;right:0;bottom:0;display:grid;grid-template-rows:auto auto minmax(160px,1fr) auto auto auto;width:min(410px,100vw);height:min(700px,100vh);overflow:hidden;background:#fff;border:1px solid #d7dee8;border-radius:20px;box-shadow:0 18px 56px #0f172a38}.widget[data-position=left] .launcher{right:auto;left:8px}.widget[data-position=left] .panel{right:auto;left:0}.header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 12px}.header h1{margin:0;font-size:18px}.header p{margin:4px 0 0;color:#526071;font-size:13px}.icon-button{min-width:44px;min-height:44px;border:0;background:transparent;font-size:26px}.meta{display:flex;gap:12px;align-items:center;padding:0 20px 12px;color:#526071;font-size:12px}.meta label{margin-left:auto}.meta select{min-height:32px;margin-left:4px}.messages{min-height:0;margin:0;padding:16px 20px;overflow:auto;list-style:none;background:#f7f9fc}.turn{display:contents}.message{width:fit-content;max-width:88%;margin:0 0 12px;padding:10px 13px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:15px}.assistant{background:#fff;border:1px solid #dfe5ed}.user{margin-left:auto;background:var(--accent);color:#fff}.tool,.error{margin:0 0 10px;color:#526071;font-size:13px}.error{color:#a32626}.feedback{display:flex;gap:8px;margin:-6px 0 12px}.feedback button{min-width:44px;min-height:44px}.live{min-height:1px;padding:0 20px;overflow:hidden;color:transparent;font-size:1px}.handoff{padding:8px 20px;border-top:1px solid #e4e9ef}.handoff form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.handoff label:first-child,.handoff label:nth-child(3),.handoff p{grid-column:1 / -1}.handoff label{display:grid;gap:4px;font-size:12px}.handoff input,.handoff select{min-height:44px;border:1px solid #b9c3cf;border-radius:8px;padding:8px}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid #dfe5ed}.composer textarea{min-height:48px;max-height:120px;resize:vertical;border:1px solid #aeb9c6;border-radius:12px;padding:10px 12px}.composer button,.handoff button,.turn>button{min-width:44px;min-height:44px;border:0;border-radius:10px;padding:8px 14px;background:var(--accent);color:#fff}.count{grid-column:1;color:#526071;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:640px){.panel{width:100vw;height:100dvh;border:0;border-radius:0;padding-top:env(safe-area-inset-top)}.launcher{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
