.direct-call{z-index:1200;color:#fff;isolation:isolate;background:#101d18;font-family:inherit;position:fixed;inset:0;overflow:hidden}.direct-remote{position:absolute;inset:0}.direct-backdrop{background:radial-gradient(at 50% 40%,#324c3e 0,#14261d 48%,#0c1511 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.direct-backdrop>p{letter-spacing:.12em;color:#c9d4cd;font-size:12px}.direct-portrait{background:#53675a;border-radius:50%;place-items:center;width:170px;height:170px;display:grid;overflow:hidden;box-shadow:0 20px 90px #0005}.direct-portrait img{object-fit:cover;width:100%;height:100%}.direct-portrait span{font-size:52px;font-weight:500}.direct-top{padding:calc(env(safe-area-inset-top) + 32px) 28px 80px;background:linear-gradient(#0009,#0000);justify-content:space-between;transition:opacity .2s;display:flex;position:absolute;inset:0 0 auto}.direct-top small{letter-spacing:.15em;color:#d6e2da;font-size:10px}.direct-top h1{margin:12px 0 6px;font-size:32px;line-height:1.2}.direct-top p{color:#d6e2da;margin:0;font-size:14px}.direct-call button{color:inherit;cursor:pointer;touch-action:manipulation;border:0}.direct-top>button{background:#ffffff25;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.direct-self{right:22px;top:calc(env(safe-area-inset-top) + 156px);background:#4a5d51;border:1px solid #ffffff35;border-radius:22px;width:110px;height:160px;position:absolute;overflow:hidden;box-shadow:0 12px 30px #0005}.direct-self>span{color:#e2ebe5;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:11px;display:flex}.direct-bottom{padding:65px 20px calc(env(safe-area-inset-bottom) + 34px);background:linear-gradient(#0000,#000b);transition:opacity .2s;position:absolute;inset:auto 0 0}.direct-permission{text-align:center;color:#dde4df;max-width:480px;margin:0 auto 20px;font-size:12px;line-height:1.5}.direct-controls{justify-content:center;align-items:center;gap:24px;display:flex}.direct-controls>button{background:#ffffff25;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:62px;height:70px;display:flex}.direct-controls>button span{font-size:11px;font-weight:500}.direct-call .direct-end,.direct-mini .direct-end{background:#cc4b4b}.direct-call .direct-answer{background:#3d8962}.direct-call button:disabled{opacity:.45;cursor:wait}.direct-call button:focus-visible,.direct-mini button:focus-visible{outline-offset:4px;outline:3px solid #bde3ca}.direct-error{text-align:center;background:#17261f;border:1px solid #ffffff50;border-radius:14px;max-width:500px;margin:0 auto 20px;padding:12px 18px;font-size:13px}.direct-hidden{opacity:0;pointer-events:none}.direct-dismiss{background:#fff2;border-radius:20px;margin:auto;padding:16px 24px;font-size:15px;display:block}.direct-mini{top:calc(env(safe-area-inset-top) + 16px);z-index:1201;color:#fff;background:#183226;border:1px solid #ffffff30;border-radius:22px;align-items:center;gap:14px;padding:12px;display:flex;position:fixed;right:20px;box-shadow:0 12px 36px #0003}.direct-mini button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.direct-mini span{text-align:left;font-size:14px}.direct-mini small{color:#c3d4c9;margin-top:4px;font-size:11px;display:block}.direct-mini .direct-end{border-radius:50%;justify-content:center;width:44px}.direct-toast{z-index:1202;color:#fff;background:#183226;border-radius:18px;align-items:center;gap:15px;max-width:90vw;padding:16px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.direct-toast button{color:#fff;background:0 0;border:0;min-width:44px;min-height:44px}.direct-call img{display:block}.direct-call [class*=agora_video_player]{border-radius:inherit}@media (min-width:900px){.direct-top{padding:40px 54px 100px}.direct-top h1{font-size:40px}.direct-self{width:200px;height:270px;top:145px;right:48px}.direct-controls{gap:32px}.direct-controls>button{min-width:76px;height:76px}.direct-bottom{padding-bottom:42px}.direct-portrait{width:220px;height:220px}.direct-mini{top:24px;right:40px}}@media (prefers-reduced-motion:reduce){.direct-top,.direct-bottom{transition:none}}