@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-brand:#b91c1c;--color-brand-dark:#7f1d1d;--color-surface:#fff;--color-canvas:#fafafa;--color-pane:#f7f6f4;--color-text:#1a1a1a;--color-muted:#9ca3af;--color-border:#f3f4f6;--color-user-avatar:#fee2e2;--color-assistant-avatar:#e5e7eb;--color-gated-bg:#fef2f2;--color-gated-text:#7f1d1d;--shadow-sm:0 1px 3px #0000000f;--radius-bubble-user:18px 18px 4px 18px;--radius-bubble-assistant:18px 18px 18px 4px;--max-thread:720px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-canvas);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.app-accent-strip{background:linear-gradient(to right, var(--color-brand-dark), var(--color-brand));z-index:1000;height:7px;position:fixed;top:0;left:0;right:0}.app-layout{padding-top:7px}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-layout{flex-direction:row;height:calc(100vh - 7px);min-height:calc(100vh - 7px);display:flex;overflow:hidden}.app-main{background:var(--color-canvas);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.mobile-top-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;padding:8px 12px;display:none}.mobile-top-bar__menu{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.mobile-top-bar__menu-icon{background:var(--color-text);width:18px;height:2px;box-shadow:0 6px 0 var(--color-text), 0 -6px 0 var(--color-text);display:block}.chat-stage{flex-direction:column;flex:1;min-height:0;transition:layout .25s;display:flex}.chat-stage--welcome{justify-content:center;align-items:center;padding:24px 16px}.chat-stage--active{min-height:0}.welcome-screen{text-align:center;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:640px;display:flex}.welcome-screen__title{color:var(--color-text);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.25}.chat-stage__thread{flex:1;width:100%;min-height:0;overflow-y:auto}.chat-stage__thread-inner{max-width:var(--max-thread);margin:0 auto;padding:16px 16px 8px}.chat-stage__composer{background:linear-gradient(to top, var(--color-canvas) 85%, transparent);border-top:1px solid var(--color-border);flex-shrink:0;width:100%;padding:12px 16px 20px;transition:transform .25s,opacity .25s;overflow:visible}.chat-stage__composer-inner{max-width:var(--max-thread);margin:0 auto;overflow:visible}.message-list{width:100%}.message-row{align-items:flex-end;gap:10px;max-width:78%;margin-bottom:18px;display:flex}.message-row--user{flex-direction:row;margin-left:auto}.message-row--assistant{margin-right:auto}.message-row__content{flex:1;min-width:0}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.message-avatar--user{background:var(--color-user-avatar);color:var(--color-brand)}.message-avatar--assistant{background:var(--color-assistant-avatar);color:#4b5563}.message-bubble{padding:12px 16px;line-height:1.5}.message-bubble--user{background:var(--color-brand);color:#fff;border-radius:var(--radius-bubble-user)}.message-bubble--user p{margin:0}.message-bubble--assistant{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-bubble-assistant)}.message-bubble--assistant p{margin:0 0 .5em}.message-bubble--assistant p:last-child{margin-bottom:0}.message-timer{color:var(--color-muted);text-align:right;margin:4px 0 0;font-size:11px}.message-list-item{margin-bottom:18px}.message-list-item .message-row{margin-bottom:0}.message-scorecard-wrapper{max-width:78%;margin:6px 0 0 42px}.response-scorecard{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.scorecard-pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:12px;transition:border-color .2s,color .2s}.scorecard-pill:hover{border-color:var(--color-brand);color:var(--color-text)}.scorecard-panel{opacity:0;width:100%;max-width:320px;max-height:0;margin-top:0;transition:max-height .3s,opacity .25s,margin .3s;overflow:hidden}.scorecard-panel--open{opacity:1;max-height:280px;margin-top:4px}.star-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.star-row__label{color:var(--color-text);min-width:88px;font-size:13px}.star-row__stars{gap:2px;display:flex}.star-btn{color:#9ca3af;cursor:pointer;-webkit-text-fill-color:currentColor;background:0 0;border:none;padding:2px 4px;font-size:20px;line-height:1;transition:color .15s,transform .1s}.star-btn:hover:not(:disabled){color:#6b7280;transform:scale(1.08)}.star-btn--filled{color:#d97706}.star-btn--filled:hover:not(:disabled){color:#b45309}.star-btn--hover{color:#fbbf24}.star-btn:disabled{cursor:default;opacity:1}.scorecard-comment{box-sizing:border-box;border:1px solid var(--color-border);resize:vertical;background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);border-radius:8px;margin-top:4px;padding:8px 10px;font-family:inherit;font-size:13px}.scorecard-comment:focus{border-color:var(--color-brand);outline:none}.scorecard-submit{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s}.scorecard-submit:disabled{opacity:.45;cursor:not-allowed}.scorecard-tag{cursor:pointer;border:none;border-radius:999px;padding:4px 12px;font-size:12px;transition:opacity .2s}.scorecard-tag--rated{color:#166534;background:#dcfce7;border:1px solid #86efac}.scorecard-tag--rated:hover{opacity:.85}.gated-card{border-left:4px solid var(--color-brand);background:var(--color-gated-bg);color:var(--color-gated-text);border-radius:6px;gap:10px;padding:12px 16px;font-size:14px;display:flex}.gated-card__icon{flex-shrink:0}.gated-card__body strong{margin-bottom:4px;display:block}.gated-card__body p{margin:0}@keyframes bounce-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-7px)}}.typing-indicator{gap:5px;padding:4px 2px;display:flex}.typing-indicator__dot{background:var(--color-brand);border-radius:50%;width:9px;height:9px;animation:1.3s ease-in-out infinite bounce-dot}.typing-indicator__dot:nth-child(2){animation-delay:.17s}.typing-indicator__dot:nth-child(3){animation-delay:.34s}.chat-composer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;transition:box-shadow .2s,border-color .2s;display:flex;overflow:visible}.chat-composer--hero{border-radius:16px;width:100%;max-width:640px;padding:12px 14px;box-shadow:0 4px 24px #00000014}.chat-composer--hero:focus-within{border-color:var(--color-brand);box-shadow:0 4px 24px #b91c1c1f}.chat-composer--bar{border-radius:12px;width:100%;padding:8px 10px}.chat-composer--bar:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 2px #b91c1c1f}.chat-composer__row{align-items:center;gap:8px;min-height:40px;display:flex}.chat-composer__input{resize:none;background:0 0;border:none;outline:none;flex:1;align-self:center;min-height:24px;max-height:120px;padding:8px 4px;line-height:1.4}.model-picker{flex-shrink:0;position:relative}.model-picker__trigger{color:var(--color-text-muted,#666);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;margin:0;padding:6px 10px;font-size:13px;font-weight:500;line-height:1.2;transition:background .15s,color .15s;display:inline-flex}.model-picker__trigger:hover:not(:disabled),.model-picker__trigger--open{color:var(--color-text);background:#0000000d}.model-picker__trigger:disabled{opacity:.5;cursor:not-allowed}.model-picker__trigger-label{text-overflow:ellipsis;max-width:110px;overflow:hidden}.model-picker__chevron{opacity:.7;flex-shrink:0;transition:transform .15s}.model-picker__trigger--open .model-picker__chevron{transform:rotate(180deg)}.model-picker__menu{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;width:min(280px,100vw - 32px);padding:8px;animation:.14s ease-out model-picker-in;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 4px 6px #0000000a,0 12px 28px #0000001f}@keyframes model-picker-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.model-picker__heading{color:var(--color-muted);margin:0;padding:6px 10px 8px;font-size:12px;font-weight:500}.model-picker__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.model-picker__option{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin:0;padding:10px;transition:background .12s;display:flex}.model-picker__option:hover{background:#0000000a}.model-picker__option--selected{background:#b91c1c0f}.model-picker__option--selected:hover{background:#b91c1c17}.model-picker__option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.model-picker__option-title{font-size:14px;font-weight:600;line-height:1.25}.model-picker__option-desc{color:var(--color-muted);font-size:12.5px;line-height:1.35}.model-picker__check{color:var(--color-text);flex-shrink:0;margin-top:2px}.chat-composer__send{background:var(--color-brand);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform .1s;display:inline-flex}.chat-composer__send svg{transform:translate(-1px)}.chat-composer__send:hover:not(:disabled){background:#a51820}.chat-composer__send:active:not(:disabled){transform:scale(.94)}.chat-composer__send:disabled{opacity:.45;cursor:not-allowed}.chat-composer__stop{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:14px;font-weight:500}.chat-composer__stop:hover{border-color:var(--color-brand);color:var(--color-brand)}.chat-composer__attach{width:36px;height:36px;color:var(--color-text-muted,#666);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.chat-composer__attach:hover:not(:disabled){color:var(--color-brand);border-color:var(--color-brand);background:#b91c1c0f}.chat-composer__attach:disabled{opacity:.5;cursor:not-allowed}.chat-composer__attach-spinner{border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite composer-spin}@keyframes composer-spin{to{transform:rotate(360deg)}}.chat-composer__meta{flex-direction:column;gap:6px;display:flex}.chat-composer__upload-error{color:var(--color-brand);padding:0 4px;font-size:12.5px}.chat-composer__chips{flex-wrap:wrap;gap:6px;padding:0 2px;display:flex}.chat-composer__chip{border:1px solid var(--color-border);max-width:220px;color:var(--color-text);background:#b91c1c14;border-radius:14px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.chat-composer__chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-composer__chip-remove{color:var(--color-text-muted,#777);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1}.chat-composer__chip-remove:hover{color:var(--color-brand)}.quick-replies{flex-wrap:wrap;gap:8px;margin:8px 0 4px 44px;display:flex}.quick-reply{background:var(--color-surface);color:var(--color-brand);border:1px solid var(--color-brand);cursor:pointer;border-radius:16px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.quick-reply:hover{background:var(--color-brand);color:#fff}.md-stack{flex-direction:column;gap:8px;margin:8px 0 4px;display:flex}.md-stack__card{background:var(--color-pane);border:1px solid var(--color-border);border-radius:12px;padding:10px 12px}.md-stack__title{color:var(--color-text);margin:0 0 6px;font-size:14px;font-weight:600}.md-stack__facts{flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.md-stack__fact{flex-direction:column;gap:1px;min-width:72px;display:flex}.md-stack__fact dt{color:var(--color-muted);font-size:11px;font-weight:500}.md-stack__fact dd{color:var(--color-text);margin:0;font-size:14px;font-weight:600}.message-bubble img,.message-content img{border:1px solid var(--color-border);object-fit:contain;background:#fff;border-radius:10px;max-width:150px;max-height:150px;margin:6px 0;display:block}.chat-composer__chip-thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:26px;height:26px}.message-attachments{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.message-attachment-img{object-fit:cover;border-radius:8px;max-width:180px;max-height:180px;display:block}.message-attachment-file{opacity:.85;font-size:12px}.api-key-banner{color:var(--color-gated-text);background:#fef2f2;border-bottom:1px solid #fecaca;flex-shrink:0;align-items:flex-start;gap:12px;margin:0;padding:10px 16px;font-size:13px;line-height:1.45;display:flex}.api-key-banner__text{flex:1;margin:0}.api-key-banner__text code{background:#7f1d1d14;border-radius:4px;padding:1px 4px;font-size:12px}.api-key-banner__dismiss{color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.25rem;line-height:1}.sidebar-backdrop{z-index:90;background:#00000059;display:none;position:fixed;inset:7px 0 0}.sidebar-backdrop--open{display:block}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;flex-shrink:0;width:280px;max-width:88vw;height:calc(100% - 7px);transition:transform .25s;display:flex;position:fixed;top:7px;left:0;overflow:hidden;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__inner{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex;overflow-y:auto}.sidebar__brand-block{text-align:center;flex-direction:column;align-items:center;padding-bottom:4px;display:flex;position:relative}.sidebar__close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;display:none;position:absolute;top:0;right:0}.sidebar__brand{flex-direction:column;align-items:center;width:100%;padding:8px 0 4px;display:flex}.sidebar__logo{object-fit:contain;object-position:center;background:0 0;width:auto;max-width:100%;height:104px;margin:0 auto;display:block}.sidebar__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.sidebar__connection{color:var(--color-muted);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.sidebar__connection--ok{color:#166534}.sidebar__connection--down{color:#991b1b}.sidebar__status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.sidebar__connection--ok .sidebar__status-dot{background:#22c55e}.sidebar__connection--down .sidebar__status-dot{background:#ef4444}.sidebar__badge{background:var(--color-brand);color:#fff;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.sidebar__divider{border:none;border-top:1px solid var(--color-border);width:100%;margin:16px 0}.sidebar__divider--footer{margin:0 0 16px}.sidebar__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0 0 12px;font-size:11px;font-weight:600}.sidebar__block{margin-bottom:24px}.sidebar__block--footer{margin-bottom:0;padding-bottom:8px}.sidebar__spacer{flex:1;min-height:16px}.sidebar__form{flex-direction:column;gap:12px;display:flex}.sidebar__field{flex-direction:column;gap:6px;margin:0;display:flex}.sidebar__field-label{color:var(--color-text);font-size:13px;font-weight:500}.sidebar__field input,.sidebar__field select{background:var(--color-surface);border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:9px 11px;font-size:14px}.sidebar__field input:focus,.sidebar__field select:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 2px #b91c1c1f}.sidebar__signed-in{flex-direction:column;gap:12px;display:flex}.sidebar__signed-in-name{color:var(--color-text);margin:0;font-size:14px;line-height:1.45}.sidebar__error{color:var(--color-brand);margin:0;font-size:13px;line-height:1.4}.sidebar__actions{flex-direction:column;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;font-weight:500}.btn--primary{background:var(--color-brand);color:#fff}.btn--secondary{color:var(--color-brand);border:1px solid var(--color-brand);background:0 0}@media (width<=768px){.mobile-top-bar,.sidebar__close{display:block}}@media (width>=769px){.sidebar-backdrop{display:none!important}.sidebar{width:280px;height:calc(100vh - 7px);transform:translate(0)}.app-main{margin-left:280px}.sidebar__close,.mobile-top-bar{display:none}}.app-layout--embed{height:100dvh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0)}.app-layout--embed .app-main{background:var(--color-canvas);width:100%;margin-left:0}.widget-top-bar{padding:10px 12px;padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.widget-top-bar__brand{align-items:center;gap:8px;min-width:0;display:flex}.widget-top-bar__logo{object-fit:contain;width:auto;max-width:96px;height:28px}.widget-top-bar__title{color:var(--color-text);white-space:nowrap;font-size:15px;font-weight:600}.widget-top-bar__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.widget-top-bar__status{background:var(--color-muted);border-radius:50%;width:8px;height:8px}.widget-top-bar__status--ok{background:#16a34a}.widget-top-bar__status--down{background:#dc2626}.widget-top-bar__user{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:13px;overflow:hidden}.widget-top-bar__signin{border:1px solid var(--color-brand);color:var(--color-brand);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.widget-top-bar__signin:hover{background:var(--color-brand);color:#fff}.widget-top-bar__menu-wrap{position:relative}.widget-top-bar__menu-btn{border:1px solid var(--color-border);background:var(--color-surface);letter-spacing:1px;cursor:pointer;width:36px;height:36px;color:var(--color-text);border-radius:8px;font-size:18px;line-height:1}.widget-top-bar__dropdown{background:var(--color-surface);border:1px solid var(--color-border);min-width:160px;box-shadow:var(--shadow-sm);z-index:40;border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.widget-top-bar__dropdown button{text-align:left;cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px}.widget-top-bar__dropdown button:hover{background:var(--color-pane)}.widget-auth-hint{color:#7f1d1d;background:var(--color-gated-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;margin:0;padding:8px 12px;font-size:13px}.login-sheet{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.login-sheet__backdrop{cursor:pointer;background:#00000059;border:none;padding:0;position:absolute;inset:0}.login-sheet__panel{background:var(--color-surface);width:100%;max-width:420px;max-height:min(90dvh,560px);padding:12px 20px calc(20px + env(safe-area-inset-bottom,0px));z-index:1;border-radius:16px 16px 0 0;position:relative;overflow:auto;box-shadow:0 -8px 24px #0000001f}.login-sheet__handle{background:var(--color-border);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.login-sheet__title{margin:0 0 4px;font-size:1.25rem;font-weight:600}.login-sheet__hint{color:var(--color-muted);margin:0 0 16px;font-size:13px}.login-sheet__form{flex-direction:column;gap:12px;display:flex}.login-sheet__field{color:var(--color-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.login-sheet__field input{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-canvas);border-radius:8px;padding:10px 12px;font-size:16px}.login-sheet__field input:focus{outline:2px solid color-mix(in srgb, var(--color-brand) 40%, transparent);border-color:var(--color-brand)}.login-sheet__error{color:#b91c1c;margin:0;font-size:13px}@media (width>=480px){.login-sheet{align-items:center;padding:24px}.login-sheet__panel{border-radius:16px;padding:20px 24px}.login-sheet__handle{display:none}}