@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}.chat-stage__composer-inner{max-width:var(--max-thread);margin:0 auto}.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;align-items:flex-end;gap:8px;transition:box-shadow .2s,border-color .2s;display:flex}.chat-composer--hero{border-radius:16px;width:100%;max-width:640px;padding:14px 16px;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:10px 12px}.chat-composer--bar:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 2px #b91c1c1f}.chat-composer__input{resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:8px 4px;line-height:1.4}.chat-composer__send{background:var(--color-brand);color:#fff;border:none;border-radius:8px;flex-shrink:0;padding:10px 18px;font-size:14px;font-weight:500}.chat-composer__send:disabled{opacity:.5;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:10px 14px;font-size:14px;font-weight:500}.chat-composer__stop:hover{border-color:var(--color-brand);color:var(--color-brand)}.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}}