:root{color-scheme:dark;--bg: #071210;--panel: rgba(10, 27, 25, .88);--panel-strong: rgba(12, 35, 32, .97);--line: rgba(198, 248, 218, .12);--line-strong: rgba(198, 248, 218, .26);--text: #ebfff3;--muted: #98bcad;--accent: #8fffb6;--accent-strong: #d1ff6e;--warning: #ff9a7a;--success: #a4ff88;--shadow: 0 28px 90px rgba(0, 0, 0, .38);font-family:Avenir Next,Segoe UI,sans-serif;scrollbar-color:rgba(164,255,136,.45) rgba(255,255,255,.06)}*{box-sizing:border-box;scrollbar-width:thin}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a4ff887a,#61d8ac57);border:2px solid rgba(8,20,18,.88);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d1ff6e9e,#61d8ac7a)}html,body{height:100%;margin:0;background:radial-gradient(circle at top left,rgba(120,255,176,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(255,197,106,.14),transparent 22%),linear-gradient(180deg,#050c0b,#071210 52%,#020504);color:var(--text);overflow:hidden}body,#app{height:var(--app-height, 100vh)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{position:relative;height:var(--app-height, 100vh);padding:24px;overflow:hidden;display:flex;flex-direction:column}.shell-loading{overflow:auto}.shell-loading .splash-screen{min-height:auto;align-items:start;align-content:start;padding-bottom:32px}.shell-loading .splash-panel{align-self:start}.ambient{position:absolute;border-radius:999px;filter:blur(20px);opacity:.9;pointer-events:none}.ambient-a{top:-140px;right:-100px;width:380px;height:380px;background:radial-gradient(circle,rgba(144,255,181,.2),transparent 68%)}.ambient-b{left:-110px;bottom:-150px;width:360px;height:360px;background:radial-gradient(circle,rgba(255,190,103,.14),transparent 68%)}.panel,.topbar,.notice,.overlay{position:relative;z-index:1}.panel,.overlay-panel,.notice{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(20,55,49,.18),transparent 34%),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel,.overlay-panel{padding:24px}.eyebrow{margin:0 0 8px;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.03em}.subtle,.empty-copy{color:var(--muted)}.connection-copy{margin-bottom:18px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.topbar-actions,.inline-actions,.spinner-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.status-pill,.view-chip{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#ffffff0a}.status-online{color:var(--success)}.status-offline,.status-error{color:var(--warning)}.status-connecting{color:var(--accent-strong)}.notice{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px}.notice p{margin-top:6px}.notice-error{border-color:#ff9a7a6b}.notice-success{border-color:#a4ff885c}.toast-notice{position:fixed;right:20px;bottom:20px;width:min(420px,calc(100vw - 32px));z-index:20;animation:toast-in .18s ease-out;align-items:center}.toast-dot{width:12px;height:12px;border-radius:999px;flex:0 0 auto;margin-top:4px;background:#fff6;box-shadow:0 0 18px #ffffff2e}.toast-dot-info{background:var(--accent-strong);box-shadow:0 0 18px #d1ff6e52}.toast-dot-success{background:var(--success);box-shadow:0 0 18px #a4ff8852}.toast-dot-error{background:var(--warning);box-shadow:0 0 18px #ff9a7a52}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.section-head.compact{margin-bottom:14px}.action-button,.ghost-button,.icon-button,.primary-action-button{border:0;transition:transform .14s ease,border-color .14s ease,background .14s ease}.action-button:hover,.ghost-button:hover,.icon-button:hover,.primary-action-button:hover,.view-chip:hover{transform:translateY(-1px)}.action-button,.primary-action-button{background:linear-gradient(135deg,#96ff8a,#d8ff6d);color:#062516;font-weight:800}.action-button{border-radius:18px;padding:14px 18px}.primary-action-button{border-radius:24px;padding:22px 18px;min-height:86px;font-size:1.02rem}.action-button:disabled,.primary-action-button:disabled{opacity:.45;cursor:not-allowed}.action-button-wide{width:100%}.ghost-button,.icon-button,.view-chip{background:#ffffff0a;color:var(--text);border:1px solid var(--line)}.ghost-button,.view-chip{border-radius:18px;padding:12px 14px}.icon-button{width:44px;height:44px;border-radius:16px;font-size:1.35rem;line-height:1}.mini-button{padding:10px 12px;font-size:.9rem}.splash-screen{position:relative;z-index:1;min-height:calc(var(--app-height, 100vh) - 48px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,460px);align-items:center;gap:28px}.splash-brand{padding:24px}.splash-brand h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:.96;margin-bottom:14px}.splash-copy{color:var(--muted);max-width:38rem;margin-bottom:18px}.splash-panel{max-width:460px}.spinner{width:16px;height:16px;border-radius:999px;background:var(--accent);box-shadow:0 0 #8fffb680;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #8fffb675}70%{box-shadow:0 0 0 18px #8fffb600}to{box-shadow:0 0 #8fffb600}}.picker-screen,.dashboard-screen{display:grid;gap:20px}.dashboard-screen{flex:1 1 auto;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.picker-screen{max-width:760px;margin:0 auto;padding-top:44px;overflow:auto}.picker-card{display:grid;gap:16px}.picker-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.picker-meta{color:var(--text)}.view-tabs{display:flex;flex-wrap:wrap;gap:10px}.view-chip-active{border-color:#d1ff6e66;background:#a4ff881f}.intercom-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;position:relative;min-height:0;align-items:start;padding-right:76px}.media-panel{display:grid;gap:18px;min-height:0;align-content:start}.media-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.media-frame{--media-frame-max-height: clamp(260px, calc(var(--app-height, 100vh) - 320px), 62vh);position:relative;width:min(100%,calc(var(--media-frame-max-height) * 16 / 9));max-width:100%;max-height:var(--media-frame-max-height);margin:0 auto;border-radius:30px;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line-strong);background:linear-gradient(180deg,#07121066,#060f0eb8),radial-gradient(circle at center,rgba(140,255,178,.08),transparent 48%)}.intercom-layout-expanded .media-frame{--media-frame-max-height: clamp(220px, calc(var(--app-height, 100vh) - 430px), 50vh)}.intercom-layout-compact .media-frame{--media-frame-max-height: clamp(240px, calc(var(--app-height, 100vh) - 340px), 58vh)}.media-frame-offline:before,.media-frame-connecting:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#ffffff08 0 14px,#060f0e1a 14px 28px);z-index:1;pointer-events:none}.media-frame-status-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;text-align:center;pointer-events:none}.media-frame-status-overlay span{border-radius:999px;border:1px solid rgba(198,248,218,.18);background:#06110fc7;padding:12px 16px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.media-frame-bell-active{border-width:3px;border-color:#a4ff88f2;box-shadow:inset 0 0 0 1px #d1ff6e59,0 0 0 1px #a4ff8838,0 0 34px #a4ff8829}.media-frame-conversation-active{border-width:3px;border-color:#8fffb6eb;box-shadow:inset 0 0 0 1px #8fffb64d,0 0 0 1px #8fffb633,0 0 30px #8fffb624}.intercom-media{width:100%;height:100%;object-fit:contain;display:block;background:#030a09e0}.media-empty{height:100%;display:grid;place-items:center;color:var(--muted)}.media-overlay-controls{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:3;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;pointer-events:none}.media-overlay-button{pointer-events:auto;background:#06110fbd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#c6f8da38;box-shadow:0 12px 24px #0000003d}.media-overlay-button:disabled,.function-button:disabled,.saved-messages-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.intercom-panel-switch-active{border-color:#d1ff6e5c;background:#a4ff881f}.primary-action-grid,.secondary-action-grid,.history-grid,.activity-log,.view-list{display:grid;gap:12px}.view-list{align-content:start}.primary-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.secondary-action-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.function-button{min-height:54px}.history-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.history-grid-drawer{grid-template-columns:repeat(2,minmax(0,1fr))}.history-card{color:var(--text);text-decoration:none;display:grid;gap:8px;width:100%;border:0;padding:0;background:transparent;text-align:left}.history-card-media{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;border-radius:20px;border:1px solid var(--line);background:#ffffff08;overflow:hidden}.history-card img{width:100%;height:100%;object-fit:contain}.history-virtual-window{width:100%}.saved-messages-button{border-radius:18px;padding:14px 16px}.saved-messages-panel{width:min(100%,720px)}.saved-messages-list{display:grid;gap:12px}.saved-message-item{display:grid;gap:8px;text-align:left;padding:16px 18px;border-radius:20px;border:1px solid var(--line);background:#ffffff0a;color:var(--text)}.saved-message-item span{color:var(--muted);white-space:pre-wrap}.saved-message-item-active{border-color:#d1ff6e61;background:#a4ff881f}.saved-messages-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.activity-log{max-height:320px;overflow:auto}.activity-log-group,.activity-log-group-items{display:grid;gap:10px}.activity-log-date{margin:0;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.activity-log-item{border:1px solid var(--line);border-radius:22px;padding:14px 16px;background:#ffffff08;color:var(--text);display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.activity-log-item p{margin:0;white-space:pre-wrap;line-height:1.45}.activity-log-time{min-width:72px;padding-top:2px;font-size:.86rem;letter-spacing:.06em;color:var(--accent-strong)}.activity-log-time:empty{display:grid;min-width:0}.insight-rail{position:fixed;top:50%;right:0;--rail-handle-width: 66px;transform:translate(calc(100% - var(--rail-handle-width) + 2px),-50%);z-index:60;display:flex;align-items:center;transition:transform .18s ease;pointer-events:none}.insight-rail-open{transform:translateY(-50%)}.insight-rail-handles{display:grid;gap:0;width:var(--rail-handle-width);min-width:var(--rail-handle-width);margin-right:-1px;position:relative;z-index:1;overflow:hidden;border-radius:22px 0 0 22px;border:1px solid rgba(143,255,182,.26);border-right:0;background:#0a1c19eb;pointer-events:auto}.rail-tab-button{position:relative;display:grid;place-items:center;border:0;border-right:0;background:transparent;color:var(--text);width:100%;min-width:0;min-height:152px;padding:0}.rail-tab-label{position:absolute;top:50%;left:50%;display:block;writing-mode:vertical-rl;text-orientation:mixed;transform:translate(-50%,-50%) rotate(180deg);letter-spacing:.16em;text-transform:uppercase;text-align:center;line-height:1;white-space:nowrap;pointer-events:none}.rail-tab-button+.rail-tab-button{border-top:1px solid rgba(143,255,182,.18)}.rail-tab-button-active{background:#a4ff8824;border-color:#d1ff6e5c}.insight-drawer{width:min(440px,calc(100vw - 84px));height:90vh;max-height:90vh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:30px 0 0 30px;border-right:0;pointer-events:auto}.insight-drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.insight-drawer-body{overflow:auto;padding-right:4px}.drawer-section{display:grid;gap:14px}.conversation-status{display:grid;gap:10px;margin-top:2px;min-height:22px}.activity-log-drawer{max-height:none}.overlay{position:fixed;inset:0;padding:20px;background:#020706b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;overflow:auto}.overlay-panel{width:min(1220px,100%);max-height:calc(100vh - 40px);overflow:auto;background:linear-gradient(180deg,rgba(19,53,48,.22),transparent 32%),var(--panel-strong)}.overlay-panel>.section-head{flex-direction:row;align-items:flex-start}.overlay-panel>.section-head>.icon-button{margin-left:auto;align-self:flex-start}.history-lightbox{padding:16px}.history-lightbox-panel{width:min(100%,1080px);min-height:calc(100vh - 32px);max-height:calc(100vh - 32px);display:grid;grid-template-rows:auto minmax(0,1fr)}.history-lightbox-head{margin-bottom:18px}.history-lightbox-head .inline-actions{margin-left:auto}.history-lightbox-body{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px}.history-lightbox-image{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:24px;border:1px solid var(--line);background:#020706e0}.history-lightbox-caption{color:var(--muted);text-align:center}.settings-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.settings-panel{display:grid;gap:18px;align-content:start;align-self:start}.settings-grid-single{grid-template-columns:1fr}.server-form,.view-form,.tts-form{display:grid;gap:14px}.server-form-secondary{margin-top:8px}label{display:grid;gap:8px;color:var(--muted)}.inline-field{margin-bottom:14px}input,textarea,select{width:100%;border-radius:18px;border:1px solid var(--line);padding:14px 16px;color:var(--text);background:#ffffff0a;outline:none;transition:transform .14s ease,border-color .14s ease,background .14s ease}input:focus,textarea:focus{border-color:var(--accent);background:#ffffff12;transform:translateY(-1px)}select:focus{border-color:var(--accent);background:#ffffff12;transform:none}.view-list-item,.tts-row{display:grid;gap:12px;border-radius:22px;border:1px solid var(--line);background:#ffffff08;padding:14px}.view-list-item{grid-template-columns:minmax(0,1fr) auto;min-height:96px;max-height:96px;align-items:center;overflow:hidden}.view-list-item-active{border-color:#d1ff6e61;background:#a4ff881a}.view-list-item>div:first-child{min-width:0;display:grid;gap:6px;align-content:center}.view-list-item p,.view-list-item strong{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tts-editor{display:grid;gap:16px}.tts-row{grid-template-columns:minmax(0,1fr) auto;gap:14px}.tts-row-remove{align-self:center}.settings-panel-footer{display:flex;justify-content:flex-end;margin-top:2px}.support-link{color:#c9d8d09e;font-size:.82rem;letter-spacing:.02em;text-decoration:none;transition:color .14s ease,opacity .14s ease}.support-link:hover,.support-link:focus-visible{color:#ddf5ebe0}.error-card{max-width:560px;margin:48px auto}@media(max-width:1080px){.settings-grid,.splash-screen{grid-template-columns:1fr}}@media(max-width:900px){html,body{overflow:auto}body,#app,.shell{height:auto;min-height:100vh}.primary-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid-drawer{grid-template-columns:1fr}.section-head{flex-direction:column}.topbar{flex-direction:row;align-items:flex-start}.topbar-actions{margin-left:auto;justify-content:flex-end;flex-wrap:nowrap}.overlay-panel>.section-head{flex-direction:row;align-items:flex-start}.media-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.section-head.compact{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.section-head.compact>.icon-button,.section-head.compact>.inline-actions{margin-left:auto}.dashboard-screen{overflow:visible;grid-template-rows:auto}.intercom-layout{padding-right:0}.media-overlay-controls{bottom:12px;width:calc(100% - 24px)}.insight-rail{top:auto;right:max(0px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));--rail-handle-width: 74px;transform:translate(calc(100% - var(--rail-handle-width) + 2px));width:auto;max-width:calc(100vw - 16px);justify-content:flex-end;padding-left:0}.insight-rail-open{transform:translate(0)}.insight-rail-handles{display:flex;flex-direction:column;gap:0;width:var(--rail-handle-width);min-width:var(--rail-handle-width);margin-right:-1px;border-radius:18px 0 0 18px}.rail-tab-button{min-height:132px;min-width:0}.rail-tab-label{left:calc(50% - 4px);letter-spacing:.14em}.insight-drawer{width:min(100vw - 24px,420px);height:90vh;max-height:90vh}.overlay{padding:12px;align-items:start}.overlay-panel{width:100%;max-height:none;min-height:calc(100vh - 24px);overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:640px){.shell{padding:16px;min-height:var(--app-height, 100vh)}.panel,.overlay-panel{padding:18px;border-radius:24px}.splash-screen{min-height:calc(var(--app-height, 100vh) - 32px);align-items:start;align-content:start}.media-frame,.media-empty{min-height:280px}.primary-action-grid{grid-template-columns:1fr}.tts-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}.tts-row-remove{margin-top:2px}.toast-notice{right:16px;bottom:16px;width:calc(100vw - 32px)}.topbar .status-pill{display:none}.overlay-panel>.section-head{position:sticky;top:0;z-index:2;padding-bottom:8px;background:linear-gradient(180deg,#0c2320fa,#0c2320eb)}.history-lightbox{padding:10px}.history-lightbox-panel{min-height:calc(100vh - 20px);max-height:calc(100vh - 20px)}}