.video-call-room{display:grid;gap:16px;max-width:1100px;margin:0 auto}.video-call-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.video-call-head h1{margin:.15rem 0}.video-call-price{text-align:right;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.video-call-price strong,.video-call-price small{display:block}.video-call-stage{position:relative;min-height:min(68vh,720px);overflow:hidden;border-radius:30px;background:#050507;border:1px solid var(--line);box-shadow:var(--shadow)}.video-call-stage>[data-remote-video]{width:100%;height:100%;min-height:min(68vh,720px);object-fit:cover;background:#050507}.video-call-stage>[data-local-video]{position:absolute;right:18px;bottom:18px;width:min(25%,220px);aspect-ratio:3/4;object-fit:cover;border-radius:20px;border:2px solid rgba(255,255,255,.75);box-shadow:0 18px 45px rgba(0,0,0,.45);background:#111;z-index:3}.video-call-wait{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 32%,#08080c),#050507 70%);z-index:2}.video-call-wait[hidden]{display:none}.video-call-avatar{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;font-size:54px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 18px 55px color-mix(in srgb,var(--accent) 24%,transparent)}.video-call-meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.video-call-meter>div,.video-call-info{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.video-call-meter span,.video-call-info span{display:block;color:var(--muted);font-size:.78rem}.video-call-meter strong{font-size:1.05rem}.video-call-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.video-call-notice{padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:.86rem}.incoming-video-call{position:fixed;right:18px;bottom:90px;z-index:80;width:min(390px,calc(100vw - 36px));padding:16px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 24px 70px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.incoming-video-call[hidden]{display:none}.incoming-video-call-row{display:flex;align-items:center;gap:12px}.incoming-video-call-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:22px}.incoming-video-call-copy{min-width:0;flex:1}.incoming-video-call-copy strong,.incoming-video-call-copy small{display:block}.incoming-video-call-copy small{color:var(--muted)}.incoming-video-call-actions{display:flex;gap:8px;margin-top:12px}.video-call-info{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.video-call-info strong{font-size:1.25rem}@media(max-width:760px){.video-call-head{align-items:start}.video-call-price{font-size:.82rem}.video-call-stage{min-height:58vh;border-radius:22px}.video-call-stage>[data-remote-video]{min-height:58vh}.video-call-stage>[data-local-video]{right:10px;bottom:10px;width:30%;border-radius:14px}.video-call-meter{grid-template-columns:repeat(2,1fr)}.incoming-video-call{bottom:82px}.video-call-controls .btn{flex:1 1 42%}}
.video-call-summary{margin-bottom:18px}.video-call-start-form{gap:8px;align-items:center}.video-call-start-form select{max-width:150px}.video-call-low-balance{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.video-call-low-balance[hidden]{display:none}.call-gifts,.call-tip,.call-dispute{margin-top:4px}.call-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.call-gift{appearance:none;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:inherit;padding:12px;display:grid;gap:4px;text-align:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.call-gift:hover{transform:translateY(-2px);border-color:var(--accent)}.call-gift span{font-size:1.8rem}.call-gift small{color:var(--muted)}.call-gift.is-sent{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.call-tip-actions{display:flex;gap:8px;flex-wrap:wrap}.video-call-pro .alert.warning{border-color:color-mix(in srgb,#e8a02b 55%,var(--line))}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.goal-card{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:8px}.goal-progress{height:7px;border-radius:99px;background:color-mix(in srgb,var(--muted) 18%,transparent);overflow:hidden}.goal-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}@media(max-width:760px){.call-gift-grid,.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-call-start-form{display:grid;grid-template-columns:1fr}.video-call-start-form select{max-width:none;width:100%}}@media(prefers-reduced-motion:reduce){.call-gift{transition:none}.call-gift:hover{transform:none}}