:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.page{max-width:480px;margin:0 auto;padding:1.25rem}.card{background:#fff;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 8px 24px #0f172a14}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:.85rem 1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;white-space:normal;overflow-wrap:anywhere;text-decoration:none}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn:disabled{opacity:.55;cursor:not-allowed}.muted{color:#64748b;font-size:.9rem}.mt{margin-top:.75rem}.video-slot{width:100%;min-height:220px;border-radius:10px;background:#0b1220;overflow:hidden}.video-slot>div,.video-slot>div>div,.video-slot video,.video-slot canvas{width:100%!important;height:100%!important}.video-slot *{max-width:100%;max-height:100%}.call-stage{position:relative;width:100%;min-height:420px;border-radius:14px;overflow:hidden;background:#020617}.video-slot-remote{min-height:420px;border-radius:14px;background:#000}.video-slot-local{position:absolute;right:12px;bottom:12px;width:32%;min-width:110px;max-width:160px;min-height:150px;z-index:2;border:2px solid rgba(255,255,255,.85);box-shadow:0 8px 24px #0f172a59;background:#000;overflow:hidden}.call-overlay{position:absolute;left:0;right:0;top:0;padding:10px 12px;z-index:3;background:linear-gradient(180deg,#020617b8,#02061700);pointer-events:none}.call-overlay-text{color:#e2e8f0;margin:0}video{width:100%;border-radius:10px;background:#000}