*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sage: #7a9e7e;--amber: #c87941;--ink: #0d0d0f;--paper: #f5f2ec}body{font-family:DM Mono,monospace;background:#000;color:#fff;height:100vh;overflow:hidden}#app,.app{width:100%;height:100%}.start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease}.start-overlay.hidden{opacity:0;pointer-events:none}.start-card{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.start-title{font-family:Syne,sans-serif;font-size:64px;font-weight:800;letter-spacing:.12em;color:#fff}.start-subtitle{font-size:14px;color:#ffffff61;letter-spacing:.06em}.start-btn{margin-top:12px;padding:16px 48px;border-radius:100px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-family:Syne,sans-serif;font-size:15px;font-weight:700;letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .2s}.start-btn:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-2px)}.av-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.av-video{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .8s ease}.av-video.connected{opacity:1}.av-offline{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0c}.av-offline-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff40}.av-hud{position:absolute;bottom:44px;left:44px;display:flex;flex-direction:column;gap:6px;color:#fff;pointer-events:none}.av-name{font-family:Syne,sans-serif;font-size:28px;font-weight:800;letter-spacing:.1em;text-shadow:0 2px 16px rgba(0,0,0,.6)}.av-status{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.status-dot{width:7px;height:7px;border-radius:50%;background:#fff3;flex-shrink:0;transition:background .3s,box-shadow .3s}.status-dot.active{background:#7a9e7e;box-shadow:0 0 8px #7a9e7e}.status-dot.speaking{background:#c87941;box-shadow:0 0 8px #c87941}.waveform{display:flex;align-items:center;gap:4px;height:28px;opacity:0;transition:opacity .3s;margin-top:2px}.waveform.visible{opacity:1}.wave-bar{width:3px;height:4px;background:#7a9e7e;border-radius:2px}.waveform.active .wave-bar{animation:wave-bounce .8s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.12s}.wave-bar:nth-child(3){animation-delay:.24s}.wave-bar:nth-child(4){animation-delay:.12s}.wave-bar:nth-child(5){animation-delay:0s}@keyframes wave-bounce{0%,to{height:4px}50%{height:22px}}.av-transcript{position:absolute;bottom:44px;right:44px;width:360px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%);mask-image:linear-gradient(to bottom,transparent 0%,black 18%)}.av-transcript::-webkit-scrollbar{display:none}.chat-empty{font-size:12px;color:#ffffff47;text-align:right;letter-spacing:.04em;padding-bottom:4px}.chat-message{display:flex}.chat-message.persona{justify-content:flex-start}.chat-message.user{justify-content:flex-end}.chat-bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.55;max-width:88%;word-break:break-word;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chat-message.persona .chat-bubble{background:#0000008c;color:#ffffffeb;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.08)}.chat-message.user .chat-bubble{background:#ffffff26;color:#ffffffe0;border-bottom-right-radius:4px;border:1px solid rgba(255,255,255,.12)}.typing-cursor{display:inline-block;width:2px;height:13px;background:currentColor;vertical-align:middle;margin-left:3px;border-radius:1px;opacity:.7;animation:cursor-blink .75s step-end infinite}@keyframes cursor-blink{0%,to{opacity:.7}50%{opacity:0}}