:root{--primary: #FFB400;--bg: #000;--glass: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .15);--red: #ff4444;--active-glow: #FFB400;font-family:Inter,sans-serif}body{margin:0;background:var(--bg);color:#fff;overflow:hidden;height:100vh;height:100dvh;width:100vw}a{color:var(--primary);text-decoration:none}.hidden{display:none!important}#avatarVideo{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;z-index:0;transition:filter .3s,transform .3s;pointer-events:none}body.listening-mode #avatarVideo{box-shadow:inset 0 0 0 4px #ffb4004d}body.thinking-mode #avatarVideo{filter:blur(5px) brightness(.6);transform:scale(1.02)}#uiContainer{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#uiContainer>*{pointer-events:auto}.top-bar{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;z-index:20}.top-right-group{display:flex;align-items:center;gap:8px}.mode-switch{display:flex;background:#0009;border-radius:8px;padding:3px;border:1px solid var(--border)}.mode-btn{background:transparent;border:none;color:#aaa;padding:6px 12px;cursor:pointer;border-radius:6px;font-weight:600;transition:.2s;font-size:.8rem}.mode-btn.active{background:var(--primary);color:#000}.timer-wrapper{display:flex;align-items:center;gap:8px;background:#0009;padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.timer-label{font-size:.45rem;color:#aaa;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#idleTimerDisplay{font-family:monospace;font-size:.65rem;color:#fff;line-height:1}.icon-btn{width:36px;height:36px;border-radius:8px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:.2s;border:1px solid var(--border)}.bg-red{background:var(--red);border-color:var(--red)}.icon-btn:hover{filter:brightness(1.2)}.glass-panel{position:relative;background:#141414f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);padding:25px;border-radius:24px;width:90%;max-width:340px;max-height:80dvh;overflow-y:auto;text-align:center;box-shadow:0 20px 50px #000c;z-index:1000;pointer-events:auto!important}.avatar-thumb{width:70px;height:70px;border-radius:50%;border:2px solid var(--primary);margin-bottom:10px;object-fit:cover}.modern-input{position:relative;z-index:1001;width:100%;padding:12px;background:#ffffff14;border:1px solid var(--border);color:#fff;border-radius:8px;outline:none;font-size:.9rem;box-sizing:border-box;margin-bottom:10px;cursor:text;pointer-events:auto!important}.modern-input:focus{border-color:var(--primary);background:#ffffff26}select.modern-input{cursor:pointer;background-color:#111;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.modern-input option{background-color:#000;color:#fff;padding:10px}.form-group{position:relative;z-index:1001}.btn-primary{position:relative;z-index:1001;width:100%;padding:14px;background:var(--primary);color:#000;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s;display:flex;justify-content:center;gap:10px;margin-top:10px;pointer-events:auto!important}.btn-primary:hover{background:#ffca28;transform:scale(1.02)}.btn-primary:disabled{background:#555;cursor:not-allowed}.legal-footer{font-size:.6rem;color:#888;margin-top:15px;pointer-events:auto}.legal-footer a{pointer-events:auto;position:relative;z-index:1002}.bottom-bar{position:absolute;bottom:20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;pointer-events:auto;padding-bottom:env(safe-area-inset-bottom)}.voice-container{display:flex;flex-direction:column;align-items:center;width:100%}.input-toggle{display:flex;background:#000c;border-radius:20px;padding:2px;border:1px solid var(--border);pointer-events:auto;transform:scale(.9)}.toggle-btn{background:transparent;border:none;color:#888;padding:6px 12px;font-size:.75rem;cursor:pointer;border-radius:18px;transition:.2s;display:flex;align-items:center;gap:5px}.toggle-btn.active{background:#333;color:#fff;border:1px solid #555}.toggle-btn.active.auto-active{color:var(--primary);border-color:var(--primary)}.mic-controls{display:flex;justify-content:center;align-items:center;position:relative;height:60px;width:100%;margin-bottom:5px}.status-pill{background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 25px;border-radius:50px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);transition:all .2s;font-size:.85rem;color:#ccc;max-width:80%;white-space:nowrap}.status-pill.hearing{background:#ffb40026;border-color:var(--primary);color:#fff;transform:scale(1.05);box-shadow:0 0 20px #ffff004d}.status-pill.hearing i{color:var(--primary)}@keyframes wave{0%{box-shadow:0 0 #ffb400b3}70%{box-shadow:0 0 0 10px #ffb40000}to{box-shadow:0 0 #ffb40000}}.status-pill.hearing{animation:wave 1.5s infinite}.push-btn{width:65px;height:65px;border-radius:50%;border:2px solid var(--border);background:#141414e6;color:#fff;font-size:1.4rem;cursor:pointer;transition:all .1s;box-shadow:0 5px 15px #00000080;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation}.push-btn:active,.push-btn.pressed{background:var(--primary);color:#000;transform:scale(.95);border-color:var(--primary);box-shadow:0 0 20px var(--primary)}#voiceHelpText{font-size:.7rem;color:#ffffffe6;font-weight:400;text-align:center;margin-top:5px;background:#000c;padding:8px 12px;border-radius:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);width:85%;max-width:400px;line-height:1.4}#voiceHelpText b{color:var(--primary);font-weight:700;text-transform:uppercase}.text-ui{display:flex;gap:8px;width:90%;max-width:500px;background:#000c;padding:8px;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);pointer-events:auto;z-index:100;margin-bottom:10px}#textInput{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;outline:none}#sendTextBtn{background:var(--primary);color:#000;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer}.interaction-overlay{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:20px 30px;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s;width:80%;max-width:300px;text-align:center}.interaction-overlay.visible{opacity:1;pointer-events:auto}.thinking-spinner{width:36px;height:36px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.interaction-text{font-size:1rem;font-weight:500;letter-spacing:.5px}.full-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}body.avatar-fullscreen-mode{background:#000}body.avatar-fullscreen-mode:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:2147483645}body.avatar-fullscreen-mode #avatarVideo,body.avatar-fullscreen-mode #uiContainer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}body.avatar-fullscreen-mode #avatarVideo{z-index:2147483646}body.avatar-fullscreen-mode #uiContainer{z-index:2147483647}body.avatar-fullscreen-mode *{pointer-events:none}body.avatar-fullscreen-mode #avatarVideo,body.avatar-fullscreen-mode #uiContainer,body.avatar-fullscreen-mode #uiContainer *{pointer-events:auto}@media(max-width:480px){.glass-panel{padding:20px;width:94%}.top-bar{top:10px;left:10px;right:10px}.timer-display{font-size:.8rem}.btn-primary{font-size:.9rem;padding:12px}.status-pill{padding:10px 20px;font-size:.8rem}#voiceHelpText{font-size:.65rem}.timer-label{font-size:.4rem}#idleTimerDisplay{font-size:.6rem}}