:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--step--1: clamp(.8rem, .77rem + .15vw, .9rem);--step-0: clamp(1rem, .95rem + .25vw, 1.1rem);--step-1: clamp(1.25rem, 1.15rem + .6vw, 1.5rem);--step-2: clamp(1.6rem, 1.4rem + 1.2vw, 2rem)}html{min-height:100%;height:auto;background:inherit}body{margin:0;display:flow-root;min-width:320px;min-height:100dvh;height:auto;color:inherit;background:inherit;padding-left:var(--safe-left);padding-right:var(--safe-right)}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}h1{font-size:var(--step-2);line-height:1.15;margin:.2em 0 .4em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;min-height:44px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 480px){html{font-size:16px}body{word-break:break-word;overflow-wrap:anywhere}}@media (max-height: 600px) and (orientation: landscape){body{padding-bottom:calc(8px + var(--safe-bottom))}}.content{display:block;gap:14px}html{min-height:100%;height:auto;background:var(--bg)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);min-height:100%;height:auto;margin:0;background:var(--bg);display:flow-root}.app{padding:10px;min-height:100dvh;height:auto;display:flex;flex-direction:column;max-width:min(100%,1200px);min-width:0;margin-left:auto;margin-right:auto;padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}.header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;background-color:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);width:100%;max-width:90vw;margin-left:auto;margin-right:auto}.title{margin:0;font-size:18px;font-weight:600;color:var(--text)}.subtitle{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.clear-btn{background:var(--danger);color:#000;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,transform .05s ease}.clear-btn:hover{background:var(--danger-hover)}.clear-btn:active{transform:translateY(1px)}.messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:15px;margin-bottom:15px;min-height:400px;background-color:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);width:100%;max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.message{margin-bottom:12px;padding:12px 16px;border-radius:12px;max-width:70%;word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.user-message{background:var(--user-bubble);color:#fff;margin-left:auto;border-bottom-right-radius:4px;box-shadow:0 1px 4px #00000040}.assistant-message{background:var(--assistant-bubble);color:var(--text);border:1px solid var(--assistant-bubble-border);border-bottom-left-radius:4px}.input-area{display:flex;gap:10px;padding:15px;background-color:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 -2px 10px #00000059;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:auto;position:sticky;bottom:0;z-index:15;padding-bottom:calc(15px + env(safe-area-inset-bottom))}.message-input{flex:1;padding:12px 16px;background:var(--card-elevated);color:var(--text);border:1px solid var(--border);border-radius:20px;font-size:16px;outline:none;min-height:44px;font-family:inherit;transition:box-shadow .15s,border-color .15s,background-color .15s}.message-input::placeholder{color:var(--text-muted)}.message-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f640;background:#19202a}.message-input:disabled{background-color:var(--disabled-bg);color:var(--disabled-text)}.send-btn{background:var(--accent);color:#000;border:none;padding:12px 20px;border-radius:20px;cursor:pointer;font-size:16px;font-weight:500;min-width:60px;min-height:44px;transition:background-color .2s,transform .05s ease}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:active:not(:disabled){transform:translateY(1px)}.send-btn:disabled{background:#334155;cursor:not-allowed;color:#cbd5e1}.typing{color:var(--text-muted);font-style:italic;padding:12px 16px}.empty-state{text-align:center;color:#6b7280;padding:40px 20px;margin-top:25%}.empty-subtitle{font-size:14px;color:#6b7280;margin-top:8px}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 768px){:root{--header-height: 60px}.app{padding:8px;max-width:100vw}.content{max-width:100vw}.header{padding:12px;margin-bottom:10px;gap:8px;max-width:90vw;align-items:center}.title{font-size:16px}.subtitle{font-size:12px;display:none}.logo{object-fit:cover}.clear-btn{font-size:1.5rem;padding:8px 12px}.clear-btn:after{content:"+"}.clear-btn{font-size:0}.clear-btn:after{font-size:1.5rem}.messages{padding:5px;margin-bottom:10px;min-height:45vh;max-height:calc(100dvh - 220px);box-shadow:0 1px 4px #00000040;max-width:80vw}.message{padding:10px 14px;max-width:90%;font-size:14px}.input-area{box-shadow:0 -6px 18px #0000004d;max-width:85%}.message-input{padding:12px 14px;font-size:16px}.send-btn{padding:12px 16px;font-size:15px;min-width:52px}.empty-state{margin-top:20%;padding:24px 12px}}@media (max-width: 380px){.message{max-width:92vw}.clear-btn{padding:8px 10px}.send-btn{min-width:46px;padding:10px 12px}}@media (max-height: 600px) and (orientation: landscape){.header{margin-bottom:8px;padding:10px}.messages{margin-bottom:8px}.input-area{padding:8px}}@media (min-width: 769px){.app{padding:20px;max-width:100vw;min-width:auto}.header{padding:20px;margin-bottom:20px}.title{font-size:24px}.messages{padding:20px;margin-bottom:20px}.message{max-width:60vw;padding:16px 20px;font-size:16px}.input-area{padding:20px}.message-input{padding:16px 20px;font-size:16px}.send-btn{padding:16px 24px;font-size:16px}}@media (prefers-reduced-motion: reduce){.clear-btn,.send-btn,.message-input{transition:none!important}}.quick-actions{margin:10px 0 14px;max-width:90%;padding-left:4vw}.quick-actions-title{font-weight:400;font-size:18px;opacity:.8;margin-bottom:8px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{text-align:left;background:var(--assistant-bubble);border:1px solid var(--assistant-bubble-border);border-radius:10px;padding:12px 14px;cursor:pointer;box-shadow:0 2px 4px #0000000a;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;min-height:56px}.quick-card:hover,.quick-card:focus-visible{transform:translateY(-1px);box-shadow:0 6px 14px #00000014;border-color:#0000001f;outline:none}.quick-card-title{font-weight:500;font-size:16px;margin-bottom:6px}.quick-card-text{font-size:14px;line-height:1.35;opacity:.85}@media (max-width: 768px){.quick-actions-grid{display:flex}.quick-card{max-width:50%}.quick-card-title{font-size:12px}.quick-card-text{display:none}}@media (max-width: 400px){.quick-actions{display:none}}:root{--bg: #0e172b;--card: #020618;--card-elevated: #1b1f2a;--text: #e6e7eb;--text-muted: #a9b0bb;--border: #2a2f3a;--shadow: 0 2px 8px rgba(0,0,0,.35);--accent: #ef9744;--accent-hover: #ef9744;--accent-soft: #0f2646;--danger: #ef9744;--danger-hover: #ef9744;--user-bubble: #172340;--assistant-bubble: #1d273c;--assistant-bubble-border: #1f2937;--quick-actions-card: #1d273c;--disabled-bg: #1b1f26;--disabled-text: #7a828f;--scrollbar-track: #0f1319;--scrollbar-thumb: #3a4352;--scrollbar-thumb-hover: #505b6d;--icon-background: #8e6021}.chat-pane{display:flex;flex-direction:column;min-width:0;position:relative}.sidebar{background:var(--bg);border-radius:10px;box-shadow:0 2px 4px #0000000f;padding:12px;display:flex;flex-direction:column;gap:18px;overflow:auto}.sidebar-h1{font-size:16px;font-weight:700;margin-bottom:8px}.sidebar-subtitle{font-size:14px;font-weight:600;opacity:.9;margin-bottom:8px}.role-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.role-item{width:100%;display:grid;grid-template-columns:20px 1fr auto 18px;align-items:center;gap:8px;background:var(--bg);border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.role-item:hover,.role-item:focus-visible{background:var(--clear-btn);box-shadow:0 4px 10px #0000000f;transform:translateY(-1px);outline:none}.role-selected{background:var(--clear-btn)}.role-icon{opacity:.7}.role-icon.active{opacity:1}.role-name{font-size:13px;font-weight:600}.role-badge{font-size:11px;padding:2px 8px;border-radius:999px;text-transform:capitalize;border:1px solid transparent;white-space:nowrap}.badge-external{background:var(--clear-btn);border-color:#ffd480}.badge-internal{background:var(--clear-btn);border-color:#bfe3bf}.recent-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.recent-item{width:100%;background:var(--bg);border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:8px 10px;text-align:left;cursor:default}.recent-item:hover{background:var(--clear-btn)}.recent-meta{display:block;font-size:11px;opacity:.7;margin-top:2px}@media (max-width: 1023px){.sidebar{position:fixed;top:calc(var(--header-height, 60px) + 8px);left:0;width:min(86vw,360px);max-width:92vw;height:calc(100dvh - var(--header-height, 60px) - 16px);z-index:30;transform:translate(-100%);transition:transform .18s ease;-webkit-overflow-scrolling:touch}.sidebar.is-open{transform:translate(0)}.backdrop{position:fixed;inset:0;background:#00000080;z-index:25;opacity:0;pointer-events:none;transition:opacity .15s ease}.sidebar-is-open .backdrop{opacity:1;pointer-events:auto}.chat-pane{margin-top:8px}}@media (min-width: 1024px){.content{display:grid;grid-template-columns:260px 1fr;gap:14px}}