*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{--glass-bg: rgba(8, 10, 18, .65);--glass-bg-soft: rgba(10, 12, 20, .6);--glass-border: rgba(255, 255, 255, .16);--glass-border-soft: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .28)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:#05060a;color:#f5f5f5}.background-video-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at top,#151826 0,#020308 60%,#000)}.background-video{position:absolute;min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;opacity:.25;filter:blur(1px)}.background-video-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#0003,#000 70%);z-index:-1}.app-root{position:relative;height:100%;padding:18px 22px;display:flex;flex-direction:column;color:#f7f7f7}.app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-radius:16px;background:radial-gradient(circle at top left,#ffffff14,#080a12cc);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 24px 60px #000000d9,0 0 0 1px #ffffff05;margin-bottom:14px}.app-title-block{display:flex;flex-direction:column;gap:4px}.app-title{font-size:18px;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.app-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#f5f5f599}.app-status{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:#0f0f14cc;border:1px solid rgba(255,255,255,.12);font-size:11px;text-transform:uppercase;letter-spacing:.18em}.status-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px #fff6}.status-dot.on{background:#4ade80;box-shadow:0 0 16px #4ade80cc}.status-dot.off{background:#f97373;box-shadow:0 0 12px #f87171bf}.app-main{flex:1;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;min-height:0}.panel{border-radius:20px;padding:18px 18px 16px;display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffff1a,#05060cd9);border:1px solid var(--glass-border-soft);border-top:1px solid var(--glass-highlight);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:0 28px 70px #000000e6,0 0 0 1px #ffffff05}.panel-left{align-items:center}.panel-right{min-width:0}.face-wrapper{flex:1 1 auto;width:100%;border-radius:16px;background:#000;position:relative;overflow:hidden;margin-bottom:10px}.bronco-face-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:opacity .12s linear;will-change:opacity}.bronco-face-video.idle{z-index:1}.bronco-face-video.talk{z-index:2}.bronco-face-video.show{opacity:1}.bronco-face-video.hide{opacity:0}.panel-section{width:100%}.panel-label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#f5f5f5b3;margin-bottom:10px}.volume-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:6px;color:#f5f5f5b3}.volume-value{font-variant-numeric:tabular-nums}.volume-slider{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;height:4px;border-radius:999px;background:#ffffff29;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 12px #ffffffd9;cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 12px #ffffffd9;cursor:pointer}.chat-window{flex:1;min-height:0;overflow-y:auto;padding:10px 6px 4px;display:flex;flex-direction:column;gap:10px}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track{background:transparent}.chat-window::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.chat-row{display:flex;align-items:flex-start;gap:10px;max-width:100%}.chat-row-assistant{justify-content:flex-start}.chat-row-user{justify-content:flex-end}.chat-avatar{flex-shrink:0;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 20% 0,#343843,#101117);display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#f5f5f5e6}.chat-row-user .chat-avatar{background:radial-gradient(circle at 20% 0,#fff,#c7c7c7);color:#050608}.chat-bubble{position:relative;max-width:min(74%,600px);padding:10px 14px;font-size:13px;line-height:1.5;border-radius:16px;background:linear-gradient(135deg,#ffffff1a,#0a0b12bf);border:1px solid rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.32);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);color:#f5f5f5;overflow-wrap:break-word}.chat-row-user .chat-bubble{background:linear-gradient(135deg,#fffffff2,#e6e6ebe6);color:#050509;border:1px solid rgba(255,255,255,.9);border-top:1px solid rgba(255,255,255,1)}.thinking-bubble{padding:4px 10px}.thinking-gif{width:140px;height:40px;object-fit:contain;display:block;margin:4px auto}.input-bar{margin-top:10px;display:flex;flex-direction:column;gap:8px}.mic-center{display:flex;justify-content:center;margin-bottom:6px}.mic-circle{width:64px;height:64px;border-radius:50%;border:1px solid var(--glass-border);background:radial-gradient(circle at 20% 0,#ffffff1f,#050509e6);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease,background .12s ease}.mic-circle:hover{transform:translateY(-1px);box-shadow:0 10px 26px #0009}.mic-circle.listening{border-color:#4ade80e6;box-shadow:0 0 18px #4ade80d9}.mic-gif{width:104px;height:104px;object-fit:contain}.text-form{display:flex;align-items:stretch;gap:8px}.text-input{flex:1;border-radius:999px;border:1px solid var(--glass-border-soft);padding:9px 14px;background:radial-gradient(circle at top left,#ffffff0f,#05060ae6);color:#f7f7f7;font-size:13px;outline:none;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.text-input::placeholder{color:#b4b4beb3}.text-input:focus{border-color:#ffffffb3;box-shadow:0 0 0 1px #ffffff59}.send-button{border-radius:999px;padding:0 18px;border:1px solid rgba(255,255,255,.32);background:radial-gradient(circle at 20% 0,#f5f5f5,#c5c5c5);color:#050509;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:transform .08s ease,box-shadow .08s ease,background .08s ease}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #0009}.send-button:disabled{opacity:.4;cursor:default}.flow-note{margin-top:6px;font-size:11px;color:#dcdce699}@media (max-width: 900px){.app-main{grid-template-columns:1fr;grid-auto-rows:auto}.panel-left{display:flex;flex-direction:column;align-items:center;min-height:0}.panel-right{order:2}}