:root{color-scheme:light;--bg: #eef6f7;--surface: rgba(255, 255, 255, .74);--surface-strong: rgba(255, 255, 255, .9);--surface-soft: rgba(255, 255, 255, .48);--glass-line: rgba(255, 255, 255, .62);--line: rgba(79, 104, 124, .18);--line-strong: rgba(43, 76, 95, .26);--text: #122033;--muted: #65758a;--teal: #0a9b99;--teal-dark: #05706f;--teal-soft: rgba(12, 150, 146, .12);--blue: #2563eb;--blue-soft: rgba(37, 99, 235, .12);--amber: #9a5b00;--amber-soft: rgba(255, 190, 88, .18);--red: #b42318;--red-soft: rgba(255, 112, 102, .14);--green: #117848;--green-soft: rgba(24, 164, 94, .14);--shadow-sm: 0 8px 22px rgba(31, 54, 73, .08);--shadow-md: 0 18px 56px rgba(31, 54, 73, .14);--shadow-lg: 0 28px 90px rgba(17, 36, 55, .18);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(9,155,153,.18) 0%,transparent 28%),linear-gradient(225deg,rgba(37,99,235,.16) 0%,transparent 30%),linear-gradient(180deg,#f6fbfb,#eaf3f6 48%,#f8fbff);color:var(--text)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 76%);mask-image:linear-gradient(180deg,rgba(0,0,0,.68),transparent 76%)}button,textarea{font:inherit}button{border:0}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr) 320px;gap:16px;width:100%;min-height:100vh;padding:16px}.side-panel,.chat-shell{border:1px solid var(--glass-line);background:linear-gradient(180deg,#ffffffd1,#ffffff94),var(--surface);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.side-panel{display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 32px);padding:16px;border-radius:var(--radius)}.brand{display:flex;align-items:center;gap:11px;padding:2px 2px 14px;border-bottom:1px solid var(--line)}.brand-mark,.message-avatar,.stat-icon{display:grid;place-items:center;flex:0 0 auto}.brand-mark{width:38px;height:38px;border-radius:var(--radius);background:linear-gradient(135deg,#11b7ae,#2563eb);color:#fff;box-shadow:0 12px 26px #0a768d47}.brand strong{display:block;font-size:16px;line-height:1.2}.brand span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.panel-section{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff7a;box-shadow:inset 0 1px #ffffff9e}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#26384e;font-size:13px;font-weight:780}.section-title svg{color:var(--teal-dark)}.status-stack{display:flex;flex-wrap:wrap;gap:8px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);font-size:12px;font-weight:760;box-shadow:var(--shadow-sm)}.status-pill.ok{background:var(--green-soft);color:var(--green)}.status-pill.warn{background:var(--amber-soft);color:var(--amber)}.key-values{display:grid;gap:10px;margin:14px 0}.key-values div{min-width:0}.key-values dt{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.key-values dd{margin:3px 0 0;overflow-wrap:anywhere;color:#17243a;font-size:13px;font-weight:700}.ghost-button,.new-chat-button,.example-row button,.segmented button,.send-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-radius:var(--radius);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.ghost-button,.new-chat-button{border:1px solid var(--line);background:#ffffff94;color:#26384e;box-shadow:var(--shadow-sm);font-size:13px;font-weight:780}.ghost-button{width:100%}.ghost-button:hover,.new-chat-button:hover,.example-row button:hover{border-color:#0a9b996b;color:var(--teal-dark);transform:translateY(-1px);box-shadow:0 14px 30px #0e597024}.header-actions{display:flex;align-items:center;gap:10px}.new-chat-button{min-width:128px;padding:0 12px;font-size:12px}.new-chat-button:disabled{cursor:wait;opacity:.65;transform:none}.mode-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid rgba(10,155,153,.26);border-radius:var(--radius);background:linear-gradient(135deg,#0ea59c29,#2563eb14),#ffffff94;color:var(--teal-dark)}.mode-box+.mode-box{margin-top:8px}.mode-box.locked{border-color:var(--line);background:#ffffff80;color:var(--muted)}.mode-box strong{display:block;font-size:13px}.mode-box span,.hint,.guardrail{color:var(--muted);font-size:12px;line-height:1.5}.chat-shell{display:flex;flex-direction:column;min-width:0;max-height:calc(100vh - 32px);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ffffffe0,#ffffff94),#ffffffad}.chat-header h1{margin:0;color:#0f1d31;font-size:24px;line-height:1.15;letter-spacing:0}.chat-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.segmented{display:inline-grid;grid-template-columns:repeat(3,minmax(76px,1fr));padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff73;box-shadow:inset 0 1px 2px #12203314}.segmented button{min-height:31px;background:transparent;color:var(--muted);font-size:12px;font-weight:780}.segmented button.active{background:linear-gradient(135deg,#fff,#e2faf8f2);color:var(--teal-dark);box-shadow:0 8px 18px #164b5f24}.segmented button:disabled{cursor:not-allowed;opacity:.48}.setup-banner{display:flex;align-items:center;gap:10px;margin:14px 20px 0;padding:11px 12px;border:1px solid rgba(223,158,61,.34);border-radius:var(--radius);background:#fff8eacc;color:var(--amber);font-size:13px;font-weight:700}.example-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 20px}.example-row button{justify-content:flex-start;min-height:62px;padding:12px;border:1px solid var(--line);background:linear-gradient(135deg,#ffffffc2,#ffffff75),#ffffff8f;color:#24354a;box-shadow:var(--shadow-sm);font-size:12px;font-weight:720;line-height:1.35;text-align:left}.example-row button:disabled{cursor:wait;opacity:.7;transform:none}.message-list{flex:1;min-height:0;overflow-y:auto;padding:12px 20px 20px;background:linear-gradient(180deg,#f3fafa85,#ffffff29),#ffffff42}.message-list::-webkit-scrollbar{width:10px}.message-list::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#4563775c;background-clip:padding-box}.message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;margin:15px 0}.message.user{grid-template-columns:minmax(0,1fr) 36px}.message.user .message-avatar{grid-column:2;grid-row:1;background:linear-gradient(135deg,#20314a,#0f2237);color:#fff;font-size:11px;font-weight:820}.message.user .message-body{grid-column:1;justify-self:end;border-color:#ffffff29;background:linear-gradient(135deg,#182a45,#0b1728);color:#fff;box-shadow:0 18px 36px #0e1e3038}.message.user .message-meta{color:#ffffffb8}.message-avatar{width:36px;height:36px;border-radius:var(--radius);background:linear-gradient(135deg,#0c96922e,#2563eb1f);color:var(--teal-dark);box-shadow:var(--shadow-sm)}.message-body{width:fit-content;max-width:min(780px,100%);padding:13px 14px;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);background:#ffffffc7;box-shadow:0 14px 34px #1f36491a;-webkit-backdrop-filter:blur(14px) saturate(1.18);backdrop-filter:blur(14px) saturate(1.18)}.message-meta{margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:820;text-transform:uppercase}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.58}.message-text a{color:var(--teal-dark);font-weight:800;text-decoration:underline;text-underline-offset:3px}.message.user .message-text a{color:#fff}.tool-list{display:grid;gap:8px;margin-top:12px}.tool-event{border:1px solid rgba(10,155,153,.14);border-radius:var(--radius);background:#ffffff80}.tool-event-row{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#2d4057;font-size:12px;font-weight:760}.tool-event em{padding:3px 7px;border-radius:var(--radius);background:var(--amber-soft);color:var(--amber);font-size:11px;font-style:normal}.tool-dot{width:8px;height:8px;border-radius:999px}.tool-dot.ok{background:var(--green);box-shadow:0 0 0 4px #18a45e1a}.tool-dot.fail{background:var(--red);box-shadow:0 0 0 4px #b423181a}.typing{display:flex;gap:5px;align-items:center;min-width:60px;min-height:22px}.typing span{width:7px;height:7px;border-radius:999px;background:var(--teal);animation:pulse 1s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.16s}.typing span:nth-child(3){animation-delay:.32s}.error-bar{margin:0 20px 12px;padding:11px 12px;border:1px solid rgba(180,35,24,.18);border-radius:var(--radius);background:var(--red-soft);color:var(--red);font-size:13px;font-weight:760}.confirmation-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin:0 20px 12px;padding:14px;border:1px solid rgba(223,158,61,.36);border-radius:var(--radius);background:linear-gradient(135deg,#fffaedeb,#ffffffa8),#ffffff9e;box-shadow:var(--shadow-sm)}.confirmation-title{display:flex;align-items:center;gap:8px;color:var(--amber);font-size:13px;font-weight:820}.confirmation-card p{margin:6px 0 8px;color:#26384e;font-size:13px;font-weight:760}.confirmation-list{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.confirmation-list li{padding:9px 10px;border:1px solid rgba(223,158,61,.2);border-radius:var(--radius);background:#ffffffad;color:#263648;font-size:13px;font-weight:720}.confirmation-actions{display:flex;align-items:flex-start;gap:8px}.confirm-approve,.confirm-reject{min-height:38px;padding:0 12px;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:820;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.confirm-approve{background:linear-gradient(135deg,#0a9b99,#087a7a);color:#fff;box-shadow:0 12px 26px #0a7b7a3d}.confirm-reject{border:1px solid rgba(180,35,24,.2);background:#ffffffbd;color:var(--red)}.confirm-approve:hover,.confirm-reject:hover{transform:translateY(-1px)}.confirm-approve:disabled,.confirm-reject:disabled{cursor:wait;opacity:.65;transform:none}.composer{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);background:linear-gradient(135deg,#ffffffc7,#ffffff85),#ffffffa3}.composer>svg{color:var(--muted)}.composer textarea{width:100%;max-height:120px;resize:none;border:1px solid var(--line-strong);border-radius:var(--radius);outline:none;padding:12px;background:#ffffffb8;color:var(--text);box-shadow:inset 0 1px 2px #1220330d;font-size:14px;line-height:1.4}.composer textarea:focus{border-color:#0a9b999e;box-shadow:0 0 0 4px #0a9b991f,inset 0 1px 2px #1220330d}.send-button{min-width:96px;padding:0 14px;background:linear-gradient(135deg,#16b8ae,#2563eb);color:#fff;box-shadow:0 14px 30px #126eaa3d;font-size:13px;font-weight:820}.send-button:hover{transform:translateY(-1px);box-shadow:0 18px 36px #126eaa47}.send-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.hero-stat{display:flex;align-items:center;gap:12px;border-color:#ffffff47;background:linear-gradient(135deg,#0f2034f5,#085c5ee0),#0e2430;color:#fff;box-shadow:0 20px 46px #0d2b373d}.stat-icon{width:42px;height:42px;border-radius:var(--radius);background:#ffffff24}.hero-stat span{display:block;color:#c5ece8;font-size:12px;font-weight:760}.hero-stat strong{display:block;margin-top:2px;font-size:18px}.audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.audit-grid div{padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff85}.audit-grid span{display:block;color:var(--muted);font-size:11px;line-height:1.25}.audit-grid strong{display:block;margin-top:6px;color:var(--text);font-size:15px}.tool-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tool-chip-list li{padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff8f;color:#33465d;font-size:12px;font-weight:700}@keyframes pulse{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}@media(max-width:1160px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.right-panel{display:none}.example-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.app-shell{display:flex;flex-direction:column;padding:10px}.side-panel{min-height:auto}.left-panel{order:2}.chat-shell{order:1;max-height:none;min-height:76vh}.chat-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;flex-direction:column;align-items:stretch}.new-chat-button,.segmented{width:100%}.example-row{grid-template-columns:1fr}.composer{grid-template-columns:minmax(0,1fr)}.confirmation-card{grid-template-columns:1fr}.confirmation-actions{flex-direction:column}.confirm-approve,.confirm-reject{width:100%}.composer>svg{display:none}.send-button{width:100%}}