*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ff6b9d;--secondary-color: #c44569;--background-color: #1a1a2e;--surface-color: rgba(22, 33, 62, .85);--surface-color-solid: #16213e;--text-color: #eee;--text-secondary: #aaa;--accent-color: #0f3460;--panel-blur: 12px}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--background-color);color:var(--text-color)}#root{height:100%;width:100%}.app-fullscreen{position:relative;width:100%;height:100%;overflow:hidden}.avatar-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.settings-panel{position:fixed;top:0;right:0;width:320px;height:100%;background:var(--surface-color);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border-left:1px solid rgba(255,255,255,.1);z-index:100;transform:translate(0);transition:transform .3s ease;overflow:hidden}.settings-panel-content{height:100%;overflow-y:auto;padding:20px 20px 80px}.settings-panel-content::-webkit-scrollbar{width:6px}.settings-panel-content::-webkit-scrollbar-track{background:transparent}.settings-panel-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.settings-panel-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menu-toggle{display:none;position:fixed;top:20px;right:20px;width:48px;height:48px;background:var(--surface-color);backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;z-index:200;align-items:center;justify-content:center;transition:all .3s ease}.menu-toggle:hover{background:#16213ef2}.menu-icon{position:relative;width:20px;height:2px;background:var(--text-color);transition:all .3s ease}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--text-color);transition:all .3s ease}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu-toggle.open .menu-icon{background:transparent}.menu-toggle.open .menu-icon:before{top:0;transform:rotate(45deg)}.menu-toggle.open .menu-icon:after{top:0;transform:rotate(-45deg)}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:50}@media(max-width:768px){.menu-toggle{display:flex}.settings-panel{width:100%;max-width:360px;transform:translate(100%);background:#16213ef2}.settings-panel.open{transform:translate(0)}.menu-overlay{display:block}}@media(max-width:480px){.settings-panel{max-width:100%}.menu-toggle{top:10px;right:10px;width:44px;height:44px}}.config-section{background:transparent}.config-section h2{font-size:1.2rem;margin-bottom:16px;color:var(--primary-color);text-shadow:0 0 20px rgba(255,107,157,.3)}.config-group{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.config-group:last-child{border-bottom:none}.config-group h3{font-size:.85rem;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.config-item{margin-bottom:12px}.config-item label{display:block;font-size:.85rem;margin-bottom:4px;color:var(--text-color)}.config-item input[type=range]{width:100%;accent-color:var(--primary-color);background:transparent}.config-item input[type=color]{width:100%;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;background:transparent}.config-item select{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#0000004d;color:var(--text-color);font-size:.9rem}.config-item select:focus{outline:none;border-color:var(--primary-color)}.config-value{font-size:.75rem;color:var(--text-secondary);text-align:right}.button-group{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color);box-shadow:0 0 15px #ff6b9d66}.btn-secondary{background:#0f3460cc;color:var(--text-color);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#1a4a7ae6}.btn-active{background:var(--secondary-color);box-shadow:0 0 15px #ff6b9d80}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#0f346099;border-radius:12px;font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50}.status-dot.talking{animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app{flex:1;display:flex;flex-direction:column;padding:20px;max-width:1200px;margin:0 auto;width:100%;height:100%;overflow:auto}.app-header{text-align:center;margin-bottom:20px}.app-header h1{font-size:2rem;background:linear-gradient(90deg,var(--primary-color),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header p{color:var(--text-secondary);margin-top:8px}.main-content{display:flex;gap:20px;flex:1}@media(max-width:768px){.main-content{flex-direction:column}}.avatar-section{flex:1;display:flex;justify-content:center;align-items:center}