:root{--bg-black: #000000;--text-primary: #ffffff;--text-secondary: #ffffff;--accent-blue: #1d4ed8;--color-green: #15803d;--color-red: #b91c1c;--color-yellow: #b45309;--border-color: #27272a;--card-bg: #000000;--top-nav-height: 72px;--bottom-bar-height: 96px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;background-color:#000;height:100%;-webkit-text-size-adjust:100%}body{background-color:#000;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;height:100dvh;width:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.5}#root{height:100vh;height:100dvh;width:100%;display:flex;flex-direction:column;background-color:#000;overflow:hidden}button{cursor:pointer;border:none;font-family:inherit;font-size:1rem;font-weight:700;color:#fff;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center}button:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}input,select,textarea{font-family:inherit;font-size:1rem;color:#fff}.mobile-touch-hint{display:none}.side-ad-container{display:none!important}@media (min-width: 1240px){.side-ad-container{display:flex!important;align-items:center;flex-shrink:0}}@media (max-width: 820px){.control-btn .control-text{display:none!important}.control-btn{padding:0 14px!important;min-width:48px!important;justify-content:center!important}}@media (max-width: 720px){:root{--top-nav-height: 64px}.nav-btn .nav-text{display:none!important}.nav-btn{padding:10px 12px!important;min-height:48px!important;min-width:48px!important;justify-content:center!important}.desktop-shortcut{display:none!important}.mobile-touch-hint{display:inline!important}.side-drawer,.text-chat-drawer{width:100%!important;max-width:100%!important;left:0!important;right:0!important;top:var(--top-nav-height)!important;bottom:0!important;z-index:250!important;border-radius:0!important;border-left:none!important;border-right:none!important;box-shadow:none!important}}@media (max-width: 640px){:root{--top-nav-height: 64px;--bottom-bar-height: 118px}.bottom-call-controls{height:auto!important;min-height:114px!important;flex-direction:column!important;padding:10px 14px!important;padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important;gap:8px!important}.primary-action-wrap{width:100%!important;max-width:440px!important;display:flex!important;justify-content:center!important}.primary-action-btn{width:100%!important;max-width:440px!important;height:52px!important;font-size:1.05rem!important;padding:0 16px!important;border-radius:14px!important}.secondary-actions-wrap{width:100%!important;max-width:440px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}.control-btn{height:48px!important;min-width:48px!important;padding:0 10px!important;border-radius:12px!important}.call-card{padding:22px 16px!important;border-radius:14px!important}.call-card h1,.call-card h2{font-size:1.5rem!important}.call-avatar{width:96px!important;height:96px!important;margin-bottom:16px!important}.modal-card{padding:20px 16px!important;border-radius:12px!important}}@media (max-width: 380px){.brand-title{font-size:1.15rem!important}.primary-action-btn{font-size:1rem!important}.call-avatar{width:80px!important;height:80px!important}.secondary-actions-wrap{gap:4px!important}.control-btn{min-width:44px!important;height:46px!important}}@media (max-width: 340px){.brand-title{display:none!important}}@media (max-height: 520px){:root{--top-nav-height: 52px}header{height:52px!important}.call-avatar{width:64px!important;height:64px!important;margin-bottom:8px!important}.call-card{padding:14px 18px!important;margin:4px 0!important}.call-card h1,.call-card h2{font-size:1.25rem!important;margin-bottom:4px!important}.bottom-call-controls{min-height:80px!important;padding:6px 12px!important}.primary-action-btn,.control-btn{height:44px!important}}.eq-bar{display:inline-block;width:3px;background-color:#22c55e;border-radius:2px;animation:eqBounce .75s ease-in-out infinite alternate}.eq-bar-1{height:6px;animation-delay:.1s}.eq-bar-2{height:14px;animation-delay:.3s}.eq-bar-3{height:9px;animation-delay:.2s}@keyframes eqBounce{0%{height:4px;background-color:#4ade80}50%{height:16px;background-color:#22c55e}to{height:8px;background-color:#16a34a}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.04)}}.side-drawer{animation:slideInLeft .25s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.text-chat-drawer{animation:slideInRight .25s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-card{animation:modalZoomIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalZoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}button:active{transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}