: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}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}